*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f7fb;color:#243247;font-size:14px}.auth-bg{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eaf5ff,#f9fbff)}.login-shell{width:min(980px,94vw);min-height:560px;display:grid;grid-template-columns:1.1fr .9fr;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 20px 60px #16334f22}.brand-panel{padding:64px;background:linear-gradient(145deg,#0d63c8,#1c87e8);color:#fff;display:flex;flex-direction:column;justify-content:center}.logo-mark,.brand{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:#fff;color:#0d63c8;font-size:25px;font-weight:800}.feature-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.feature-pills span{padding:8px 12px;background:#ffffff1d;border:1px solid #ffffff35;border-radius:999px}.login-panel{padding:64px;display:flex;flex-direction:column;justify-content:center}.install-card{width:min(860px,94vw);padding:36px;background:#fff;border-radius:20px;box-shadow:0 18px 45px #16334f22}.topbar{position:fixed;z-index:5;left:220px;right:0;top:0;height:64px;background:#fff;border-bottom:1px solid #e6edf5;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.topbar span{margin-left:10px;color:#7a8a9a;font-size:12px}.topbar a{margin-left:16px}.sidebar{position:fixed;top:0;bottom:0;left:0;width:220px;background:#10263e;color:#fff;padding:16px 12px;overflow:auto}.sidebar .brand{margin:4px auto 18px}.sidebar nav{display:grid;gap:4px}.sidebar a{color:#cad7e5;text-decoration:none;padding:10px 12px;border-radius:10px}.sidebar a:hover,.sidebar a.active{background:#1c7bd7;color:#fff}.ico{display:inline-block;width:18px}.main{margin-left:220px;padding:88px 28px 28px}.page-head{display:flex;justify-content:space-between;align-items:center}.page-head h1{font-size:24px;font-weight:650}.kpis{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px}.kpi,.panel{background:#fff;border:1px solid #e5edf5;border-radius:16px;box-shadow:0 5px 18px #17324e0d}.kpi{padding:18px}.kpi span{display:block;color:#74879a}.kpi strong{display:block;font-size:23px;margin-top:7px;color:#0d63c8}.panel{padding:18px;margin-top:18px;overflow:auto}.grid-form,.grid2{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px}.grid2{grid-template-columns:repeat(2,minmax(180px,1fr))}label{display:grid;gap:6px;color:#52677c}input,select,textarea{width:100%;padding:10px 12px;border:1px solid #ccd8e4;border-radius:9px;background:#fff;color:#243247}textarea{min-height:80px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border:0;border-radius:9px;background:#126fce;color:#fff;text-decoration:none;cursor:pointer}.alert{padding:12px 14px;border-radius:10px;margin:12px 0}.success{background:#e9f8ef;color:#25623a}.error{background:#fff0f0;color:#9b2f2f}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:10px;border-bottom:1px solid #edf1f6}th{font-weight:600;color:#53687b;background:#f8fafc}footer{padding:30px 0;color:#8794a2;text-align:center}@media(max-width:900px){.sidebar{width:72px}.sidebar a{font-size:0}.sidebar .ico{font-size:18px}.topbar{left:72px}.main{margin-left:72px}.kpis{grid-template-columns:repeat(2,1fr)}.grid-form{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.brand-panel{display:none}}@media(max-width:560px){.kpis{grid-template-columns:1fr}.main{padding:80px 12px 20px}.topbar{padding:0 12px}.grid2{grid-template-columns:1fr}}