:root{--color-bg: #f3f2f2;--color-sidebar-bg: #f3f2f2;--color-surface: #eae9e9;--color-card-bg: #eae9e9;--color-border: #d7d3d3;--color-divider: #d7d3d3;--color-text: #201e1d;--color-text-secondary: #454241;--color-text-tertiary: #605d5d;--color-accent: #0088b0;--color-accent-hover: #006786;--color-accent-100: #dcf0f5;--color-accent-300: #a9dbea;--color-accent-400: #62c5ee;--color-accent-700: #006786;--color-accent-800: #00506b;--color-accent-900: #003544;--color-accent-2: #d6006c;--color-accent-2-100: #fbe3ee;--color-accent-2-300: #f0a0c8;--color-accent-2-700: #a3025a;--color-accent-2-800: #7d0044;--color-accent-2-900: #5c0033;--color-neutral-100: #f8f4f4;--color-neutral-200: #e4e1e1;--color-neutral-700: #605d5d;--color-neutral-800: #454241;--color-neutral-900: #2d2b2b;--color-primary: var(--color-accent);--color-primary-hover: var(--color-accent-hover);--color-primary-light: var(--color-accent-100);--color-success: var(--color-accent);--color-success-bg: var(--color-accent-100);--color-danger: var(--color-accent-2);--color-danger-bg: var(--color-accent-2-100);--color-warning: var(--color-neutral-800);--color-warning-bg: var(--color-neutral-200);--color-neutral: var(--color-neutral-700);--color-neutral-bg: var(--color-neutral-200);--color-purple: var(--color-accent-900);--color-purple-bg: var(--color-neutral-200);--font-heading: "Source Serif 4", Georgia, serif;--font-body: "Source Serif 4", Georgia, serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--radius-sm: 2px;--radius-md: 2px;--radius-lg: 2px;--radius-pill: 2px;--shadow-card: 0 1px 2px rgba(32, 30, 29, .06), 0 1px 3px rgba(32, 30, 29, .08)}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:15px;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-family:var(--font-heading);font-weight:600;color:var(--color-text)}a{color:var(--color-accent-700)}a:hover{color:var(--color-accent-hover)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:var(--color-sidebar-bg);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:20px 20px 16px}.sidebar-brand-text{font-family:var(--font-heading);font-size:17px;font-weight:600;line-height:1.2}.sidebar-section-label{padding:16px 20px 6px;font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--color-text-tertiary);text-transform:uppercase}.sidebar-nav{list-style:none;margin:0;padding:0 12px;display:flex;flex-direction:column;gap:2px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--color-text-secondary);text-decoration:none;font-size:13.5px;font-weight:500}.sidebar-link:hover{background:var(--color-bg);color:var(--color-text)}.sidebar-link.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.sidebar-link svg{flex-shrink:0}.sidebar-footer{margin-top:auto;padding:14px 16px;border-top:1px solid var(--color-border);display:flex;align-items:center;gap:10px}.sidebar-avatar{width:34px;height:34px;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.sidebar-footer-name{font-size:13px;font-weight:600;line-height:1.3}.sidebar-footer-role{font-size:12px;color:var(--color-text-secondary)}.sidebar-footer-signout{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;margin-left:auto;border-radius:var(--radius-sm);color:var(--color-text-tertiary);background:none;border:none;cursor:pointer}.sidebar-footer-signout:hover{background:var(--color-bg);color:var(--color-danger)}.signin-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.signin-card{width:100%;max-width:380px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:36px 32px;text-align:center}.signin-brand{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:20px}.signin-brand .sidebar-brand-text{font-size:20px;text-align:center}.signin-subtitle{color:var(--color-text-secondary);font-size:13.5px;line-height:1.5;margin:0 0 24px}.signin-card .btn{width:100%}.app-main{flex:1;min-width:0;padding:28px 32px 48px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.breadcrumb{font-size:13px;color:var(--color-text-secondary);margin-bottom:6px}.breadcrumb a{color:var(--color-text-secondary);text-decoration:none}.breadcrumb a:hover{color:var(--color-primary)}.page-header h1{font-size:22px}.page-subtitle{margin-top:6px;color:var(--color-text-secondary);font-size:13.5px;max-width:640px;line-height:1.5}.card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.card-pad{padding:20px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card-header h3{font-size:14.5px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:18px 20px}.stat-card.stat-card-accent{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.stat-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.stat-card-label{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.stat-card-accent .stat-card-label{color:#ffffffd9}.stat-card-value{font-size:26px;font-weight:700;margin-bottom:4px}.stat-card-meta{font-size:12.5px;color:var(--color-text-secondary)}.stat-card-accent .stat-card-meta{color:#ffffffd9}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:var(--radius-sm);background:var(--color-accent-100);color:var(--color-accent-800);font-size:11.5px;font-weight:600;white-space:nowrap}.tag-accent{background:var(--color-accent-100);color:var(--color-accent-800)}.tag-accent-2{background:var(--color-accent-2-100);color:var(--color-accent-2-800)}.tag-neutral{background:var(--color-neutral-200);color:var(--color-neutral-800)}.tag-outline{background:transparent;color:var(--color-accent-700);box-shadow:inset 0 0 0 1px var(--color-accent-300)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--radius-md);border:1px solid transparent;padding:8px 16px;font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .12s ease,border-color .12s ease,opacity .12s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){border-color:var(--color-text-tertiary)}.btn-sm{padding:5px 11px;font-size:12.5px;border-radius:var(--radius-sm)}.btn-segment{background:var(--color-surface);color:var(--color-text-secondary);border-color:var(--color-border)}.btn-segment.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.field-input,.field-select{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px 12px;font-size:13.5px;color:var(--color-text);background:var(--color-surface);outline:none}.field-input::placeholder{color:var(--color-text-tertiary)}.field-input:focus,.field-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.table-wrap{overflow-x:auto}table.data-table{width:100%;border-collapse:collapse;font-size:13.5px}.data-table thead th{text-align:left;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-tertiary);padding:0 12px 10px;border-bottom:1px solid var(--color-border)}.data-table tbody td{padding:13px 12px;border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--color-neutral-100)}.mono{font-family:var(--font-mono)}.data-table .cell-secondary{color:var(--color-text-secondary)}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:24px;padding-top:16px;margin-top:4px;font-size:13px;color:var(--color-text-secondary)}.pagination-size{display:flex;align-items:center;gap:8px}.pagination-size .field-select{padding:4px 8px}.pagination-range{white-space:nowrap}.pagination-arrows{display:flex;gap:6px}.pagination-arrows .btn{padding:4px 10px;font-size:15px;line-height:1}.empty-state{padding:32px 12px;text-align:center;color:var(--color-text-secondary);font-size:13.5px}.list-row{border-bottom:1px solid var(--color-border);padding:12px 0}.list-row:last-child{border-bottom:none}.list-row-toggle{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:600;color:var(--color-text);padding:4px 0}.list-row-body{margin:10px 0 4px 20px;display:flex;flex-direction:column;gap:12px}.link-plain{color:var(--color-text);text-decoration:none;font-weight:600}.link-plain:hover{color:var(--color-primary)}