:root{--gray-0: #FFFFFF;--gray-25: #FCFCFD;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--gray-950: #030712;--blue-50: #EFF6FF;--blue-100: #DBEAFE;--blue-500: #3B82F6;--blue-600: #2563EB;--blue-700: #1D4ED8;--yellow-100: #FEF9C3;--yellow-400: #FACC15;--bg-app: var(--gray-50);--bg-surface: var(--gray-0);--bg-surface-muted: var(--gray-50);--bg-surface-hover: var(--gray-100);--line: var(--gray-200);--line-strong: var(--gray-300);--text-primary: var(--gray-900);--text-secondary: var(--gray-500);--text-tertiary: var(--gray-400);--brand-primary: var(--blue-600);--brand-surface: var(--blue-50);--brand-text: var(--blue-700);--accent-primary: var(--yellow-400);--on-accent: var(--gray-900);--default-client-hue: 210;--card-tint-saturation: 50%;--card-tint-lightness: 70%;--card-tint-opacity: .25;--card-badge-bg-saturation: 30%;--card-badge-bg-lightness: 95%;--card-badge-text-saturation: 60%;--card-badge-text-lightness: 40%;--card-active-border-opacity: .4;--card-active-text-lightness: 20%;--duration-chip-bg-saturation: 70%;--duration-chip-bg-lightness: 45%;--duration-chip-border-lightness: 80%;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ink: var(--text-primary);--muted-ink: var(--text-secondary);--surface: var(--bg-surface);--surface-muted: var(--bg-surface-muted);--brand: var(--brand-primary);--accent: var(--accent-primary);--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-24: 24px;--space-32: 32px;--layout-padding-x: var(--space-16);--layout-content-indent: 0px;--layout-card-padding: var(--space-12);--radius-sm: 6px;--radius-md: 8px;--radius-card: 12px;--radius-lg: 16px;--radius-pill: 999px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-h4: 24px;--font-title: 18px;--font-body: 15px;--font-meta: 13px;--font-caption: 12px;--weight-title: 600;--weight-body: 400;--weight-button: 500;--transition-fast: .15s ease;--transition-normal: .25s ease}@media(max-width:480px){:root{--space-16: 12px;--space-24: 16px;--space-32: 24px;--font-h4: 20px;--font-title: 16px;--font-body: 16px;--layout-padding-x: var(--space-16)}}@media(prefers-color-scheme:dark){:root{--bg-app: var(--gray-950);--bg-surface: var(--gray-900);--bg-surface-muted: var(--gray-800);--bg-surface-hover: var(--gray-800);--line: var(--gray-800);--line-strong: var(--gray-700);--text-primary: var(--gray-25);--text-secondary: var(--gray-400);--text-tertiary: var(--gray-500);--brand-primary: var(--blue-500);--brand-surface: rgba(59, 130, 246, .1);--brand-text: var(--blue-100);--accent-primary: var(--yellow-400);--on-accent: var(--gray-900);--card-tint-saturation: 40%;--card-tint-lightness: 30%;--card-tint-opacity: .15;--card-badge-bg-saturation: 20%;--card-badge-bg-lightness: 20%;--card-badge-text-saturation: 50%;--card-badge-text-lightness: 70%;--card-active-border-opacity: .6;--card-active-text-lightness: 85%;--duration-chip-bg-saturation: 60%;--duration-chip-bg-lightness: 55%;--duration-chip-border-lightness: 40%;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .3)}}body{font-family:var(--font-family);background-color:var(--bg-app);color:var(--text-primary);margin:0;font-size:var(--font-body);line-height:1.5;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}h1,h2,h3,h4,p{margin:0}button{font-family:inherit;font-size:inherit;font-weight:var(--weight-button);cursor:pointer;border:none;background:none;padding:0;transition:opacity var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--surface-muted);color:var(--ink)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted-ink)}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content,.modal-card{background:var(--bg-surface);padding:var(--space-24);border-radius:var(--radius-card);box-shadow:var(--shadow-lg);width:100%;max-width:400px;border:1px solid var(--line)}.modal-content h3,.modal-content h2,.modal-card h3,.modal-card h2{margin-top:0;margin-bottom:var(--space-12);font-size:var(--font-h3);color:var(--ink);font-weight:var(--weight-title)}.modal-content p,.modal-card p{margin-bottom:var(--space-24);color:var(--muted-ink);line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-12)}.btn-cancel{padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:transparent;color:var(--ink);font-weight:var(--weight-button);cursor:pointer;transition:background-color var(--transition-fast)}.btn-cancel:hover{background:var(--surface-muted)}.btn-delete{padding:8px 16px;border-radius:var(--radius-sm);border:none;background:#d73a49;color:#fff;font-weight:var(--weight-button);cursor:pointer;transition:background-color var(--transition-fast)}.btn-delete:hover{background:#b92534}.modal-header{padding:var(--space-16) var(--space-24);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;margin:calc(var(--space-24) * -1);margin-bottom:var(--space-24)}.modal-header h2{margin:0}.close-btn{background:none;border:none;font-size:24px;line-height:1;color:var(--text-secondary);cursor:pointer;padding:0;transition:color var(--transition-fast)}.close-btn:hover{color:var(--text-primary)}.modal-section{padding:0}.modal-section h3{font-size:var(--font-body);font-weight:var(--weight-title);margin:0 0 var(--space-8) 0;color:var(--text-primary)}.description{font-size:var(--font-caption);color:var(--text-secondary);margin-bottom:var(--space-16);line-height:1.5}.settings-group{margin-bottom:var(--space-16)}.settings-group label{display:block;font-size:var(--font-caption);font-weight:600;margin-bottom:var(--space-4);color:var(--text-secondary)}.settings-group input,.settings-group select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-md);font-size:var(--font-body);background:var(--bg-app);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.settings-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:36px}@media(prefers-color-scheme:dark){.settings-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}}.settings-group input:focus,.settings-group select:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--brand-surface)}.help-text{font-size:12px;color:var(--text-secondary);margin-top:4px}.actions{display:flex;gap:var(--space-12)}.btn{flex:1;padding:var(--space-8) var(--space-16);border-radius:var(--radius-md);font-size:var(--font-meta);font-weight:var(--weight-button);cursor:pointer;transition:all var(--transition-fast)}.btn-secondary{background-color:transparent;border:1px solid var(--line-strong);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--bg-app)}.btn-primary{background-color:var(--brand-primary);border:1px solid var(--brand-primary);color:#fff}.btn-primary:hover{opacity:.9}.status-msg{margin-top:var(--space-12);font-size:var(--font-caption);color:var(--text-secondary);text-align:center}