:root{--bg:#070e16;--surface:#0e1822;--raised:#152331;--line:#223649;--lime:#c6ff32;--text:#f2f4f7;--muted:#a9b7c5;--red:#ff5e68;--orange:#ffb547;--blue:#39a6ff}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 75% -15%,#152b3b 0,transparent 38%),linear-gradient(135deg,#08111a,#071019 55%,#0a1621);color:var(--text);font:15px/1.5 Sora,Inter,system-ui,-apple-system,sans-serif;letter-spacing:.01em}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.3;background:linear-gradient(125deg,transparent 0 12%,#0d2435 12.2% 13%,transparent 13.2% 72%,#0d2435 72.2% 73%,transparent 73.2%)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--lime)}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:var(--lime);text-decoration:none}.logo{width:210px;height:78px;background:url('../referencias/identidade-br-play.png') -38px -15px/478px auto no-repeat;display:block;flex-shrink:0}.sidebar{width:245px;position:fixed;inset:0 auto 0 0;background:linear-gradient(180deg,#0c1823,#09131d 70%,#0b1b28);border-right:1px solid #203447;padding:27px 13px 22px;display:flex;flex-direction:column;z-index:5}.sidebar nav{margin-top:20px;display:grid;gap:5px}.nav{color:#c2ccd6;display:flex;align-items:center;gap:14px;text-align:left;border:0;background:none;border-radius:8px;padding:15px 16px;line-height:1.35;font-size:15px}.nav.active{background:var(--lime);color:#0b0f17;font-weight:800;box-shadow:0 0 24px #c6ff3233}.nav:hover:not(.active){background:#152838;color:#fff}.sidebar .bottom{margin-top:auto;font-size:13px;color:var(--muted);padding:18px 9px 0}.bottom small{display:block;margin-top:10px}.workspace{position:relative;margin-left:245px;padding:35px 31px;min-height:100vh;max-width:1650px}.head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:28px}.head h1{font-size:38px;line-height:1.15;letter-spacing:-1.4px;margin:0 0 7px}.head .sub{color:#c2d0dc;margin:0;font-size:17px}.account{text-align:right;color:var(--muted);font-size:13px;min-width:225px;border-left:1px solid #264157;padding-left:22px}.account strong{color:var(--text);display:block;font-size:15px}.account span{display:block;margin-top:3px}.account .date{margin-top:7px}.badge{font-size:12px;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:var(--raised);color:var(--muted);border-radius:999px;white-space:nowrap}.badge.ok{background:#173523;color:#74e0a0}.badge.warn{background:#49351a;color:#ffcb75}.badge.bad{background:#42222b;color:#ff8890}.badge.lime{background:#263316;color:var(--lime)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:10px 17px;border:1px solid #3a5268;border-radius:9px;background:#152331;color:var(--text);font-weight:700;white-space:nowrap;transition:filter .15s,transform .15s}.button:hover{filter:brightness(1.18);transform:translateY(-1px)}.button.primary{background:var(--lime);border-color:var(--lime);color:#0b0f17}.button.danger{color:var(--red);border-color:#733541;background:#291923}.button.ghost{background:transparent}.button.small{padding:7px 10px;min-height:34px;font-size:13px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.card,.panel{background:linear-gradient(145deg,#10202cdd,#0b1722f2);border:1px solid #1e3548;border-radius:10px;box-shadow:0 8px 24px #0002}.card{padding:20px 17px;display:flex;gap:14px;align-items:center;min-height:130px}.card .iconbox{width:54px;height:54px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#395d1f,#20351b);color:var(--lime);flex-shrink:0}.card .value{font-size:34px;font-weight:800;line-height:1.05;margin:6px 0}.card .value small{font-size:18px;font-weight:700}.card .label{font-size:14px;color:#f2f4f7}.card .hint{font-size:12px}.panel{padding:21px;margin-bottom:18px;min-width:0}.panel .heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}.panel .heading h2{margin:0}.grid2{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:17px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pulse{display:flex;justify-content:space-between;align-items:center;padding:16px 17px;margin:9px 0;background:linear-gradient(90deg,#0b1924,#102331);border:1px solid #1b3548;border-radius:10px;gap:18px}.pulse:last-child{border-bottom:1px solid #1b3548}.pulse .hint{margin-top:4px}.hint{font-size:13px;color:var(--muted)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px;flex-wrap:wrap}.search{max-width:420px;width:100%}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:14px}th{text-transform:uppercase;font-size:11px;letter-spacing:.7px;color:var(--muted);font-weight:700;text-align:left;padding:13px 14px;background:#132332}td{padding:15px 14px;border-bottom:1px solid var(--line)}td .secondary{font-size:12px;color:var(--muted);display:block;margin-top:2px}tbody tr:hover{background:#132535}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.tab{padding:11px 17px;border-radius:8px;color:var(--muted);border:1px solid var(--line);background:var(--surface)}.tab.active{background:var(--lime);color:#0b0f17;border-color:var(--lime);font-weight:700}.progress{height:7px;background:#263949;border-radius:6px;overflow:hidden;margin:12px 0 6px}.progress span{display:block;background:var(--lime);height:100%;border-radius:6px}.plan{padding:23px}.plan .price{font-size:32px;font-weight:800;margin:20px 0}.plan ul{list-style:none;padding:0;border-top:1px solid var(--line);margin-top:23px}.plan li{padding:13px 0;border-bottom:1px solid var(--line)}.plan.current{border-color:var(--lime);box-shadow:0 0 0 1px #c6ff3255}.plan.current h2{color:var(--lime)}input,select,textarea{width:100%;background:#091520;border:1px solid #355069;border-radius:8px;color:var(--text);padding:11px 12px;min-height:45px}input::placeholder,textarea::placeholder{color:#708293}input[type=checkbox]{width:19px;min-height:19px;height:19px;accent-color:var(--lime)}textarea{min-height:88px;resize:vertical}label{display:block;margin-bottom:7px;font-weight:700;font-size:14px}.field{margin-bottom:18px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.check{display:flex;align-items:center;gap:10px;font-weight:500;padding:5px 0}.error{background:#361d27;color:#ff9ca5;border:1px solid #6a303e;border-radius:8px;padding:13px 15px;margin:0 0 17px}.notice{background:#122432;border:1px solid #27465c;color:#cad8e3;border-radius:8px;padding:13px 15px;font-size:13px;margin-bottom:18px}.empty{text-align:center;padding:65px 20px}.empty svg{width:52px;height:52px;color:var(--lime);margin-bottom:16px}.empty p{color:var(--muted)}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:18px;color:var(--muted);font-size:13px}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr minmax(370px,500px);align-items:center;gap:70px;padding:60px max(40px,8vw);background:radial-gradient(ellipse at 0 10%,#31471c 0,transparent 40%),radial-gradient(ellipse at 35% 90%,#112c3a 0,transparent 45%),var(--bg)}.login h1{font-size:54px;line-height:1.08;margin:30px 0 18px;letter-spacing:-2px}.login p{color:var(--muted);max-width:520px}.login .panel{padding:34px;max-width:500px;width:100%}.login .logo{transform:scale(1.15);transform-origin:left center;margin-bottom:22px}.login .button{width:100%}.demo-buttons{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.demo-buttons .button{width:auto;flex:1;font-size:13px}.footer-note{font-size:12px;color:var(--muted);margin-top:20px}dialog{background:var(--surface);color:var(--text);border:1px solid #3b586f;border-radius:14px;width:min(720px,calc(100% - 30px));padding:26px;max-height:90vh;box-shadow:0 20px 70px #0009}dialog::backdrop{background:#05090dcc;backdrop-filter:blur(4px)}dialog .modalhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}dialog .modalhead h2{margin:0}dialog .modalfoot{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:23px}.close{font-size:23px;min-height:36px;width:36px;padding:0;background:transparent;color:var(--muted);border:0}.icon{width:22px;height:22px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}#toast{position:fixed;bottom:24px;right:25px;z-index:30;background:#26391d;color:#dcf8b7;padding:15px 22px;border:1px solid #476532;border-radius:10px;max-width:min(450px,90vw);box-shadow:0 10px 30px #0007;display:none}#toast.show{display:block}.detailrow{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.detailrow span{color:var(--muted)}.menu-toggle{display:none}.skeleton{height:38px;background:linear-gradient(90deg,#132332,#293e50,#132332);background-size:200%;animation:load 1.3s linear infinite;margin:14px 0;border-radius:8px}@keyframes load{to{background-position:-200% 0}}@media(max-width:1200px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{padding:26px}.grid2{grid-template-columns:1fr}.grid3{gap:12px}}@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:transform .15s}.sidebar.open{transform:none}.workspace{margin-left:0;padding:20px}.menu-toggle{display:inline-flex}.account{min-width:auto;padding-left:12px}.account .date{display:none}.head{gap:10px}.head h1{font-size:28px}.head .sub{font-size:14px}.grid3{grid-template-columns:1fr}.login{grid-template-columns:1fr;padding:35px 22px;gap:10px}.login h1{font-size:38px}.login .intro{display:none}.login .panel{margin:auto}.formgrid{grid-template-columns:1fr}.panel{padding:18px}.cards{gap:10px}.card{padding:15px;gap:10px}.card .iconbox{display:none}.card .value{font-size:27px}.toolbar .actions{width:100%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
