/* Shared visual language: calm surfaces, legible type and quiet navigation. */
body{--ink:#20242b;--muted:#6c737e;--line:#e5e8ed;--bg:#f6f7f9;--green:var(--accent);background:var(--bg);-webkit-font-smoothing:antialiased}
body .sidebar{background:var(--surface);border-right:1px solid var(--line);padding:24px 14px;color:var(--ink-2)}body .brand{padding:0 12px 29px;color:var(--ink)}body .brand small{font-size:11px;letter-spacing:.02em;color:var(--muted)}body .brand-icon{background:linear-gradient(145deg,var(--accent),var(--accent));border-radius:12px;box-shadow:0 4px 12px #0875e824}body .nav-caption{font-size:10px;letter-spacing:.13em;color:var(--ink-3)}body .sidebar .nav-button{font-size:13px;min-height:44px;border-radius:11px;margin-bottom:3px;padding:11px 13px;gap:12px;color:var(--ink-2)}body .sidebar .nav-button svg{width:19px;height:19px;color:var(--ink-3)}body .sidebar .nav-button:hover{background:var(--surface-2);color:var(--ink)}body .sidebar .nav-button.active{background:var(--accent-soft);color:var(--accent);box-shadow:none;font-weight:600}body .sidebar .nav-button.active svg{color:var(--accent)}body .side-bottom{border-color:var(--line);font-size:12px;padding-top:17px}body .side-bottom p{color:var(--ink-2)}body .side-bottom small{color:var(--ink-3);font-size:10px}body .topbar{height:70px;background:color-mix(in srgb,var(--surface) 85%,transparent);backdrop-filter:blur(18px);border-color:var(--line)}body .workspace-name{font-size:12px;color:var(--ink-2);font-weight:500}body .workspace-name svg{width:17px;height:17px}body .avatar{background:var(--accent-soft);color:var(--accent);border:0;font-size:11px}body .breadcrumb{font-size:11px;color:var(--ink-3);gap:10px;margin-bottom:23px}body .page-head h1{font-size:29px;font-weight:650;letter-spacing:-.9px}body .page-head p{font-size:13px;line-height:1.7}body .btn{min-height:42px;border-radius:10px;font-weight:550;box-shadow:none;transition:background .15s,border-color .15s,transform .15s}body .btn:hover{background:var(--surface-2);border-color:color-mix(in srgb,var(--accent) 28%,transparent)}body .btn.primary{background:var(--accent);border-color:var(--accent);box-shadow:0 3px 8px #0875e819}body .btn.primary:hover{background:var(--accent);border-color:var(--accent)}body .btn:active{transform:translateY(1px)}body .stat,body .source-panel,body .mg-panel,body .mg-card,body .prevention-card{border-color:var(--line);box-shadow:0 3px 18px #202b3a03}body .stat{border-radius:17px}body .source-panel,body .mg-panel{border-radius:19px}body .modal-head{background:var(--surface);border-color:var(--line)}body .modal-head .eyebrow{font-size:10px;letter-spacing:.11em;color:var(--ink-3)}body .modal-head h2{font-size:22px;letter-spacing:-.5px}body .modal-foot{border-color:var(--line);background:var(--surface)}body .form-grid input,body .form-grid select,body .form-grid textarea{border-radius:10px;border-color:var(--sep)}body .form-grid input:focus,body .form-grid select:focus,body .form-grid textarea:focus{outline:2px solid var(--accent);outline-offset:2px}body th{background:var(--surface-2);color:var(--ink-2);font-size:11px;font-weight:600;letter-spacing:.02em}body td{font-size:13px}body .badge{font-size:11px;font-weight:550;border-radius:6px}
@media(max-width:800px){body .sidebar{padding:22px 9px}body .sidebar .nav-button{padding:12px;justify-content:center}body .brand{padding:0 6px 26px}body .topbar{height:62px}}
@media(max-width:540px){body .sidebar{position:sticky;top:0;z-index:15;padding:8px;backdrop-filter:blur(20px);background:color-mix(in srgb,var(--surface) 93%,transparent);box-shadow:0 1px 8px #202b3a05;height:72px;border-bottom:1px solid var(--line)}body .brand{padding:0 8px 0 0}body .brand-icon{width:32px;height:36px;border-radius:10px}body .sidebar .nav-button{min-height:52px;padding:6px 3px;gap:5px;border-radius:10px;margin:0}body .sidebar .nav-button span::after{font-size:10px}body .page-head h1{font-size:26px}body .page-head p{font-size:13px}body .topbar{height:auto;min-height:48px;background:var(--surface-2)}body .topbar #sync-control{min-height:32px;font-size:11px}body .breadcrumb{margin-bottom:17px}body .main{padding-top:20px}body .modal-head h2{font-size:20px}body .modal-body{font-size:14px}body .btn{min-height:44px}}
@media(prefers-reduced-motion:reduce){body .btn{transition:none}}