:root{color-scheme:light dark;--color-bg: #f5f6f8;--color-surface: #ffffff;--color-border: #dde1e6;--color-text: #1a1d21;--color-text-muted: #6b7280;--color-primary: #2f6fed;--color-primary-hover: #2558c2;--color-primary-contrast: #ffffff;--color-danger: #d64545;--color-danger-bg: #fdeceb;--color-success: #1f8a4c;--color-success-bg: #e9f7ef;--color-focus-ring: rgba(47, 111, 237, .35);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2.5rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow-md: 0 4px 12px rgba(16, 24, 40, .08);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--transition-fast: .15s ease}@media(prefers-color-scheme:dark){:root{--color-bg: #14161a;--color-surface: #1d2025;--color-border: #2c3036;--color-text: #edeef0;--color-text-muted: #9aa1ab;--color-primary: #5b8def;--color-primary-hover: #7ea3f2;--color-primary-contrast: #0c1220;--color-danger: #f27171;--color-danger-bg: #3a1f1f;--color-success: #4fce87;--color-success-bg: #16321f;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5)}}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5}h1,h2,h3{margin:0 0 var(--space-4);line-height:1.25}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}p{margin:0 0 var(--space-3)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.top-nav{display:flex;gap:var(--space-4);align-items:center;padding:var(--space-4) var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.top-nav-links{display:flex;gap:var(--space-4);align-items:center}.top-nav a{color:var(--color-text-muted);font-weight:500;text-decoration:none}.top-nav a:hover{color:var(--color-primary)}.top-nav a.active{color:var(--color-primary);font-weight:700}.top-nav button{margin-left:auto;padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.app-shell{max-width:720px;margin:0 auto;padding:var(--space-6) var(--space-4)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.card>*+*{margin-top:var(--space-4)}form{display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start}label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);margin-bottom:var(--space-1)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],input[type=tel],select,textarea{width:100%;padding:var(--space-3);font-size:var(--text-base);font-family:inherit;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=date]:focus,input[type=time]:focus,input[type=tel]:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.form-row{display:flex;gap:var(--space-4);flex-wrap:wrap}.form-row>div{flex:1 1 160px}.checkbox-label{display:flex;align-items:center;gap:var(--space-2)}button{padding:var(--space-3) var(--space-5);font-size:var(--text-base);font-weight:600;font-family:inherit;color:var(--color-primary-contrast);background:var(--color-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}button:hover{background:var(--color-primary-hover)}button:active{transform:translateY(1px)}.btn-secondary{background:transparent;color:var(--color-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg)}.message{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm)}.message-success{background:var(--color-success-bg);color:var(--color-success)}.message-error{background:var(--color-danger-bg);color:var(--color-danger)}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.list-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.list-item-name{font-weight:600}.list-item-meta{color:var(--color-text-muted);font-size:var(--text-sm);font-family:monospace}.empty-state{color:var(--color-text-muted);font-style:italic}.list-item-actions{display:flex;gap:var(--space-3);align-items:center}.list-item-actions button{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.slot-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.slot{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums;background:var(--color-bg);color:var(--color-primary);border:1px solid var(--color-border)}.slot:hover{background:var(--color-bg);border-color:var(--color-primary)}.slot.selected{background:var(--color-primary);color:var(--color-primary-contrast);border-color:var(--color-primary)}