:root{
  --bg:#f3f6fa;
  --panel:#ffffff;
  --text:#132238;
  --muted:#65758b;
  --line:#dfe7f0;
  --brand:#14365d;
  --brand-2:#1f5fa8;
  --brand-dark:#0d233d;
  --gold:#d89a24;
  --gold-dark:#b87510;
  --success:#15803d;
  --success-soft:#dcfce7;
  --warning:#a16207;
  --warning-soft:#fef3c7;
  --danger:#b91c1c;
  --danger-soft:#fee2e2;
  --radius:20px;
  --shadow:0 20px 55px rgba(13,35,61,.13);
  --shadow-soft:0 12px 28px rgba(13,35,61,.09);
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--bg)}
body{margin:0;min-height:100vh;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.fallback-logo{align-items:center;justify-content:center;background:#fff;color:var(--brand);font-weight:900;border-radius:18px;padding:14px 18px;letter-spacing:.03em}

.login-page-premium{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#eef3f8 0%,#f8fafc 44%,#e5edf6 100%)}
.login-frame{width:min(1020px,100%);display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow);overflow:hidden;min-height:620px}
.login-panel{padding:42px}.login-panel-info{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:28px;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.18),transparent 35%),linear-gradient(145deg,#0d233d 0%,#14365d 55%,#1f5fa8 100%);color:#fff;overflow:hidden}.login-panel-info:after{content:"";position:absolute;right:-90px;bottom:-90px;width:260px;height:260px;border-radius:50%;background:rgba(216,154,36,.18);border:1px solid rgba(255,255,255,.16)}.login-logo-row{position:relative;z-index:1}.login-logo-row img{width:190px;background:#fff;border-radius:18px;padding:14px 16px;box-shadow:0 18px 35px rgba(0,0,0,.18)}.login-kicker{position:relative;z-index:1;display:inline-flex;width:max-content;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.login-panel-info h1{position:relative;z-index:1;margin:0;font-size:42px;line-height:1.03;letter-spacing:-.045em;max-width:480px}.login-panel-info p{position:relative;z-index:1;margin:0;color:#d7e3ef;font-size:17px;line-height:1.65;max-width:520px}.login-points{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px}.login-points span{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);border-radius:999px;padding:9px 11px;font-size:12px;font-weight:900;color:#fff}.login-panel-form{display:grid;place-items:center;background:#fff}.login-panel-form form{width:min(390px,100%)}.mobile-login-logo{display:none;margin-bottom:18px}.mobile-login-logo img{width:150px}.login-panel-form h2{margin:0 0 8px;font-size:32px;letter-spacing:-.035em}.login-panel-form p{margin:0 0 24px;color:var(--muted);font-size:15px;line-height:1.55}.login-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;color:var(--muted);font-size:12px;line-height:1.4}.login-footer a{font-weight:900;color:var(--brand)}

.field{display:grid;gap:7px;margin-bottom:14px;min-width:0}.field label,.label{font-weight:900;font-size:13px;color:#30445f}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px 14px;font:inherit;background:#fff;color:var(--text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{border-color:#9dbfe6;box-shadow:0 0 0 4px rgba(31,95,168,.11)}textarea{min-height:110px;resize:vertical}button,.btn{border:1px solid transparent;border-radius:14px;padding:13px 16px;font-size:14px;font-weight:900;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease;white-space:nowrap}button:hover,.btn:hover{transform:translateY(-1px)}.btn-primary,button{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;box-shadow:0 14px 26px rgba(20,54,93,.22)}.btn-primary:hover,button:hover{background:linear-gradient(135deg,#102b4b,#1d5594)}.btn.secondary,button.secondary,.btn-light{background:#fff;color:var(--brand);border-color:var(--line);box-shadow:none}.btn.secondary:hover,button.secondary:hover,.btn-light:hover{border-color:#c7d3df;background:#f8fafc}.btn.accent,.btn-accent{background:var(--gold-dark);color:#fff}.btn-full{width:100%}.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}

.app-shell{min-height:100vh;display:flex;background:var(--bg)}.sidebar{position:fixed;inset:0 auto 0 0;width:292px;background:linear-gradient(180deg,#0d233d 0%,#14365d 100%);color:#fff;padding:18px 16px;overflow:auto;z-index:40;box-shadow:12px 0 28px rgba(15,23,42,.14)}.brand{display:flex;align-items:center;gap:12px;padding:6px 4px 18px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.12)}.brand-logo{width:134px;max-height:54px;object-fit:contain;background:#fff;border-radius:16px;padding:8px 10px;box-shadow:0 10px 22px rgba(0,0,0,.13)}.brand-copy{min-width:0}.brand-copy strong{display:block;font-size:14px;font-weight:900;letter-spacing:-.01em;white-space:nowrap}.brand-copy span{display:block;margin-top:3px;font-size:11px;font-weight:800;color:#c2d3e4}.side-nav{display:grid;gap:5px;padding:4px 0 20px}.side-nav a{display:flex;align-items:center;color:#d9e5f2;padding:11px 12px;border-radius:13px;font-size:14px;font-weight:800;line-height:1.2;transition:background .15s ease,color .15s ease,transform .15s ease}.side-nav a:hover,.side-nav a.is-active{background:rgba(255,255,255,.12);color:#fff;transform:translateX(2px)}.main{margin-left:292px;width:calc(100% - 292px);padding:26px 28px 96px;min-width:0}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.page-title h1{margin:0 0 6px;font-size:31px;font-weight:900;color:var(--text);letter-spacing:-.03em;line-height:1.08}.page-title p{margin:0;color:var(--muted);font-size:15px;line-height:1.45}.userbox{display:grid;justify-items:end;gap:3px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:10px 13px;box-shadow:var(--shadow-soft);min-width:220px}.userbox span{font-weight:900;color:var(--text);font-size:14px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userbox small{color:var(--muted);font-size:12px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userbox a{font-weight:900;color:var(--brand);font-size:12px}.content-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;min-width:0}.mobile-topbar{display:none}.menu-backdrop{display:none}
.grid{display:grid;gap:14px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow-soft)}.metric span{display:block;color:var(--muted);font-size:13px;font-weight:800}.metric strong{display:block;font-size:29px;margin-top:6px;letter-spacing:-.03em}.metric small{display:block;color:var(--muted);margin-top:4px;font-size:12px;line-height:1.35}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-soft)}table{width:100%;border-collapse:collapse;min-width:820px}th,td{padding:12px 13px;border-bottom:1px solid #edf2f7;text-align:left;vertical-align:top;font-size:14px}th{background:#fbfcfe;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}tr:last-child td{border-bottom:0}tr:hover td{background:#fbfdff}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;background:#e2e8f0;color:#334155;border:1px solid transparent}.badge.ok{background:var(--success-soft);color:var(--success);border-color:#bbf7d0}.badge.warn{background:var(--warning-soft);color:var(--warning);border-color:#f3d9a7}.badge.danger{background:var(--danger-soft);color:var(--danger);border-color:#fecaca}.badge.neutral{background:#e2e8f0;color:#334155;border-color:#d5dde8}.empty-state{padding:28px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:18px;color:var(--muted);text-align:center;font-size:14px;line-height:1.55}.flash{padding:13px 15px;border-radius:15px;margin-bottom:14px;font-weight:800;line-height:1.45}.flash small{display:block;margin-top:6px;font-size:12px;opacity:.82}.flash.ok{background:var(--success-soft);color:var(--success);border:1px solid #bbf7d0}.flash.error,.flash.danger{background:var(--danger-soft);color:var(--danger);border:1px solid #fecaca}.flash.warn{background:var(--warning-soft);color:var(--warning);border:1px solid #f3d9a7}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-title h2{margin:0;font-size:20px;letter-spacing:-.02em}.note{color:var(--muted);line-height:1.55}.case-header{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.case-header h2{margin:0}.card-list{display:grid;gap:12px}.item-card{border:1px solid var(--line);border-radius:18px;padding:14px;background:#fff;box-shadow:var(--shadow-soft)}.item-card strong{display:block;margin-bottom:4px}.bottom-nav{display:none}
@media (max-width:1100px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-4,.grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){.sidebar{width:min(310px,88vw);transform:translateX(-105%);transition:transform .18s ease}.menu-backdrop{display:block;position:fixed;inset:0;background:rgba(15,23,42,.38);z-index:35;opacity:0;pointer-events:none;transition:opacity .18s ease}body.menu-open .sidebar{transform:translateX(0)}body.menu-open .menu-backdrop{opacity:1;pointer-events:auto}.main{margin-left:0;width:100%;padding:14px 14px 86px}.mobile-topbar{position:sticky;top:0;z-index:25;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--line);border-radius:0 0 18px 18px;margin:-14px -14px 16px;padding:12px 14px;box-shadow:var(--shadow-soft)}.mobile-topbar img{width:116px;display:block}.mobile-exit{font-size:12px;font-weight:900;color:var(--brand)}.menu-toggle{width:42px;height:42px;padding:0;border-radius:13px;background:#fff;color:var(--brand);border:1px solid var(--line);box-shadow:none;font-size:20px}.topbar{display:block}.page-title h1{font-size:26px}.userbox{display:none}.content-card{padding:16px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid var(--line);box-shadow:0 -10px 24px rgba(31,58,95,.10)}.bottom-nav a{display:flex;align-items:center;justify-content:center;min-height:58px;padding:8px 5px;font-size:12px;font-weight:900;color:var(--brand)}}
@media (max-width:760px){.login-page-premium{padding:14px}.login-frame{display:block;min-height:0;border-radius:26px}.login-panel-info{display:none}.login-panel-form{display:block;padding:26px 20px}.mobile-login-logo{display:block}.login-panel-form h2{font-size:28px}.login-footer{display:grid;gap:8px}.metrics,.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}.panel-title{display:grid;align-items:start}.btn,button{width:100%;white-space:normal}.form-actions .btn,.form-actions button{width:auto}table{min-width:760px}.main{padding-left:12px;padding-right:12px}.mobile-topbar{margin-left:-12px;margin-right:-12px}.content-card{border-radius:18px}}