*{box-sizing:border-box}html,body{margin:0;background:#05080d;color:#eef6ff;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}.admin-shell{display:grid;grid-template-columns:270px 1fr;min-height:100vh}aside{background:#07111b;border-right:1px solid #17334c;padding:18px;position:sticky;top:0;height:100vh;overflow:auto}.brand{padding:10px 8px 20px}.brand b{font-size:28px;letter-spacing:.15em;color:#08b9ff}.brand small{display:block;color:#71879b;margin-top:4px}nav{display:grid;gap:3px}nav a{color:#93a9bc;text-decoration:none;padding:9px 11px;border-radius:8px;font-size:13px}nav a:hover,nav a.active{background:#0a2940;color:#fff}main{min-width:0}header{height:76px;border-bottom:1px solid #142c40;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#07101a;position:sticky;top:0;z-index:2}header h1{font-size:18px;margin:0}header p{font-size:12px;color:#738a9f;margin:4px 0}.role,.status{border:1px solid #0878ad;background:#06263a;color:#8edfff;padding:6px 9px;border-radius:999px;font-size:11px}.page,.draw-shell{padding:24px}.page-head,.draw-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px}.page-head small,.draw-head small{letter-spacing:.14em;color:#08b9ff}.page-head h2,.draw-head h2{font-size:28px;margin:5px 0}.page-head p,.draw-head p,.muted{color:#7890a5}.page-head button,.draw-head button,.panel button,.control-row button{background:#08aee9;border:0;color:#00121c;border-radius:8px;padding:10px 13px;font-weight:700;cursor:pointer}.panel{background:#09131d;border:1px solid #183249;border-radius:14px;padding:18px;margin-bottom:16px;overflow:hidden}.panel h3{margin-top:0}.kpis,.metrics,.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.kpis article,.metrics article,.cards article{background:#09131d;border:1px solid #183249;border-radius:14px;padding:16px}.kpis small,.metrics small,.cards small{display:block;color:#71899f;font-size:11px}.kpis b,.metrics b,.cards strong{display:block;font-size:26px;margin-top:8px}.two-col{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#7f99ae;border-bottom:1px solid #234158;padding:10px 8px;white-space:nowrap}td{border-bottom:1px solid #13283a;padding:10px 8px;white-space:nowrap}.alert{display:grid;gap:4px;border-bottom:1px solid #183249;padding:10px 0}.alert small{color:#7890a5}.control-row{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.control-row input,.control-row select,input,select{background:#07111b;border:1px solid #27455c;color:#fff;padding:10px;border-radius:8px}.steps,.grid,.export-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:900px){.admin-shell{grid-template-columns:1fr}aside{position:relative;height:auto}.kpis,.metrics,.cards,.three-col,.two-col{grid-template-columns:1fr 1fr}header{position:relative}.page,.draw-shell{padding:14px}}@media(max-width:600px){.kpis,.metrics,.cards,.three-col,.two-col{grid-template-columns:1fr}.page-head,.draw-head{flex-direction:column}}