:root{color-scheme:light;font-family:Inter,Segoe UI,sans-serif;--color-bg: #f7f8fa;--color-bg-surface: #ffffff;--color-bg-page: #f7f8fa;--color-bg-disabled: #f3f4f6;--color-bg-subtle: #f4f5f7;--color-bg-accent-subtle: #eef0f6;--color-bg-feedback: #f1f0f6;--color-text: #1b1c1e;--color-text-heading: #2b2d3a;--color-text-muted: #5c5e6e;--color-text-disabled: #5c5e6e;--color-primary: #4c3bd8;--color-primary-hover: #3d2fb3;--color-primary-gradient: linear-gradient(135deg, #4c3bd8, #6659ff);--color-nav-link: #43389f;--color-nav-active-bg: rgba(108, 76, 244, .1);--color-nav-active-text: #1d1348;--color-selection: rgba(108, 76, 244, .25);--color-border: rgba(42, 44, 60, .08);--color-border-input: rgba(42, 44, 60, .16);--color-border-medium: rgba(42, 44, 60, .12);--color-border-accent: rgba(76, 59, 216, .2);--color-shadow: rgba(42, 44, 60, .06);--color-shadow-strong: rgba(42, 44, 60, .12);--color-error: #b42318;--color-error-bg: #fff2f2;--color-error-border: #f5b4b4;--color-success: #05603a;--color-success-bg: #ecfdf3;--color-warning: #b54708;--color-spinner-track: rgba(76, 59, 216, .2);--color-spinner-head: #4c3bd8;--color-chip-bg: rgba(108, 76, 244, .08);--color-chip-text: #43389f;--color-pill-bg: rgba(42, 44, 60, .06);--color-pill-text: #43389f;--color-notes-active: rgba(108, 76, 244, .15);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .625rem;background-color:var(--color-bg);color:var(--color-text)}[data-theme=dark]{color-scheme:dark;--color-bg: #121020;--color-bg-surface: #1a1730;--color-bg-page: #121020;--color-bg-disabled: #252240;--color-bg-subtle: #1e1b35;--color-bg-accent-subtle: #252050;--color-bg-feedback: #1e1a38;--color-text: #e8e6f0;--color-text-heading: #d8d4f0;--color-text-muted: #9895ad;--color-text-disabled: #7a7890;--color-primary: #7b6ef0;--color-primary-hover: #9a90f5;--color-primary-gradient: linear-gradient(135deg, #6c5ce7, #8b7cf0);--color-nav-link: #b0a5f0;--color-nav-active-bg: rgba(123, 110, 240, .15);--color-nav-active-text: #e0dbff;--color-selection: rgba(123, 110, 240, .3);--color-border: rgba(160, 150, 200, .12);--color-border-input: rgba(160, 150, 200, .2);--color-border-medium: rgba(160, 150, 200, .15);--color-border-accent: rgba(123, 110, 240, .25);--color-shadow: rgba(0, 0, 0, .2);--color-shadow-strong: rgba(0, 0, 0, .35);--color-error: #f87171;--color-error-bg: rgba(248, 113, 113, .1);--color-error-border: rgba(248, 113, 113, .25);--color-success: #34d399;--color-success-bg: rgba(52, 211, 153, .1);--color-warning: #fbbf24;--color-spinner-track: rgba(123, 110, 240, .25);--color-spinner-head: #7b6ef0;--color-chip-bg: rgba(123, 110, 240, .12);--color-chip-text: #b0a5f0;--color-pill-bg: rgba(160, 150, 200, .1);--color-pill-text: #b0a5f0;--color-notes-active: rgba(123, 110, 240, .2)}*{box-sizing:border-box}body{margin:0;background:var(--bg-pattern, none),var(--color-bg);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit;background:var(--color-bg-surface)}main{min-height:100vh}::selection{background-color:var(--color-selection)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .875rem;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;line-height:1.25;border:none;cursor:pointer;transition:background-color .15s,opacity .15s,box-shadow .15s;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-primary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-secondary{background:var(--color-bg-accent-subtle);color:var(--color-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-nav-active-bg)}.btn-outline{background:var(--color-bg-surface);color:var(--color-text);border:1px solid var(--color-border-input)}.btn-outline:hover:not(:disabled){background:var(--color-bg-subtle);border-color:var(--color-border-medium)}.btn-sm{padding:.375rem .625rem;font-size:.8125rem}.btn-icon{width:1.75rem;height:1.75rem;padding:0;font-size:.875rem}.form-label{display:grid;gap:.25rem;font-weight:600;font-size:.875rem;color:var(--color-text)}.form-control{padding:.5rem .625rem;border-radius:var(--radius-sm);border:1px solid var(--color-border-input);font-size:.875rem;background:var(--color-bg-surface);transition:border-color .15s,box-shadow .15s;width:100%}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #4c3bd826}.form-control:disabled{background:var(--color-bg-disabled);color:var(--color-text-disabled)}.form-control-sm{padding:.3125rem .375rem;font-size:.8125rem}.card{background:var(--color-bg-surface);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:0 1px 3px var(--color-shadow),0 1px 2px var(--color-shadow);border:1px solid var(--color-border)}.table{width:100%;border-collapse:collapse}.table thead th{text-align:left;color:var(--color-text-muted);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.5rem .75rem;border-bottom:1px solid var(--color-border-medium)}.table tbody tr{border-top:1px solid var(--color-border);transition:background-color .1s}.table tbody tr:hover{background:var(--color-bg-subtle)}.table td{padding:.625rem .75rem;font-size:.875rem;vertical-align:top}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);gap:1rem}.profile-link{font-size:.8125rem;color:var(--color-text-muted);text-decoration:none;border-bottom:1px dashed var(--color-text-muted);padding-bottom:1px;transition:border-color .2s,color .2s}.profile-link:hover{color:var(--color-primary);border-bottom:1px solid var(--color-primary)}.profile-link:after{content:" →";font-size:.75rem;opacity:0;transition:opacity .2s}.profile-link:hover:after{opacity:.6}.app-nav{display:flex;gap:.25rem;flex-wrap:wrap;align-items:center}.nav-link{padding:.375rem .75rem;border-radius:var(--radius-sm);font-weight:500;font-size:.875rem;color:var(--color-text-muted);transition:background-color .15s,color .15s}.nav-link:hover{color:var(--color-text);background:var(--color-bg-subtle)}.nav-link-active,.nav-link-active:hover{color:var(--color-primary);background:var(--color-nav-active-bg)}.feedback{padding:.625rem .75rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500}.feedback-error{color:var(--color-error);background:var(--color-error-bg)}.feedback-success{color:var(--color-success);background:var(--color-success-bg)}.feedback-info{color:var(--color-text);background:var(--color-bg-feedback);border:1px solid var(--color-border-accent)}.chip{background:var(--color-chip-bg);border-radius:var(--radius-sm);padding:.5rem .75rem;display:grid;gap:.125rem;min-width:120px}.chip-label{font-size:.6875rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.chip-value{font-weight:700;font-size:.875rem;color:var(--color-chip-text)}.pill{background:var(--color-pill-bg);border-radius:var(--radius-sm);padding:.25rem .5rem;font-weight:600;font-size:.8125rem;color:var(--color-pill-text)}.toggle-group{display:inline-flex;border:1px solid var(--color-border-medium);border-radius:var(--radius-md);overflow:hidden}.toggle-btn{padding:.375rem .75rem;font-size:.8125rem;font-weight:600;border:none;cursor:pointer;background:var(--color-bg-surface);color:var(--color-text-muted);transition:background-color .15s,color .15s;border-right:1px solid var(--color-border-medium)}.toggle-btn:last-child{border-right:none}.toggle-btn:hover:not(.toggle-btn-active){background:var(--color-bg-subtle);color:var(--color-text)}.toggle-btn-active{background:var(--color-primary);color:#fff}.metric-card{background:var(--color-bg-surface);border-radius:var(--radius-md);padding:.75rem 1rem;border:1px solid var(--color-border)}.metric-label{margin:0;color:var(--color-text-muted);font-size:.8125rem}.metric-value{margin:.25rem 0 0;font-size:1.5rem;font-weight:700;line-height:1.2}.pac-container{z-index:2100!important}.page-content{flex:1;padding:1.25rem 1.5rem;max-width:1200px}