:root{--azul:#2e7dff;--azul-alto:#5b9aff;--verde:#12c96a;--ambar:#f0a93c;--vermelho:#f0574f;--marca:linear-gradient(135deg,var(--verde) 0%,var(--azul) 100%);--bg:#070c12;--panel:#0e161f;--panel-2:#14202c;--panel-alta:#1a2836;--panel-border:rgba(140,190,220,.13);--border-forte:rgba(140,190,220,.22);--text:#e7eef4;--text-dim:#8494a1;--text-dim2:#5f6e7b;--accent:var(--azul);--accent-hover:var(--azul-alto);--danger:var(--vermelho);--success:var(--verde);--sombra:0 1px 2px rgba(0,0,0,.4),0 8px 24px -12px rgba(0,0,0,.7);--sombra-alta:0 2px 4px rgba(0,0,0,.4),0 18px 40px -16px rgba(0,0,0,.8);--radius:10px;--radius-g:14px;--sidebar-w:246px;--mono:ui-monospace,"Cascadia Code","SF Mono",Consolas,monospace;--t-rapido:130ms cubic-bezier(.2,.7,.4,1);--t:240ms cubic-bezier(.2,.7,.4,1);--t-lento:420ms cubic-bezier(.16,.9,.3,1)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#eef3f7;--panel:#fff;--panel-2:#f5f8fa;--panel-alta:#e9f0f5;--panel-border:#dde6ed;--border-forte:#c6d3dd;--text:#0b1520;--text-dim:#5c6b78;--text-dim2:#7c8b98;--azul-alto:#1b62db;--verde:#0ba757;--vermelho:#d93f38;--ambar:#c77f14;--sombra:0 1px 2px rgba(16,40,64,.06),0 8px 24px -14px rgba(16,40,64,.28);--sombra-alta:0 2px 6px rgba(16,40,64,.08),0 18px 40px -18px rgba(16,40,64,.34)}}:root[data-theme=light]{--bg:#eef3f7;--panel:#fff;--panel-2:#f5f8fa;--panel-alta:#e9f0f5;--panel-border:#dde6ed;--border-forte:#c6d3dd;--text:#0b1520;--text-dim:#5c6b78;--text-dim2:#7c8b98;--azul-alto:#1b62db;--verde:#0ba757;--vermelho:#d93f38;--ambar:#c77f14;--sombra:0 1px 2px rgba(16,40,64,.06),0 8px 24px -14px rgba(16,40,64,.28);--sombra-alta:0 2px 6px rgba(16,40,64,.08),0 18px 40px -18px rgba(16,40,64,.34)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;transition:background var(--t),color var(--t)}a{color:var(--azul-alto)}.page{max-width:960px;margin:0 auto;padding:32px 20px 80px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.header h1{font-size:20px;margin:0;letter-spacing:-.015em}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-g);padding:20px;margin-bottom:18px;box-shadow:var(--sombra)}.card h2{font-size:11px;margin:0 0 16px;color:var(--text-dim2);text-transform:uppercase;letter-spacing:.12em;font-weight:700}table{width:100%;border-collapse:collapse}.tabela-centro td,.tabela-centro th{text-align:center}td,th{text-align:left;padding:12px 10px;border-bottom:1px solid var(--panel-border);vertical-align:middle}th{color:var(--text-dim2);font-weight:700;font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;padding-top:0}tbody tr{transition:background var(--t-rapido)}tbody tr:hover{background:var(--panel-2)}tbody tr:last-child td{border-bottom:none}input,select.select,textarea{background:var(--panel-2);border:1px solid var(--border-forte);border-radius:9px;color:var(--text);padding:9px 11px;font-size:13.5px;font-family:inherit;width:100%;transition:border-color var(--t-rapido),box-shadow var(--t-rapido)}input::placeholder,textarea::placeholder{color:var(--text-dim2)}input:focus,select.select:focus,textarea:focus{outline:none;border-color:var(--azul);box-shadow:0 0 0 3px color-mix(in srgb,var(--azul) 22%,transparent)}.field{margin-bottom:14px}.field label{display:block;margin-bottom:6px;color:var(--text-dim2);font-size:11px;font-weight:650;letter-spacing:.07em;text-transform:uppercase}.settings-row{display:flex;gap:10px;align-items:flex-end}.settings-row .field{flex:1 1;margin-bottom:0}.search-row{display:flex;gap:10px;margin-bottom:16px}.search-row input{flex:1 1}.linha-filtros{gap:11px;align-items:flex-end}.linha-filtros,.secoes{display:flex;flex-wrap:wrap}.secoes{position:-webkit-sticky;position:sticky;top:60px;z-index:15;align-items:center;gap:6px;padding:4px 0 14px;background:linear-gradient(var(--bg) 72%,transparent)}.secao-aba{display:flex;align-items:center;gap:9px;background:transparent;border:1px solid transparent;color:var(--text-dim);padding:9px 14px;border-radius:10px;font-size:13.5px;font-weight:600}.secao-aba:hover{color:var(--text);background:var(--panel-2);filter:none}.secao-aba.on{background:var(--panel);border-color:var(--border-forte);color:var(--text);box-shadow:var(--sombra)}.secao-aba .qtd{font-size:11px;font-weight:700;background:var(--panel-alta);color:var(--text-dim);border-radius:20px;padding:1px 7px}.secao-aba.on .qtd{background:color-mix(in srgb,var(--azul) 18%,transparent);color:var(--azul-alto)}.secao{display:none}.secao.viva{display:block;animation:subir var(--t-lento) both}.barra-salvar{position:-webkit-sticky;position:sticky;bottom:18px;z-index:16;display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px;padding:13px 18px;background:var(--panel-alta);border:1px solid var(--border-forte);border-left:3px solid var(--ambar);border-radius:var(--radius);box-shadow:var(--sombra-alta)}.barra-salvar.limpa{border-left-color:var(--verde)}.barra-salvar .texto{flex:1 1;font-size:13px}.barra-salvar .onde{display:block;color:var(--text-dim);font-size:12px;margin-top:2px}.cabecalho-card{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}.cabecalho-card h2{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim2)}.grade-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:0 18px;gap:0 18px}@media (max-width:620px){.grade-form{grid-template-columns:1fr}.grade-form .field[aria-hidden=true]{display:none}}button{background:var(--azul);border:1px solid transparent;border-radius:9px;color:#fff;padding:8px 15px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:filter var(--t-rapido),transform var(--t-rapido),background var(--t-rapido),border-color var(--t-rapido)}button:hover{filter:brightness(1.12)}button:active{transform:translateY(1px) scale(.985)}button:focus-visible{outline:2px solid var(--azul-alto);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:none}button.secondary{background:transparent;border-color:var(--border-forte);color:var(--text)}button.secondary:hover{border-color:var(--azul);background:color-mix(in srgb,var(--azul) 9%,transparent);filter:none}button.danger{background:var(--vermelho)}button.small{padding:5px 11px;font-size:12px;border-radius:8px}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:20px;font-size:11.5px;font-weight:650;border:1px solid transparent}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.badge.locked{color:var(--vermelho);background:color-mix(in srgb,var(--vermelho) 13%,transparent);border-color:color-mix(in srgb,var(--vermelho) 26%,transparent)}.badge.unlocked{color:var(--verde);background:color-mix(in srgb,var(--verde) 13%,transparent);border-color:color-mix(in srgb,var(--verde) 26%,transparent)}.badge.pendente{color:var(--ambar);background:color-mix(in srgb,var(--ambar) 13%,transparent);border-color:color-mix(in srgb,var(--ambar) 26%,transparent)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-box{width:100%;max-width:360px}.login-box h1{font-size:18px;text-align:center;margin-bottom:24px}.error{color:var(--vermelho);font-size:13px;margin-bottom:12px}.hint{font-size:12px;margin-top:6px}.hint,.muted{color:var(--text-dim)}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.mac{font-family:var(--mono);font-size:12.5px;letter-spacing:-.02em}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.empty-state{color:var(--text-dim);text-align:center;padding:40px 0}.notice{display:flex;gap:11px;align-items:center;border:1px solid;border-radius:var(--radius);padding:13px 15px;margin-top:16px;font-size:13px;line-height:1.55}.notice svg{flex:none}.notice-warn{border-color:color-mix(in srgb,var(--ambar) 40%,transparent);background:color-mix(in srgb,var(--ambar) 9%,transparent)}.notice-warn svg{color:var(--ambar)}.notice-danger{border-color:color-mix(in srgb,var(--vermelho) 40%,transparent);background:color-mix(in srgb,var(--vermelho) 8%,transparent)}.notice-danger svg{color:var(--vermelho)}.switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex:none;background:none;border:none;color:inherit;font-family:inherit;padding:0}.switch .track{width:40px;height:23px;border-radius:20px;flex:none;background:var(--panel-alta);border:1px solid var(--border-forte);position:relative;transition:background var(--t),border-color var(--t)}.switch .knob{position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:var(--text-dim);transition:transform var(--t),background var(--t)}.switch.on .track{background:color-mix(in srgb,var(--azul) 30%,transparent);border-color:var(--azul)}.switch.on .knob{transform:translateX(17px);background:var(--azul-alto)}.switch:focus-visible{outline:2px solid var(--azul-alto);outline-offset:3px;border-radius:6px}.progress{height:3px;border-radius:3px;background:var(--panel-alta);overflow:hidden;position:relative}.progress:after{content:"";position:absolute;inset:0;width:38%;background:var(--marca);border-radius:3px;animation:correr 1.15s cubic-bezier(.6,.05,.3,.95) infinite}@keyframes correr{0%{transform:translateX(-105%)}to{transform:translateX(320%)}}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--panel);border-right:1px solid var(--panel-border);padding:20px 12px 16px;display:flex;flex-direction:column;gap:2px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;padding:6px 10px 22px}.brand svg{width:34px;height:27px;flex:none;overflow:visible}.brand .play{fill:var(--text)}.brand .wave{fill:none;stroke:var(--text-dim2);stroke-width:2.4;stroke-linecap:round;animation:pulso 3.4s ease-in-out infinite}.brand .wave:nth-of-type(2){animation-delay:.16s}.brand .wave:nth-of-type(3){animation-delay:.32s}.brand .wave:nth-of-type(4){animation-delay:.48s}@keyframes pulso{0%,62%,to{stroke:var(--text-dim2)}70%{stroke:var(--verde)}82%{stroke:var(--azul)}}.brand .nome{font-size:15.5px;font-weight:650;letter-spacing:-.01em;line-height:1.15}.brand .nome span{display:block;margin-top:2px;font-size:10.5px;font-weight:600;letter-spacing:.14em}.brand .nome span,.nav-group{text-transform:uppercase;color:var(--text-dim2)}.nav-group{font-size:10px;font-weight:700;letter-spacing:.13em;padding:4px 12px 7px}.nav{position:relative;display:flex;flex-direction:column;gap:2px}.nav-rail{position:absolute;left:0;width:3px;height:0;border-radius:0 3px 3px 0;background:var(--marca);transition:transform var(--t),height var(--t);pointer-events:none}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--radius);color:var(--text-dim);text-decoration:none;font-size:13.5px;font-weight:550;transition:background var(--t-rapido),color var(--t-rapido),transform var(--t-rapido)}.nav-item svg{width:17px;height:17px;flex-shrink:0}.nav-item:hover{transform:translateX(2px)}.nav-item.active,.nav-item:hover{background:var(--panel-2);color:var(--text)}.nav-item.active svg{color:var(--azul-alto)}.nav-item:focus-visible{outline:2px solid var(--azul);outline-offset:1px}.main-area{flex:1 1;min-width:0}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;height:60px;padding:0 26px;border-bottom:1px solid var(--panel-border);background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3)}.topbar h1{font-size:16.5px;font-weight:650;letter-spacing:-.015em;margin:0}.topbar .cresce{flex:1 1}.topbar .user{color:var(--text-dim);font-size:12.5px;display:flex;align-items:center;gap:7px}.topbar .papel{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--azul-alto);background:color-mix(in srgb,var(--azul) 14%,transparent);border:1px solid color-mix(in srgb,var(--azul) 28%,transparent);border-radius:20px;padding:2px 8px}.avatar{width:27px;height:27px;background:var(--marca);color:#04121c;place-items:center;font-size:11.5px;font-weight:800}.avatar,.theme-btn{border-radius:50%;display:grid}.theme-btn{width:34px;height:34px;flex:none;place-items:center;padding:0;background:transparent;border:1px solid var(--border-forte);color:var(--text-dim);overflow:hidden}.theme-btn:hover{color:var(--text);border-color:var(--azul);filter:none;background:color-mix(in srgb,var(--azul) 9%,transparent)}.theme-btn svg{width:17px;height:17px;grid-area:1/1;transition:transform var(--t-lento),opacity var(--t)}.theme-btn .lua{transform:rotate(0) scale(1);opacity:1}.theme-btn .sol{transform:rotate(-70deg) scale(.4);opacity:0}:root[data-theme=light] .theme-btn .lua{transform:rotate(70deg) scale(.4);opacity:0}:root[data-theme=light] .theme-btn .sol{transform:rotate(0) scale(1);opacity:1}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .theme-btn .lua{transform:rotate(70deg) scale(.4);opacity:0}:root:not([data-theme=dark]) .theme-btn .sol{transform:rotate(0) scale(1);opacity:1}}.content{padding:26px;max-width:1400px;margin:0 auto;width:100%}.content h1{font-size:20px;margin:0 0 20px;letter-spacing:-.02em}.stagger>*>*{animation:subir var(--t-lento) both}.stagger>*>:first-child{animation-delay:0ms}.stagger>*>:nth-child(2){animation-delay:55ms}.stagger>*>:nth-child(3){animation-delay:.11s}.stagger>*>:nth-child(4){animation-delay:165ms}.stagger>*>:nth-child(n+5){animation-delay:.2s}@keyframes subir{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:16px;gap:16px;margin-bottom:18px}.stat-tile{position:relative;overflow:hidden;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-g);padding:17px 18px 15px;box-shadow:var(--sombra);transition:transform var(--t),box-shadow var(--t),border-color var(--t)}.stat-tile:hover{transform:translateY(-2px);box-shadow:var(--sombra-alta);border-color:var(--border-forte)}.stat-tile:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:var(--marca);opacity:.9}.stat-tile.good:before{background:var(--verde)}.stat-tile.critical:before{background:var(--vermelho)}.stat-tile.warn:before{background:var(--ambar)}.stat-tile .label{color:var(--text-dim2);font-size:10.5px;text-transform:uppercase;letter-spacing:.11em;font-weight:700}.stat-tile .value{font-size:33px;font-weight:700;letter-spacing:-.03em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:7px;line-height:1.05}.stat-tile.good .value{color:var(--verde)}.stat-tile.critical .value{color:var(--vermelho)}.stat-tile.warn .value{color:var(--ambar)}.stat-tile .foot{font-size:12px;color:var(--text-dim);margin-top:3px}.linhas-uso{display:flex;flex-direction:column;gap:14px}.linha-uso{display:grid;grid-template-columns:130px 1fr auto;align-items:center;grid-gap:14px;gap:14px}.linha-uso .nome{font-size:13.5px;color:var(--text-dim)}.linha-uso .numero{font-size:13px;color:var(--text-dim);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:130px;text-align:right}.barra-uso{height:9px;border-radius:999px;background:var(--panel-alta);overflow:hidden}.barra-uso .preenchimento{display:block;height:100%;border-radius:999px;background:var(--marca);transition:width var(--t-lento) ease,background var(--t)}.barra-uso .preenchimento.good{background:var(--verde)}.barra-uso .preenchimento.warn{background:var(--ambar)}.barra-uso .preenchimento.critical{background:var(--vermelho)}@media (max-width:620px){.linha-uso{grid-template-columns:1fr auto}.linha-uso .barra-uso{grid-column:1/-1;order:3}}.donut-row{display:flex;align-items:center;gap:34px;flex-wrap:wrap}.donut{position:relative;width:168px;height:168px;flex:none}.donut svg{width:100%;height:100%;transform:rotate(-90deg)}.donut circle{fill:none;stroke-width:15}.donut .trilha{stroke:var(--panel-alta)}.donut .arco{transition:stroke-dashoffset 1.1s cubic-bezier(.16,.9,.3,1)}.donut .centro{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.donut .centro b{display:block;font-size:34px;font-weight:700;letter-spacing:-.03em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.donut .centro span{font-size:10.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--text-dim2)}.legend{display:flex;flex-direction:column;gap:14px;min-width:220px;flex:1 1}.legend-item{display:flex;align-items:center;gap:12px}.legend-item .dot{width:10px;height:10px;border-radius:3px;flex:none}.legend-item .nome{flex:1 1;font-size:13.5px;font-weight:550}.legend-item .qtd{font-size:15px;font-weight:650;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.legend-item .pct{font-size:12px;color:var(--text-dim);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;width:42px;text-align:right}.meter .track{height:8px;border-radius:6px;background:var(--panel-alta);overflow:hidden}.meter .fill{height:100%;border-radius:6px;background:var(--marca);transition:width 1s cubic-bezier(.16,.9,.3,1)}.meter .caption{display:flex;justify-content:space-between;margin-top:8px;color:var(--text-dim);font-size:12px}.filmes-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));grid-gap:18px;gap:18px;margin-top:4px}.filme-card{display:flex;flex-direction:column;gap:8px}.filme-capa{position:relative;aspect-ratio:2/3;border-radius:var(--radius);overflow:hidden;background:var(--panel-alta);border:1px solid var(--border)}.filme-capa img{width:100%;height:100%;object-fit:cover;display:block}.filme-capa .sem-capa{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:700;color:var(--text-dim);background:var(--panel-2)}.filme-nome{font-size:13px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.filme-meta{font-size:11.5px;color:var(--text-dim)}.filme-faixa{position:absolute;left:0;right:0;bottom:0;padding:7px 8px;background:linear-gradient(transparent,rgba(0,0,0,.82) 42%);display:flex;flex-direction:column;gap:5px}.filme-faixa .rotulo{font-size:11px;font-weight:700;color:#fff;display:flex;justify-content:space-between;gap:6px;text-shadow:0 1px 2px rgba(0,0,0,.6)}.filme-faixa .barra-uso{height:5px;background:hsla(0,0%,100%,.3)}.filme-acao{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.55);opacity:0;transition:opacity var(--t);border:0;border-radius:0;cursor:pointer;padding:0}.filme-acao:focus-visible,.filme-card:hover .filme-acao{opacity:1}.filme-acao span{background:var(--azul);color:#fff;padding:8px 14px;border-radius:9px;font-size:12.5px;font-weight:650}.filme-acao.remover span{background:var(--vermelho)}@media (prefers-reduced-motion:reduce){.filme-acao{transition:none}}.linha-uso.com-acoes{grid-template-columns:minmax(120px,1.3fr) 1fr auto auto}.linha-uso.com-acoes .row-actions{flex-wrap:nowrap}@media (max-width:620px){.linha-uso.com-acoes{grid-template-columns:1fr auto}.linha-uso.com-acoes .barra-uso{grid-column:1/-1;order:3}.linha-uso.com-acoes .numero{order:4}}@media (max-width:860px){.app-shell{flex-direction:column}.sidebar{width:100%;height:auto;position:static;flex-direction:row;flex-wrap:wrap;align-items:center;padding:12px;gap:6px}.sidebar .nav-group{display:none}.nav{flex-direction:row;flex-wrap:wrap}.nav-rail{display:none}.brand{padding:0 12px 0 6px}.content{padding:18px 14px}.topbar{padding:0 14px}.donut-row{gap:22px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}