:root { --blue:#285cff; --ink:#101a2c; --muted:#53657c; --line:#cbd7e9; --bg:#f2f5fb; --panel:#fff; --navy:#11243e; }
* { box-sizing:border-box; border-radius:0 !important; }
body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.5 Arial,sans-serif; }
button,input,select { font:inherit; }
.shell { min-height:100vh; display:grid; grid-template-columns:264px minmax(0,1fr); }
.side { background:var(--navy); color:#fff; padding:28px 20px; }
.brand { font-size:24px; font-weight:800; margin-bottom:48px; letter-spacing:-.03em; }.brand b { color:var(--blue); }
.side a { display:block; color:#c9d6e7; padding:12px; text-decoration:none; border-left:3px solid transparent; }.side a.active,.side a:hover { background:#1e3453; border-left-color:var(--blue); color:#fff; }
.content { width:100%; max-width:1240px; margin:auto; padding:42px; }.top { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin-bottom:32px; border-bottom:1px solid var(--line); padding-bottom:20px; }
.eyebrow { font-size:11px; font-weight:800; letter-spacing:.14em; color:var(--blue); }h1 { font-size:40px; line-height:1.05; margin:7px 0 0; letter-spacing:-.04em; }h2 { font-size:22px; line-height:1.1; margin:0 0 14px; }
.grid,.cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; border:1px solid var(--line); }.cards { grid-template-columns:repeat(2,minmax(0,1fr)); margin-bottom:20px; }.card,.form { background:var(--panel); border:1px solid var(--line); padding:24px; }.grid .card { border:0; border-right:1px solid var(--line); text-decoration:none; color:inherit; min-height:210px; }.grid .card:last-child { border-right:0; }.grid .card:hover { background:#eaf0ff; }.metric { font-size:28px; font-weight:800; margin-top:7px; }.muted { color:var(--muted); }
.auth { min-height:100vh; display:grid; place-items:center; padding:32px; }.auth .form { width:min(100%,920px); border-top:5px solid var(--blue); }.tabs { display:flex; gap:0; margin:24px 0; border-bottom:1px solid var(--line); }.tabs button,.secondary { background:#e7edf7; color:var(--ink); border:0; border-right:1px solid var(--line); padding:11px 16px; cursor:pointer; }.tabs button.active,.primary { background:var(--blue); color:#fff; border:0; padding:12px 18px; cursor:pointer; font-weight:700; }
.fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }.fields label { display:grid; gap:6px; font-weight:700; }.fields input,.fields select { border:1px solid #91a6c5; padding:12px; background:#fff; min-height:46px; }.fields input:focus,.fields select:focus { outline:3px solid #b6c8ff; outline-offset:0; }.wide { grid-column:1/-1; }.notice { border-left:4px solid var(--blue); padding:16px 18px; background:#e9f0ff; margin:20px 0; }.error { color:#a91b1b; margin-top:12px; }
table { width:100%; border-collapse:collapse; }th,td { text-align:left; padding:12px; border-bottom:1px solid var(--line); }th { font-size:11px; letter-spacing:.1em; color:var(--muted); }.actions { display:flex; gap:8px; flex-wrap:wrap; }.actions button { border:1px solid var(--line); background:#fff; padding:8px 10px; cursor:pointer; }
@media(max-width:760px) { .shell { grid-template-columns:1fr; }.side { padding:18px; }.side nav { display:flex; overflow:auto; }.side a { white-space:nowrap; }.brand { margin-bottom:12px; }.content { padding:22px; }.grid,.cards,.fields { grid-template-columns:1fr; }.grid .card { border-right:0; border-bottom:1px solid var(--line); }.top { flex-direction:column; } h1 { font-size:33px; } }