:root{--color-app-bg: #f8fafd;--color-bg: #ffffff;--color-surface: #ffffff;--color-surface-muted: #f5f6f8;--color-surface-hover: #eef0f3;--color-border: #e1e4e8;--color-border-strong: #c9ced6;--color-text: #1c2024;--color-text-muted: #5c6470;--color-text-inverse: #ffffff;--color-search-bg: #e9eef6;--color-nav-active-bg: #c2e7ff;--color-nav-active-text: #001d35;--color-tile-bg: #f0f4f9;--color-brand: #2f5bea;--color-brand-hover: #2449c4;--color-brand-weak: #eef2fe;--color-danger: #c4302b;--color-danger-weak: #fdeceb;--color-success: #1f7a4d;--color-warning: #a35f00;--color-focus: #2f5bea;--color-backdrop: rgba(20, 24, 30, .4);--color-shadow: rgba(20, 24, 30, .12);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-sm: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 22px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 600;--line-height: 1.45;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-round: 999px;--topbar-height: 64px;--sidenav-width: 256px;--control-height: 34px;--shadow-popover: 0 6px 24px var(--color-shadow);--shadow-raised: 0 1px 3px var(--color-shadow), 0 4px 8px var(--color-shadow)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--color-app-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--line-height)}a{color:var(--color-brand)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:var(--topbar-height);display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-4);background:var(--color-app-bg)}.topbar-brand{display:flex;align-items:center;gap:var(--space-2);min-width:calc(var(--sidenav-width) - var(--space-4));color:var(--color-text);text-decoration:none;font-size:var(--font-size-2xl);white-space:nowrap}.topbar-brand-icon{color:var(--color-brand)}.topbar-brand-mark{font-weight:var(--font-weight-bold)}.topbar-brand-app{color:var(--color-text-muted)}.topbar .topbar-menu-button{display:none}.topbar-search-area{flex:1;display:flex;justify-content:center;min-width:0}.topbar-search{display:flex;align-items:center;gap:var(--space-2);width:100%;max-width:640px;height:48px;padding:0 var(--space-4);border-radius:var(--radius-round);background:var(--color-search-bg);color:var(--color-text-muted)}.topbar-search:focus-within{background:var(--color-surface);box-shadow:var(--shadow-popover)}.topbar-search-input{flex:1;min-width:0;border:0;background:transparent;color:var(--color-text);font:inherit;font-size:var(--font-size-lg)}.topbar-search-input:focus{outline:none}.topbar-end{display:flex;align-items:center;gap:var(--space-2)}.shell-body{flex:1;display:flex;min-height:0;padding:0 var(--space-4) var(--space-4) 0}.sidenav{flex:none;width:var(--sidenav-width);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-app-bg)}.sidenav-primary{margin-bottom:var(--space-3)}.sidenav-footer{margin-top:auto;padding:var(--space-4) var(--space-3) 0}.sidenav-section{margin-top:var(--space-4)}.sidenav-link{display:flex;align-items:center;gap:var(--space-4);height:32px;padding:0 var(--space-4);border-radius:var(--radius-round);color:var(--color-text);text-decoration:none;white-space:nowrap}.sidenav-link:hover{background:var(--color-surface-hover)}.sidenav-link.active{background:var(--color-nav-active-bg);color:var(--color-nav-active-text);font-weight:var(--font-weight-bold)}.sidenav-backdrop{display:none}.shell-main{flex:1;min-width:0;border-radius:var(--radius-xl);background:var(--color-surface);padding:var(--space-5)}.popover-anchor{position:relative}.popover{position:absolute;right:0;top:calc(100% + var(--space-2));z-index:20;min-width:220px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-popover)}.popover-header{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-2)}.popover-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font:inherit;text-align:left;text-decoration:none;cursor:pointer}.popover-item:hover{background:var(--color-surface-hover)}.popover-item.active{color:var(--color-brand);font-weight:var(--font-weight-medium)}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-1)}.app-tile{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;font-size:var(--font-size-sm)}.app-tile:hover{background:var(--color-surface-hover)}.app-tile.active{background:var(--color-brand-weak);color:var(--color-brand)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-round);background:var(--color-brand);color:var(--color-text-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:var(--font-size-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--control-height);padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer}.btn:hover{background:var(--color-surface-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{border-color:var(--color-brand);background:var(--color-brand);color:var(--color-text-inverse)}.btn-primary:hover{border-color:var(--color-brand-hover);background:var(--color-brand-hover)}.btn-danger{border-color:var(--color-danger);color:var(--color-danger)}.btn-danger:hover{background:var(--color-danger-weak)}.btn-ghost{border-color:transparent;background:transparent}.btn-icon{width:var(--control-height);padding:0}.field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.field-label{font-weight:var(--font-weight-medium)}.field-input{height:var(--control-height);padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit}.field-input:focus{border-color:var(--color-brand);outline:none}.field-hint{color:var(--color-text-muted);font-size:var(--font-size-sm)}.field-error{color:var(--color-danger);font-size:var(--font-size-sm)}.card{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.page-title{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-normal)}.page-actions{display:flex;gap:var(--space-2)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:var(--space-3);border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle}.table th{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.table tbody tr:hover{background:var(--color-surface-muted)}.dialog-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-backdrop)}.dialog{width:100%;max-width:480px;max-height:calc(100vh - 2 * var(--space-4));overflow:auto;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-popover)}.dialog-title{margin:0;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.dialog-body{padding:var(--space-5)}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border)}.btn-fab{height:56px;padding:0 var(--space-5) 0 var(--space-4);border:0;border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-raised)}.btn-fab:hover{background:var(--color-surface-hover)}.segmented{display:inline-flex;border:1px solid var(--color-border-strong);border-radius:var(--radius-round);overflow:hidden}.segmented-item{display:inline-flex;align-items:center;gap:var(--space-1);height:32px;padding:0 var(--space-3);border:0;background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer}.segmented-item+.segmented-item{border-left:1px solid var(--color-border-strong)}.segmented-item.active{background:var(--color-nav-active-bg);color:var(--color-nav-active-text)}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3)}.tile{display:flex;align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-3) var(--space-2) var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-tile-bg);color:var(--color-text);text-decoration:none}.tile:hover{background:var(--color-surface-hover)}.tile-text{flex:1;min-width:0}.tile-title,.tile-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-title{font-weight:var(--font-weight-medium)}.tile-subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm)}.meter{display:block;width:100%;height:4px;border:0;border-radius:var(--radius-round);background:var(--color-border);appearance:none}.meter::-webkit-progress-bar{border-radius:var(--radius-round);background:var(--color-border)}.meter::-webkit-progress-value{border-radius:var(--radius-round);background:var(--color-brand)}.meter::-moz-progress-bar{border-radius:var(--radius-round);background:var(--color-brand)}.meter-label{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-sm)}.icon{width:20px;height:20px;flex:none}.icon-lg{width:32px;height:32px}@media(max-width:768px){.topbar{gap:var(--space-2);padding:0 var(--space-2)}.topbar .topbar-menu-button{display:inline-flex}.topbar-brand-mark,.topbar-brand-app{display:none}.topbar-search{height:var(--control-height);padding:0 var(--space-3)}.topbar-search-input{font-size:var(--font-size-md)}.sidenav{position:fixed;top:var(--topbar-height);bottom:0;left:0;z-index:30;transform:translate(-100%);visibility:hidden;transition:transform .15s ease,visibility .15s}.sidenav.open{transform:none;visibility:visible;box-shadow:var(--shadow-popover)}.sidenav-backdrop{display:block;position:fixed;inset:var(--topbar-height) 0 0 0;z-index:25;background:var(--color-backdrop)}.topbar-brand{min-width:0;font-size:var(--font-size-xl)}.shell-body{padding:0}.shell-main{padding:var(--space-4);border-radius:0}}