:root{--bg:#020814;--panel:#061329;--panel2:#0a1a34;--ink:#f5f9ff;--muted:#a9bdd8;--cyan:#26c6ff;--blue:#1678ff;--turq:#28d8cb;--line:#3bb3ff;--green:#33d893;--lime:#cbd93c;--yellow:#ffd166;--red:#ff6b88;--white:#fff;--shadow:0 18px 55px rgba(0,0,0,.28);--radius:18px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);font-weight:800}.app-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.app-shell.collapsed{grid-template-columns:76px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:22px 15px;border-right:1px solid rgba(59,179,255,.18);background:linear-gradient(180deg,#030b19,#061329);display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:10px;padding:4px 7px 23px}.brand img{width:178px;max-height:54px;object-fit:contain}.collapsed .brand img{width:38px;object-fit:cover;object-position:left}.nav{display:grid;gap:5px;overflow:auto}.nav button{border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:11px;text-align:left}.nav button:hover,.nav button.active{color:#fff;background:rgba(38,198,255,.1)}.nav button.active{box-shadow:inset 3px 0 var(--cyan)}.nav .icon{width:22px;text-align:center}.collapsed .nav span:not(.icon),.collapsed .side-foot span{display:none}.side-foot{margin-top:auto;padding:14px 8px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--blue));font-weight:800}.main{min-width:0}.topbar{height:78px;display:flex;align-items:center;gap:14px;padding:0 28px;border-bottom:1px solid rgba(59,179,255,.14);background:rgba(2,8,20,.82);backdrop-filter:blur(14px);position:sticky;top:0;z-index:15}.icon-btn,.btn{border:1px solid rgba(59,179,255,.25);background:rgba(6,19,41,.72);color:#fff;border-radius:11px;padding:10px 14px}.icon-btn{padding:10px 12px}.btn.primary{border:0;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#001020;font-weight:800}.btn.ghost{background:transparent}.btn.danger{color:#ff9caf;border-color:rgba(255,107,136,.4)}.search{max-width:520px;flex:1;position:relative}.search input,.field input,.field select,.field textarea{width:100%;border:1px solid rgba(59,179,255,.22);background:#07152b;color:#fff;border-radius:11px;padding:11px 13px;outline:none}.search input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(38,198,255,.1)}.top-spacer{flex:1}.content{padding:30px;max-width:1600px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:26px}.page-head h1{font-size:30px;margin:5px 0}.page-head p{margin:0;color:var(--muted)}.actions{display:flex;gap:10px;flex-wrap:wrap}.grid{display:grid;gap:18px}.stats{grid-template-columns:repeat(5,minmax(130px,1fr))}.stat,.card,.panel{border:1px solid rgba(59,179,255,.18);background:linear-gradient(145deg,rgba(10,26,52,.92),rgba(6,19,41,.8));border-radius:var(--radius);box-shadow:var(--shadow)}.stat{padding:20px}.stat b{font-size:27px;display:block;margin:8px 0}.stat small{color:var(--muted)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(255px,1fr))}.card{overflow:hidden;transition:.2s}.card:hover{transform:translateY(-3px);border-color:rgba(38,198,255,.5)}.thumb{aspect-ratio:16/9;background:radial-gradient(circle at 82% 20%,rgba(38,198,255,.2),transparent 30%),linear-gradient(145deg,#061329,#020814);position:relative;display:grid;place-items:center;overflow:hidden}.thumb:after{content:"";position:absolute;inset:14px;border:1px solid rgba(38,198,255,.18);border-radius:10px}.thumb .mini-title{max-width:70%;font-weight:800;font-size:19px;z-index:1}.card-body{padding:15px}.card-body h3{margin:5px 0 9px;font-size:15px}.meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px}.badge{display:inline-flex;align-items:center;border-radius:99px;padding:5px 9px;background:rgba(38,198,255,.1);color:var(--cyan);font-size:11px;font-weight:700}.badge.green{background:rgba(51,216,147,.12);color:var(--green)}.badge.yellow{background:rgba(255,209,102,.12);color:var(--yellow)}.card-actions{display:flex;gap:8px;margin-top:14px}.card-actions button{flex:1;padding:8px;border-radius:9px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#fff}.quick{grid-template-columns:repeat(6,1fr);margin-bottom:28px}.quick button{min-height:104px;padding:14px;border:1px solid rgba(59,179,255,.16);background:rgba(6,19,41,.7);color:#fff;border-radius:15px;text-align:left}.quick button i{display:block;font-style:normal;font-size:24px;margin-bottom:12px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:28px 0 14px}.section-title h2{font-size:18px;margin:0}.filters{display:flex;gap:10px;margin-bottom:18px}.filters input,.filters select{border:1px solid rgba(59,179,255,.18);background:#07152b;color:#fff;border-radius:10px;padding:10px 12px}.workspace{display:grid;grid-template-columns:230px minmax(500px,1fr) 270px;gap:16px;height:calc(100vh - 150px);min-height:620px}.panel{padding:16px;overflow:auto}.panel h3{margin:0 0 15px}.tool-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tool{border:1px solid rgba(59,179,255,.18);background:#07152b;color:#fff;border-radius:10px;padding:11px 7px;text-align:center;font-size:12px}.canvas-wrap{display:grid;place-items:center;background:#030a17;border:1px solid rgba(59,179,255,.16);border-radius:var(--radius);overflow:auto;padding:30px}.slide-canvas{position:relative;width:min(100%,960px);aspect-ratio:16/9;background:linear-gradient(135deg,#f7fbff,#e8f2ff);color:#07152b;box-shadow:0 22px 70px #000;overflow:hidden}.slide-canvas:before{content:"";position:absolute;inset:4%;border:1px dashed rgba(22,120,255,.2);pointer-events:none}.slide-element{position:absolute;padding:8px;min-width:30px;min-height:20px;overflow:hidden}.slide-element.selected{outline:2px solid var(--blue);outline-offset:2px}.slide-element[data-type=title]{font-size:clamp(15px,2.5vw,36px);font-weight:800;line-height:1.08}.slide-element[data-type=text]{font-size:clamp(8px,1.1vw,17px);line-height:1.5;color:#31506f}.slide-element[data-type=eyebrow]{font-size:clamp(6px,.8vw,12px);letter-spacing:.14em;color:#1678ff;font-weight:800}.slide-element[data-type=kpi]{background:#07152b;color:#fff;border-radius:12px;display:flex;flex-direction:column;justify-content:center}.slide-element[data-type=kpi] strong{font-size:clamp(14px,2.6vw,38px);color:#26c6ff}.slide-element[data-type=kpi] small{font-size:clamp(7px,.9vw,13px)}.slide-element[data-type=shape]{background:linear-gradient(90deg,var(--cyan),var(--blue));border-radius:99px}.field{display:grid;gap:6px;margin-bottom:13px}.field label{color:var(--muted);font-size:12px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.statusbar{position:fixed;right:22px;bottom:18px;background:#07152b;border:1px solid rgba(59,179,255,.3);padding:9px 13px;border-radius:99px;font-size:12px;z-index:30}.composer{display:grid;grid-template-columns:300px 1fr 280px;gap:16px;min-height:650px}.slide-library{display:grid;gap:9px}.slide-row{border:1px solid rgba(59,179,255,.15);padding:11px;border-radius:11px;background:#07152b}.sequence{display:grid;gap:10px;align-content:start}.sequence-item{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:12px;background:#07152b;border:1px solid rgba(59,179,255,.15);border-radius:12px}.sequence-item .num{width:36px;height:36px;border-radius:10px;background:rgba(38,198,255,.12);display:grid;place-items:center;color:var(--cyan);font-weight:800}.journey-canvas{min-height:620px;position:relative;background-image:linear-gradient(rgba(59,179,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(59,179,255,.06) 1px,transparent 1px);background-size:28px 28px;border-radius:var(--radius);border:1px solid rgba(59,179,255,.18);overflow:hidden}.node{position:absolute;width:210px;padding:14px;background:#07152b;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.node:after{content:"";position:absolute;right:-42px;top:50%;width:40px;height:2px;background:var(--line)}.node:last-child:after{display:none}.presenter{position:fixed;inset:0;background:#000;z-index:100;display:grid;place-items:center}.presenter .stage{width:100vw;height:56.25vw;max-height:100vh;max-width:177.78vh;position:relative;background:#eef6ff;color:#07152b;overflow:hidden}.presenter-controls{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:9px;padding:9px;background:rgba(2,8,20,.88);border-radius:14px;opacity:.15;transition:.2s}.presenter:hover .presenter-controls{opacity:1}.presenter-controls button{border:0;background:#102343;color:#fff;border-radius:9px;padding:10px 13px}.topics{position:fixed;left:18px;top:18px;width:250px;padding:14px;background:rgba(2,8,20,.95);border:1px solid rgba(59,179,255,.25);border-radius:14px;color:#fff}.decision{position:fixed;right:18px;top:50%;transform:translateY(-50%);display:grid;gap:8px}.decision button{background:rgba(2,8,20,.92);color:#fff;border:1px solid var(--cyan);padding:11px;border-radius:10px}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:radial-gradient(circle at 20% 20%,#0c3158,#020814 48%)}.login-hero{padding:7vw;display:flex;flex-direction:column;justify-content:center}.login-hero img{width:min(390px,70%)}.login-hero h1{font-size:clamp(38px,5vw,72px);line-height:.98;margin:36px 0 20px;max-width:700px}.login-card{margin:auto;width:min(420px,85%);padding:34px;background:rgba(6,19,41,.88);border:1px solid rgba(59,179,255,.25);border-radius:24px;box-shadow:var(--shadow)}.login-card h2{margin-top:0}.toast-region{position:fixed;right:22px;top:90px;z-index:200;display:grid;gap:10px}.toast{padding:12px 16px;background:#0a1a34;border:1px solid var(--cyan);border-radius:11px;box-shadow:var(--shadow)}.empty{padding:50px;text-align:center;color:var(--muted);border:1px dashed rgba(59,179,255,.25);border-radius:var(--radius)}dialog{border:1px solid rgba(59,179,255,.3);border-radius:20px;background:#061329;color:#fff;width:min(600px,90vw);padding:0;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(0,0,0,.72)}.modal-head,.modal-body,.modal-foot{padding:20px}.modal-head{border-bottom:1px solid rgba(255,255,255,.1)}.modal-head h2{margin:0}.modal-foot{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid rgba(255,255,255,.1)}
@media(max-width:1050px){.stats{grid-template-columns:repeat(3,1fr)}.quick{grid-template-columns:repeat(3,1fr)}.workspace,.composer{grid-template-columns:210px 1fr}.workspace>.panel:last-child,.composer>.panel:last-child{display:none}}@media(max-width:760px){.app-shell,.app-shell.collapsed{grid-template-columns:1fr}.sidebar{position:fixed;left:-260px;width:248px;transition:.2s}.app-shell.mobile-open .sidebar{left:0}.topbar{padding:0 14px}.content{padding:20px 14px}.stats{grid-template-columns:repeat(2,1fr)}.quick{grid-template-columns:repeat(2,1fr)}.page-head{align-items:flex-start;flex-direction:column}.workspace,.composer{display:block;height:auto}.workspace>.panel:first-child,.composer>.panel:first-child{margin-bottom:14px}.canvas-wrap{min-height:430px}.login{grid-template-columns:1fr}.login-hero{display:none}.filters{overflow:auto}}

/* Sistema visual dos slides: inspirado na linguagem institucional fornecida. */
.slide-canvas{isolation:isolate;background:#020b1d;color:#f5f9ff;border:1px solid rgba(59,179,255,.28)}
.slide-canvas:before{z-index:8;border-color:rgba(38,198,255,.15)}
.slide-atmosphere,.slide-grid{position:absolute;inset:0;pointer-events:none}
.slide-atmosphere{z-index:-2;background:
  radial-gradient(circle at 74% 44%,rgba(22,120,255,.22),transparent 29%),
  radial-gradient(circle at 16% 90%,rgba(38,198,255,.13),transparent 23%),
  linear-gradient(115deg,#020814 0%,#061329 52%,#020b1d 100%)}
.slide-grid{z-index:-1;opacity:.5;background:
  radial-gradient(circle at 10% 92%,rgba(38,198,255,.9) 0 1px,transparent 1.5px) 0 0/26px 20px,
  linear-gradient(18deg,transparent 72%,rgba(38,198,255,.07) 73%,transparent 74%),
  linear-gradient(-15deg,transparent 78%,rgba(22,120,255,.08) 79%,transparent 80%)}
.slide-brandbar{position:absolute;top:4.2%;left:4.5%;right:4.5%;height:7%;display:flex;align-items:center;justify-content:flex-end;gap:2%;z-index:9}
.slide-brandbar img:first-child{position:absolute;left:0;width:16%;height:100%;object-fit:contain;object-position:left center}
.slide-brandbar img:last-child{width:12%;height:75%;object-fit:contain}
.slide-brandbar span{width:1px;height:70%;background:linear-gradient(transparent,var(--cyan),transparent)}
.slide-footer{position:absolute;left:4.5%;right:4.5%;bottom:2.5%;height:3%;display:flex;align-items:center;gap:2%;z-index:9;color:rgba(169,189,216,.62);font-size:clamp(5px,.52vw,8px);letter-spacing:.16em}
.slide-footer i{height:1px;flex:1;background:linear-gradient(90deg,rgba(38,198,255,.55),transparent)}
.slide-element{z-index:5;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.slide-element[data-type=title]{color:#f8fbff;font-size:clamp(16px,2.7vw,40px);font-weight:800;letter-spacing:-.025em;text-transform:uppercase}
.slide-element[data-type=text]{color:#c5d5e8;font-size:clamp(8px,1.08vw,17px);line-height:1.45}
.slide-element[data-type=eyebrow]{color:#26c6ff;font-weight:800}
.slide-element[data-type=kpi]{background:linear-gradient(145deg,rgba(9,29,61,.92),rgba(3,14,35,.9));border:1px solid rgba(59,179,255,.42);box-shadow:inset 0 0 24px rgba(22,120,255,.08),0 8px 28px rgba(0,0,0,.22);border-radius:4%}
.slide-element[data-type=kpi]:before{content:"";position:absolute;left:8%;right:55%;top:0;height:2px;background:linear-gradient(90deg,var(--cyan),transparent);box-shadow:0 0 10px var(--cyan)}
.slide-element[data-type=kpi] strong{background:linear-gradient(180deg,#35d6ff,#1678ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.slide-element[data-type=kpi] small{color:#dce9f7;text-transform:uppercase;letter-spacing:.06em;margin-top:4%}
.slide-element[data-type=shape]{box-shadow:0 0 16px rgba(38,198,255,.72)}
.presenter .stage{background:#020814;color:#fff}
.presenter .slide-canvas{width:100%;height:100%;max-width:none}

/* Variação clara para dashboards densos. */
.slide-canvas.command-light{background:#f3f7fd;color:#07152b;border-color:#c6d7ed}
.slide-canvas.command-light .slide-atmosphere{background:radial-gradient(circle at 75% 30%,rgba(22,120,255,.08),transparent 30%),linear-gradient(135deg,#f9fbff,#e9f2fb)}
.slide-canvas.command-light .slide-grid{opacity:.18}
.slide-canvas.command-light .slide-brandbar img:first-child{filter:brightness(0) saturate(100%) invert(13%) sepia(31%) saturate(1594%) hue-rotate(178deg) brightness(91%)}
.slide-canvas.command-light .slide-brandbar img:last-child{filter:brightness(0) saturate(100%) invert(13%) sepia(31%) saturate(1594%) hue-rotate(178deg) brightness(91%)}
.slide-canvas.command-light .slide-element[data-type=title]{color:#07152b}
.slide-canvas.command-light .slide-element[data-type=text]{color:#31506f}
.slide-canvas.command-light .slide-element[data-type=kpi]{background:#fff;color:#07152b;border-color:rgba(22,120,255,.3);box-shadow:0 10px 28px rgba(24,67,115,.12)}
.slide-canvas.command-light .slide-element[data-type=kpi] small{color:#31506f}
.slide-canvas.command-light .slide-footer{color:#5d7693}