:root{--bg:#f4f6f4;--p:#fff;--p2:#eef2ef;--ink:#121713;--mut:#6d7771;--line:#dce4df;--mint:#72cda3;--green:#087650;--amber:#a86e16;--red:#c94f55;--sh:0 18px 50px rgba(15,28,20,.08)}html[data-t=dark]{--bg:#0c0f0d;--p:#151916;--p2:#1d221f;--ink:#f2f5f3;--mut:#98a39d;--line:#2b332e;--mint:#79d8ad;--green:#79d8ad;--amber:#e4ad55;--red:#ff7c82;--sh:none;color-scheme:dark}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;font-family:Arial,sans-serif;background:var(--bg);color:var(--ink)}body{min-height:100dvh}button,input,select{font:inherit}button{cursor:pointer}.auth{min-height:100dvh;display:grid;grid-template-columns:1.08fr .92fr;background:var(--p)}.visual{position:relative;min-height:100dvh;color:#fff;background:radial-gradient(circle at 25% 20%,rgba(114,205,163,.34),transparent 25%),linear-gradient(145deg,#10291e,#07100b);overflow:hidden}.visual:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-160px;bottom:-170px;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.015)}.brand{display:flex;gap:11px;align-items:center}.mark{width:52px;height:52px;border:1px solid rgba(114,205,163,.55);background:rgba(114,205,163,.12);border-radius:15px;display:grid;place-items:center;font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--green)}.visual .brand{position:absolute;top:30px;left:32px;z-index:2}.visual .mark{color:#b8f5d4}.brand b,.brand small{display:block}.brand b{font-size:13px}.brand small{font-size:11px;color:var(--mut)}.visual .brand small{color:#c3d3ca}.vcopy{position:absolute;z-index:2;left:7%;right:7%;bottom:8%;max-width:760px}.eye{font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:var(--green)}.visual .eye{color:#b8f5d4}.vcopy h1{font-size:clamp(44px,6vw,80px);line-height:.93;letter-spacing:-.05em;margin:12px 0 17px}.vcopy p{max-width:640px;color:#dce8e1;line-height:1.7}.panel{padding:42px clamp(24px,6vw,80px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 100% 0,rgba(114,205,163,.1),transparent 35%),var(--p)}.box{width:min(470px,100%);margin:auto}.box h2{font-size:36px;letter-spacing:-.035em;margin:8px 0}.mut{color:var(--mut);font-size:13px;line-height:1.65}.box label{display:block;margin:18px 0 7px;color:var(--mut);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.box input{width:100%;min-height:50px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--p);color:var(--ink);outline:none}.box input:focus{border-color:var(--mint);box-shadow:0 0 0 3px rgba(114,205,163,.14)}.primary{width:100%;min-height:50px;border:0;border-radius:12px;background:linear-gradient(90deg,var(--green),#13926a);color:#fff;font-weight:800;margin-top:14px}.secondary{width:100%;min-height:46px;border:1px solid var(--line);border-radius:12px;background:var(--p2);color:var(--ink);font-weight:700;margin-top:9px}.text{width:100%;border:0;background:transparent;color:var(--green);font-weight:700;padding:10px}.divider{display:flex;align-items:center;gap:10px;color:var(--mut);font-size:11px;margin:13px 0}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.msg,.security{margin-top:13px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--p2);color:var(--mut);font-size:12px;line-height:1.55}.msg.err{color:var(--red);border-color:rgba(201,79,85,.35)}.hide{display:none}.roles{padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--p2);font-size:12px;color:var(--mut);line-height:1.6}.check{display:flex!important;align-items:flex-start;gap:9px;text-transform:none!important;letter-spacing:0!important;font-size:12px!important}.check input{width:auto!important;min-height:auto!important;margin-top:3px}.shell{min-height:100dvh;display:grid;grid-template-columns:230px 1fr}.side{position:sticky;top:0;height:100dvh;background:var(--p);border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column}.side .brand{padding:2px 5px 17px;border-bottom:1px solid var(--line)}.ident{margin:15px 0;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--p2)}.ident small,.ident b,.ident span{display:block}.ident small{font-size:10px;text-transform:uppercase;color:var(--mut)}.ident b{font-size:12px;margin:6px 0}.ident span{font-size:11px;color:var(--green)}nav{display:grid;gap:4px}.nav{border:0;background:transparent;color:var(--ink);text-align:left;border-radius:10px;padding:11px;font-size:12px}.nav:first-child,.nav:hover{background:rgba(114,205,163,.12);color:var(--green)}.sidefoot{margin-top:auto;border-top:1px solid var(--line);padding:14px 6px 0;color:var(--mut);font-size:11px;line-height:1.7}.main{min-width:0}.top{position:sticky;top:0;z-index:4;min-height:70px;padding:9px 20px;border-bottom:1px solid var(--line);background:var(--p);display:flex;align-items:center}.top h1{font-size:17px;margin:3px 0}.top small{font-size:10px;text-transform:uppercase;color:var(--mut);letter-spacing:.08em}.tools{margin-left:auto;display:flex;gap:7px;flex-wrap:wrap}.tools button,.tools select{min-height:39px;border:1px solid var(--line);background:var(--p);color:var(--ink);border-radius:9px;padding:8px 9px;font-size:11px}.content{max-width:1540px;margin:auto;padding:18px 20px 50px}.banner{display:flex;justify-content:space-between;gap:15px;padding:12px 14px;border:1px solid var(--line);border-left:4px solid var(--mint);border-radius:13px;background:linear-gradient(90deg,rgba(114,205,163,.1),var(--p));font-size:11px;color:var(--mut)}.banner b{display:block;color:var(--ink);font-size:12px;margin-bottom:3px}.kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:12px 0}.kpi,.card{background:var(--p);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh)}.kpi{padding:13px}.kpi small{display:block;color:var(--mut);font-size:10px;text-transform:uppercase}.kpi b{display:block;font-size:21px;margin:7px 0}.kpi span{font-size:10px;color:var(--mut)}.grid{display:grid;grid-template-columns:1.4fr .6fr;gap:12px}.head{padding:13px 15px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,var(--p2),var(--p));display:flex;justify-content:space-between;align-items:center}.head small{display:block;font-size:10px;text-transform:uppercase;color:var(--mut)}.head h2{font-size:14px;margin:3px 0}.body{padding:14px 15px}.pill{padding:4px 7px;border:1px solid var(--line);border-radius:999px;background:var(--p2);color:var(--green);font-size:10px}.metric{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:11px}.metric:last-child{border-bottom:0}.metric span{color:var(--mut);text-transform:capitalize}.table{overflow:auto;border:1px solid var(--line);border-radius:11px}table{border-collapse:collapse;width:100%;min-width:620px}th,td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:10px}th{background:var(--p2);color:var(--mut)}td b,td small{display:block}td small{margin-top:3px;color:var(--mut)}.empty{padding:22px;border:1px dashed var(--line);border-radius:11px;text-align:center;color:var(--mut);font-size:11px}.scope{font-size:11px;color:var(--mut);line-height:1.55}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.action{border:1px solid var(--line);border-radius:11px;padding:12px;text-align:left;background:var(--p2);color:var(--ink)}.action b,.action span,.action small{display:block}.action b{font-size:11px}.action span{font-size:10px;color:var(--mut);line-height:1.45;margin:4px 0}.action small{color:var(--amber)}footer{text-align:center;color:var(--mut);font-size:10px;margin-top:24px}@media(max-width:1050px){.shell{grid-template-columns:78px 1fr}.side .brand div:nth-child(2),.ident,.sidefoot{display:none}.nav{font-size:0}.nav:before{content:"•";font-size:18px}.kpis{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:1fr}}@media(max-width:760px){.auth{display:block}.visual{min-height:34dvh}.visual .brand{display:none}.vcopy{left:22px;bottom:13%}.vcopy h1{font-size:36px}.vcopy p{display:none}.panel{padding:28px 20px 40px}.shell{display:block}.side{display:none}.top{align-items:flex-start;padding:8px 11px}.tools{justify-content:flex-end}.content{padding:11px}.banner{display:block}.kpis{grid-template-columns:repeat(2,1fr)}.actions{grid-template-columns:1fr}}