:root{font-family:Geist,Noto Sans SC,PingFang SC,system-ui,sans-serif;color:#10253f;background:#f3f6fa;font-synthesis:none;text-rendering:optimizeLegibility;--brand: #2563eb;--brand-dark: #1d4ed8;--brand-soft: #eaf2ff;--navy: #10253f;--navy-soft: #183452;--canvas: #f3f6fa;--surface: #ffffff;--surface-soft: #f7f9fc;--text: #10253f;--text-2: #53677e;--text-3: #8493a5;--border: #dce4ee;--border-soft: #e8edf3;--success: #16825d;--success-bg: #eaf8f1;--warning: #b76409;--warning-bg: #fff5df;--danger: #c53b43;--danger-bg: #fff0f1;--violet: #7457c8;--violet-bg: #f2efff;--sidebar: 248px;--topbar: 66px;--shadow: 0 1px 2px rgba(16, 37, 63, .03), 0 8px 28px rgba(37, 66, 99, .055)}*{box-sizing:border-box}html{min-width:320px;background:var(--canvas)}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:var(--canvas);font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:0;box-shadow:0 0 0 3px #2563eb2e}::selection{color:var(--navy);background:#cfe0ff}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:50;display:flex;width:var(--sidebar);flex-direction:column;color:#dbe7f4;background:var(--navy);border-right:1px solid rgba(255,255,255,.06)}.sidebar__brand{display:flex;min-height:var(--topbar);align-items:center;gap:11px;padding:0 19px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;color:#fff;background:var(--brand);border-radius:10px;box-shadow:0 8px 20px #2563eb4d}.sidebar__brand>div:nth-child(2){min-width:0}.sidebar__brand strong{display:block;color:#fff;font-size:19px;line-height:1.1;letter-spacing:-.03em}.sidebar__brand span{display:block;margin-top:4px;color:#8fa6bd;font-size:11px;letter-spacing:.08em}.sidebar__close{display:none;margin-left:auto;width:44px;height:44px;place-items:center;color:#dbe7f4;background:transparent;border:0;border-radius:9px}.sidebar__nav{flex:1;overflow-y:auto;padding:19px 12px}.nav-group+.nav-group{margin-top:24px}.nav-group>p{margin:0 11px 7px;color:#6f8aa5;font-size:10px;font-weight:700;letter-spacing:.14em}.nav-item{position:relative;display:flex;min-height:44px;align-items:center;gap:11px;padding:0 11px;color:#a9bed2;border-radius:9px;transition:color .15s ease,background .15s ease,transform .15s ease}.nav-item:hover{color:#fff;background:#ffffff0f;transform:translate(1px)}.nav-item.is-active{color:#fff;background:#1b3a5b}.nav-item.is-active:before{position:absolute;inset:9px auto 9px -12px;width:3px;background:#5d91ff;border-radius:0 4px 4px 0;content:""}.nav-item span{flex:1;font-weight:560}.nav-item em{display:grid;min-width:22px;height:22px;padding:0 6px;place-items:center;color:#dbeafe;background:#6091ff33;border:1px solid rgba(127,166,255,.22);border-radius:99px;font-size:11px;font-style:normal}.sidebar__foot{padding:13px;border-top:1px solid rgba(255,255,255,.08)}.security-note{display:flex;align-items:center;gap:10px;padding:11px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:10px}.security-note>span{width:8px;height:8px;flex:0 0 auto;background:#45d19a;border-radius:50%;box-shadow:0 0 0 4px #45d19a1a}.security-note strong{display:block;color:#e9f3fc;font-size:12px}.security-note p{margin-top:2px;color:#829ab1;font-size:10px}.sidebar-backdrop{display:none}.app-shell__content{min-width:0;margin-left:var(--sidebar)}.topbar{position:fixed;inset:0 0 auto var(--sidebar);z-index:40;display:flex;height:var(--topbar);align-items:center;justify-content:space-between;padding:0 28px;background:#fffffff5;border-bottom:1px solid var(--border-soft)}.topbar__context{display:flex;min-width:0;align-items:center;gap:9px;color:var(--text-3);font-size:12px}.topbar__context i{color:#c3ceda;font-style:normal}.topbar__context strong{color:var(--text);font-size:13px}.menu-button{display:none;width:44px;height:44px;place-items:center;padding:0;background:#fff;border:1px solid var(--border);border-radius:9px}.topbar__actions{display:flex;align-items:center;gap:12px}.demo-badge{display:flex;min-height:29px;align-items:center;gap:7px;padding:0 10px;color:#5d4da0;background:var(--violet-bg);border:1px solid #e1dafd;border-radius:99px;font-size:11px;font-weight:650}.demo-badge i{width:6px;height:6px;background:#8265dd;border-radius:50%}.topbar-icon{position:relative;display:grid;width:40px;height:40px;place-items:center;padding:0;color:var(--text-2);background:transparent;border:0;border-radius:9px;cursor:pointer}.topbar-icon:hover{background:var(--surface-soft)}.topbar-icon>span{position:absolute;top:9px;right:9px;width:7px;height:7px;background:#ef5c64;border:2px solid white;border-radius:50%}.account-menu{display:flex;min-height:44px;align-items:center;gap:9px;padding-left:7px;border-left:1px solid var(--border-soft)}.avatar{display:grid;width:34px;height:34px;place-items:center;color:#fff;background:var(--navy);border-radius:9px;font-size:13px;font-weight:700}.account-menu__text{min-width:80px}.account-menu__text strong,.account-menu__text span{display:block}.account-menu__text strong{color:var(--text);font-size:12px}.account-menu__text span{margin-top:1px;color:var(--text-3);font-size:10px}.account-menu>button{display:grid;width:38px;height:38px;margin-left:2px;place-items:center;padding:0;color:var(--text-3);background:transparent;border:0;border-radius:8px;cursor:pointer}.account-menu>button:hover{color:var(--danger);background:var(--danger-bg)}.main-content{min-height:100vh;padding-top:var(--topbar)}.page{width:min(1480px,100%);margin:0 auto;padding:30px 32px 48px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:23px}.page-header__eyebrow{margin-bottom:5px;color:var(--brand);font-size:10px;font-weight:750;letter-spacing:.16em}.page-header h1{color:var(--text);font-size:clamp(25px,2vw,30px);line-height:1.22;letter-spacing:-.035em}.page-header__description{max-width:720px;margin-top:7px;color:var(--text-2);font-size:13px}.page-header__action{flex:0 0 auto}.button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:1px solid transparent;border-radius:9px;font-weight:620;cursor:pointer;transition:background .15s ease,border .15s ease,transform .15s ease}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button--primary{color:#fff;background:var(--brand);border-color:var(--brand)}.button--primary:hover{background:var(--brand-dark)}.button--secondary{color:var(--text);background:#fff;border-color:var(--border)}.button--secondary:hover{background:var(--surface-soft);border-color:#c9d5e2}.is-spinning{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.inline-alert{display:flex;min-height:44px;align-items:center;gap:8px;margin:-9px 0 16px;padding:9px 12px;color:var(--danger);background:var(--danger-bg);border:1px solid #f2cdd0;border-radius:9px}.inline-alert button{margin-left:auto;color:inherit;background:transparent;border:0;text-decoration:underline;cursor:pointer}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{min-width:0;padding:18px 19px 16px;background:var(--surface);border:1px solid var(--border-soft);border-radius:13px;box-shadow:var(--shadow)}.metric-card__top{display:flex;align-items:center;gap:9px}.metric-card__top>span{display:grid;width:34px;height:34px;place-items:center;color:var(--brand);background:var(--brand-soft);border-radius:9px}.metric-card__top p{color:var(--text-2);font-size:12px;font-weight:580}.metric-card>strong{display:block;margin-top:13px;color:var(--text);font-size:clamp(25px,2vw,31px);line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.metric-card>div:last-child{display:flex;min-height:19px;align-items:center;gap:4px;margin-top:9px;color:var(--text-3);font-size:11px}.metric-card>div.positive{color:var(--success)}.metric-card--warning .metric-card__top>span{color:var(--warning);background:var(--warning-bg)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:14px;margin-top:14px}.panel{background:var(--surface);border:1px solid var(--border-soft);border-radius:13px;box-shadow:var(--shadow)}.panel__header{display:flex;min-height:67px;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border-bottom:1px solid var(--border-soft)}.panel__header span{color:var(--text);font-size:14px;font-weight:680}.panel__header p{margin-top:3px;color:var(--text-3);font-size:11px}.panel__header a{display:inline-flex;min-height:38px;align-items:center;gap:5px;color:var(--brand);font-size:11px;font-weight:650}.health-visual{display:grid;grid-template-columns:190px 1fr;min-height:235px;align-items:center;gap:20px;padding:24px}.donut{position:relative;display:grid;width:158px;height:158px;place-items:center;margin:auto;background:conic-gradient(var(--brand) 0 var(--success),#e7edf5 var(--success) 100%);border-radius:50%}.donut:after{position:absolute;width:112px;height:112px;background:#fff;border-radius:50%;content:""}.donut>div{position:relative;z-index:1;text-align:center}.donut strong{display:block;font-size:25px;letter-spacing:-.035em}.donut span{color:var(--text-3);font-size:10px}.health-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.health-stat{position:relative;min-height:80px;padding:13px 12px 11px 46px;background:var(--surface-soft);border:1px solid var(--border-soft);border-radius:10px}.health-stat__icon{position:absolute;top:13px;left:12px;display:grid;width:26px;height:26px;place-items:center;border-radius:7px}.health-stat__icon.is-blue{color:var(--brand);background:var(--brand-soft)}.health-stat__icon.is-amber{color:var(--warning);background:var(--warning-bg)}.health-stat__icon.is-red{color:var(--danger);background:var(--danger-bg)}.health-stat__icon.is-green{color:var(--success);background:var(--success-bg)}.health-stat p{color:var(--text-3);font-size:10px}.health-stat strong{display:block;margin-top:4px;font-size:18px}.pending-list{display:grid;padding:8px 14px 14px}.pending-item{display:grid;grid-template-columns:38px 1fr auto;min-height:69px;align-items:center;gap:10px;padding:9px 7px;border-bottom:1px solid var(--border-soft);border-radius:7px}.pending-item:last-child{border-bottom:0}.pending-item:hover{background:var(--surface-soft)}.pending-count{display:grid;width:36px;height:36px;place-items:center;border-radius:9px;font-size:13px;font-weight:750}.pending-count.is-danger{color:var(--danger);background:var(--danger-bg)}.pending-count.is-warning{color:var(--warning);background:var(--warning-bg)}.pending-count.is-blue{color:var(--brand);background:var(--brand-soft)}.pending-item strong{display:block;font-size:12px}.pending-item p{margin-top:2px;color:var(--text-3);font-size:10px}.pending-item>svg{color:var(--text-3)}.recent-panel{margin-top:14px}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-spacing:0;border-collapse:collapse;font-size:12px}th{height:40px;padding:0 14px;color:#71849a;background:#f8fafc;border-bottom:1px solid var(--border-soft);font-size:10px;font-weight:700;text-align:left;white-space:nowrap;letter-spacing:.04em}td{height:55px;padding:8px 14px;color:var(--text-2);border-bottom:1px solid var(--border-soft);vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:#fbfcfe}td strong{display:block;max-width:320px;overflow:hidden;color:var(--text);font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}td>span:not(.status-badge){display:block;margin-top:2px;color:var(--text-3);font-size:10px;white-space:nowrap}.money{color:var(--text);font-weight:700;font-variant-numeric:tabular-nums}.status-badge{display:inline-flex;min-height:24px;align-items:center;gap:6px;padding:0 8px;border:1px solid transparent;border-radius:99px;font-size:10px;font-weight:650;white-space:nowrap}.status-badge__dot{width:5px;height:5px;background:currentColor;border-radius:50%}.status-badge--success{color:var(--success);background:var(--success-bg);border-color:#ceeede}.status-badge--warning{color:var(--warning);background:var(--warning-bg);border-color:#f4ddb4}.status-badge--danger{color:var(--danger);background:var(--danger-bg);border-color:#f2cdd0}.status-badge--info{color:var(--brand);background:var(--brand-soft);border-color:#cfdeff}.status-badge--violet{color:var(--violet);background:var(--violet-bg);border-color:#dfd8fa}.status-badge--neutral{color:#607289;background:#f1f4f7;border-color:#e0e6ed}.progress-cell{display:flex;min-width:92px;align-items:center;gap:7px;font-size:10px;font-variant-numeric:tabular-nums}.progress-cell>span{width:54px;height:5px;overflow:hidden;background:#e8edf3;border-radius:99px}.progress-cell i{display:block;height:100%;background:var(--brand);border-radius:inherit}.icon-action{display:grid;width:36px;height:36px;place-items:center;padding:0;color:var(--text-3);background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer}.icon-action:hover{color:var(--brand);background:var(--brand-soft);border-color:#d6e3ff}.list-panel{overflow:hidden}.filter-bar{display:flex;min-height:67px;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border-soft)}.search-field{display:flex;width:min(390px,45vw);min-height:40px;align-items:center;gap:8px;padding:0 11px;color:var(--text-3);background:#fff;border:1px solid var(--border);border-radius:9px}.search-field:focus-within{color:var(--brand);border-color:#9dbbfa;box-shadow:0 0 0 3px #2563eb14}.search-field input{width:100%;min-width:0;color:var(--text);background:transparent;border:0;outline:0}.search-field input::placeholder{color:#9ba9b8}.select-field select{min-width:132px;min-height:40px;padding:0 34px 0 11px;color:var(--text-2);background:#fff;border:1px solid var(--border);border-radius:9px;cursor:pointer}.result-count{margin-left:auto;color:var(--text-3);font-size:11px}.pagination{display:flex;min-height:57px;align-items:center;justify-content:space-between;padding:10px 14px;color:var(--text-3);border-top:1px solid var(--border-soft);font-size:11px}.pagination div{display:flex;gap:6px}.pagination button{min-width:72px;min-height:36px;background:#fff;border:1px solid var(--border);border-radius:8px}.pagination button:disabled{color:#a4b0bd;background:#f7f9fb;cursor:not-allowed}.table-skeleton{display:grid;gap:1px;background:var(--border-soft)}.table-skeleton span{display:block;height:55px;background:linear-gradient(90deg,#fbfcfd 20%,#f3f6f9,#fbfcfd 60%);background-size:200% 100%;animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position:-200% 0}}.state-panel{display:grid;min-height:260px;place-items:center;align-content:center;gap:7px;padding:28px;color:var(--text-3);text-align:center}.state-panel strong{color:var(--text);font-size:14px}.state-panel p{max-width:420px;font-size:11px}.state-panel--error>svg{color:var(--danger)}.state-panel .button{margin-top:6px}.mobile-records{display:none}.system-summary{display:flex;min-height:136px;align-items:center;gap:17px;padding:23px;background:var(--navy);color:#fff;border-radius:13px;box-shadow:var(--shadow)}.system-summary__icon{display:grid;width:54px;height:54px;flex:0 0 auto;place-items:center;color:#48d5a0;background:#48d5a01a;border:1px solid rgba(72,213,160,.18);border-radius:13px}.system-summary>div:nth-child(2){flex:1}.system-summary span{color:#9eb3c7;font-size:10px;letter-spacing:.08em}.system-summary h2{margin-top:3px;font-size:20px;letter-spacing:-.02em}.system-summary p{margin-top:4px;color:#a9bed1;font-size:11px}.system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}.dependency-card{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;min-height:112px;padding:17px;background:#fff;border:1px solid var(--border-soft);border-radius:12px;box-shadow:var(--shadow)}.dependency-card>span{display:grid;width:40px;height:40px;place-items:center;color:var(--brand);background:var(--brand-soft);border-radius:10px}.dependency-card strong{display:block;font-size:13px}.dependency-card p{margin-top:3px;color:var(--text-3);font-size:10px}.dependency-card em{min-width:47px;padding:4px 7px;text-align:center;border-radius:99px;font-size:10px;font-style:normal;font-weight:650}.dependency-card em.is-up{color:var(--success);background:var(--success-bg)}.dependency-card em.is-down{color:var(--danger);background:var(--danger-bg)}.dependency-card small{grid-column:3;color:var(--text-3);text-align:center;font-size:10px}.security-panel{margin-top:14px}.security-panel ul{display:grid;gap:0;margin:0;padding:8px 18px 16px;list-style:none}.security-panel li{display:flex;min-height:48px;align-items:center;gap:9px;color:var(--text-2);border-bottom:1px solid var(--border-soft);font-size:12px}.security-panel li:last-child{border-bottom:0}.security-panel li svg{flex:0 0 auto;color:var(--success)}.security-panel li:last-child svg{color:var(--warning)}.review-callout{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;color:#54468a;background:var(--violet-bg);border:1px solid #ded6fa;border-radius:11px}.review-callout>svg{flex:0 0 auto;margin-top:2px}.review-callout strong{font-size:13px}.review-callout p{margin-top:3px;color:#7566a5;font-size:11px}.review-grid{display:grid;gap:14px;margin-top:14px}.review-card{overflow:hidden;background:#fff;border:1px solid var(--border-soft);border-radius:12px;box-shadow:var(--shadow)}.review-card header{display:flex;align-items:flex-start;gap:13px;padding:18px;background:#fbfcfe;border-bottom:1px solid var(--border-soft)}.priority{display:grid;width:39px;height:27px;flex:0 0 auto;place-items:center;border-radius:7px;font-size:11px;font-weight:800}.priority--p0{color:var(--danger);background:var(--danger-bg)}.priority--p1{color:var(--warning);background:var(--warning-bg)}.priority--p2{color:var(--brand);background:var(--brand-soft)}.review-card h2{font-size:14px}.review-card header p{margin-top:3px;color:var(--text-3);font-size:11px}.review-card ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:8px 18px 16px;column-gap:24px;list-style:none}.review-card li{display:flex;min-height:50px;align-items:center;gap:9px;color:var(--text-2);border-bottom:1px solid var(--border-soft);font-size:12px}.review-card li>span{width:7px;height:7px;flex:0 0 auto;border:2px solid #aab8c7;border-radius:50%}.review-card li button{min-width:61px;min-height:30px;margin-left:auto;color:var(--text-3);background:#f4f6f8;border:1px solid #e3e8ee;border-radius:7px;font-size:10px;cursor:not-allowed}.login-page{display:grid;min-height:100vh;grid-template-columns:minmax(420px,1.05fr) minmax(440px,.95fr);background:#fff}.login-intro{position:relative;display:flex;min-height:100vh;flex-direction:column;padding:36px clamp(42px,6vw,92px);overflow:hidden;color:#fff;background:var(--navy)}.login-intro:before,.login-intro:after{position:absolute;border:1px solid rgba(255,255,255,.06);border-radius:50%;content:""}.login-intro:before{width:520px;height:520px;right:-260px;bottom:-170px}.login-intro:after{width:330px;height:330px;right:-150px;bottom:-75px}.login-brand{position:relative;z-index:1;display:flex;align-items:center;gap:11px}.login-brand>span{display:grid;width:38px;height:38px;place-items:center;background:var(--brand);border-radius:10px}.login-brand strong{font-size:21px;letter-spacing:-.03em}.login-intro__copy{position:relative;z-index:1;max-width:610px;margin:auto 0}.login-intro__copy>p{margin-bottom:14px;color:#78a5ff;font-size:11px;font-weight:750;letter-spacing:.16em}.login-intro__copy h1{font-size:clamp(36px,4.3vw,58px);line-height:1.18;letter-spacing:-.055em}.login-intro__copy>span{display:block;max-width:530px;margin-top:25px;color:#a9bfd4;font-size:14px;line-height:1.8}.login-security{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding-top:22px;border-top:1px solid rgba(255,255,255,.09)}.login-security>svg{color:#4dd6a2}.login-security strong,.login-security span{display:block}.login-security strong{color:#e6f0fa;font-size:11px}.login-security span{margin-top:2px;color:#819bb3;font-size:10px}.login-form-wrap{display:grid;place-items:center;padding:36px;background:#f7f9fc}.login-card{width:min(390px,100%);padding:33px;background:#fff;border:1px solid var(--border-soft);border-radius:16px;box-shadow:0 20px 55px #223e5e1a}.login-card__icon{display:grid;width:46px;height:46px;place-items:center;color:var(--brand);background:var(--brand-soft);border-radius:12px}.login-card h2{margin-top:18px;font-size:24px;letter-spacing:-.035em}.login-card>p{margin-top:5px;color:var(--text-3);font-size:12px}.login-card label{display:grid;gap:6px;margin-top:19px}.login-card label+label{margin-top:13px}.login-card label span{color:var(--text-2);font-size:11px;font-weight:650}.login-card input{width:100%;min-height:44px;padding:0 12px;color:var(--text);background:#fff;border:1px solid var(--border);border-radius:9px}.login-card input::placeholder{color:#a0adba}.login-card input:focus{border-color:#9bb8f9}.form-error{margin-top:12px;padding:9px 10px;color:var(--danger);background:var(--danger-bg);border:1px solid #f1cbd0;border-radius:8px;font-size:11px}.login-submit{width:100%;margin-top:20px}.login-submit+.button{width:100%;margin-top:9px}.login-card small{display:block;margin-top:16px;color:var(--text-3);font-size:10px;line-height:1.6;text-align:center}@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.pending-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:14px}.pending-item{grid-template-columns:38px 1fr;border:1px solid var(--border-soft)}.pending-item>svg{display:none}.system-grid{grid-template-columns:1fr}}@media(max-width:900px){:root{--topbar: 62px}.sidebar{transform:translate(-101%);transition:transform .2s ease}.sidebar.is-open{transform:translate(0)}.sidebar__close{display:grid}.sidebar-backdrop{position:fixed;inset:0;z-index:45;display:block;visibility:hidden;padding:0;background:#06142373;border:0;opacity:0;transition:opacity .18s ease,visibility .18s ease}.sidebar-backdrop.is-open{visibility:visible;opacity:1}.app-shell__content{margin-left:0}.topbar{left:0;padding:0 18px}.menu-button{display:grid}.topbar__context>span,.topbar__context>i{display:none}.account-menu__text,.account-menu>svg{display:none}.page{padding:26px 20px 42px}.login-page{grid-template-columns:1fr}.login-intro{display:none}.login-form-wrap{min-height:100vh}}@media(max-width:680px){.topbar{padding:0 12px}.topbar__actions{gap:5px}.topbar-icon{display:none}.account-menu{padding-left:4px;border-left:0}.account-menu>button{width:36px;height:36px}.demo-badge{padding:0 8px}.page{padding:21px 13px 34px}.page-header{align-items:flex-start;margin-bottom:18px}.page-header__description{font-size:12px}.page-header__action{margin-top:3px}.page-header__action .button{width:44px;padding:0}.page-header__action .button{font-size:0}.page-header__action .button svg{width:18px;height:18px}.metric-grid{gap:9px}.metric-card{padding:15px 14px 13px}.metric-card__top>span{width:31px;height:31px}.metric-card>strong{font-size:24px}.health-visual{grid-template-columns:1fr;gap:18px;padding:20px 14px}.donut{width:150px;height:150px}.health-stats{width:100%}.pending-list{grid-template-columns:1fr}.panel__header{min-height:63px;padding:13px 14px}.panel__header a,.recent-panel .table-wrap,.list-panel .table-wrap{display:none}.mobile-records{display:grid;gap:9px;padding:11px}.record-card{padding:13px;background:#fff;border:1px solid var(--border-soft);border-radius:10px}.record-card>div:first-child{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:9px}.record-card>strong{display:block;overflow-wrap:anywhere;font-size:13px}.record-card>span{display:block;margin-top:3px;color:var(--text-3);font-size:10px;overflow-wrap:anywhere}.record-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:13px 0 0;padding-top:11px;border-top:1px solid var(--border-soft)}.record-card dl div{min-width:0}.record-card dt{color:var(--text-3);font-size:9px}.record-card dd{margin:3px 0 0;overflow:hidden;color:var(--text-2);font-size:10px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.filter-bar{flex-wrap:wrap;padding:11px}.search-field{width:100%}.select-field{flex:1}.select-field select{width:100%}.result-count{margin-left:0}.pagination{min-height:52px}.system-summary{align-items:flex-start;padding:18px 15px}.system-summary__icon{width:43px;height:43px}.system-summary h2{font-size:16px}.system-summary>.status-badge{display:none}.security-panel li{align-items:flex-start;padding:11px 0}.review-card ul{grid-template-columns:1fr;padding-inline:14px}.review-card li{min-height:57px}.review-card li button{min-height:34px}.login-form-wrap{padding:18px}.login-card{padding:26px 20px}}@media(max-width:420px){.metric-grid{grid-template-columns:1fr 1fr}.metric-card__top p{max-width:85px}.metric-card>strong{font-size:21px}.account-menu .avatar{display:none}.health-stats{grid-template-columns:1fr 1fr}}