@import"https://fonts.googleapis.com/css2?family=Inter:wght@400..700&family=Space+Grotesk:wght@400..700&display=swap";:root{--space-1: .25rem;--space-2: .5rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 3rem;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--shadow-sm: 2px 3px 6px rgba(0, 0, 0, .24);--shadow-md: 3px 8px 22px rgba(0, 0, 0, .3);--shadow-lg: 6px 18px 46px rgba(0, 0, 0, .42);--shadow-inset-sm: inset 3px 3px 4px rgba(0, 0, 0, .36);--font-sans: "Inter", sans-serif;--font-display: "Space Grotesk", sans-serif;--z-window-base: 100;--z-window-focused: 200;--z-window-nav: 300;--z-header: 400}:root{color-scheme:light dark;--color-bg: oklch(95% .02 85);--color-surface: oklch(98% .012 90);--color-surface-alt: oklch(91% .026 85);--color-border: oklch(83% .035 80);--color-text: oklch(24% .02 60);--color-text-muted: oklch(43% .025 65);--color-text-faint: oklch(58% .025 70);--color-accent: oklch(50% .13 50);--color-accent-hover: oklch(42% .11 50);--color-accent-muted: oklch(92% .045 55);--color-accent-contrast: oklch(100% 0 0);--color-accent-2: oklch(45% .115 33);--color-accent-2-hover: oklch(38% .1 33);--color-accent-2-muted: oklch(92% .038 33);--color-accent-2-contrast: oklch(100% 0 0);--color-success: oklch(50% .105 130);--color-success-muted: oklch(92% .048 130);--color-warning: oklch(55% .112 75);--color-warning-muted: oklch(93% .052 75);--color-danger: oklch(48% .185 18);--color-danger-muted: oklch(92% .035 18)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg: oklch(18% .015 55);--color-surface: oklch(25% .018 55);--color-surface-alt: oklch(33% .022 58);--color-border: oklch(45% .03 60);--color-text: oklch(93% .018 85);--color-text-muted: oklch(79% .018 82);--color-text-faint: oklch(65% .016 78);--color-accent: oklch(72% .165 55);--color-accent-hover: oklch(63% .15 55);--color-accent-muted: oklch(30% .06 55);--color-accent-contrast: oklch(16% .02 55);--color-accent-2: oklch(64% .135 33);--color-accent-2-hover: oklch(57% .12 33);--color-accent-2-muted: oklch(28% .058 33);--color-accent-2-contrast: oklch(15% .02 33);--color-success: oklch(76% .15 130);--color-success-muted: oklch(27% .055 130);--color-warning: oklch(83% .16 80);--color-warning-muted: oklch(28% .055 80);--color-danger: oklch(66% .2 18);--color-danger-muted: oklch(26% .075 18);--shadow-sm: 0 0 0 1px rgba(0, 0, 0, .2), 2px 3px 6px rgba(0, 0, 0, .55);--shadow-md: 0 0 0 1px rgba(0, 0, 0, .25), 3px 8px 22px rgba(0, 0, 0, .65);--shadow-lg: 0 0 0 1px rgba(0, 0, 0, .3), 6px 18px 46px rgba(0, 0, 0, .8);--shadow-inset-sm: inset 3px 3px 5px rgba(0, 0, 0, .6), inset -2px -2px 3px rgba(255, 255, 255, .06)}}:root[data-theme=dark]{--color-bg: oklch(18% .015 55);--color-surface: oklch(25% .018 55);--color-surface-alt: oklch(33% .022 58);--color-border: oklch(45% .03 60);--color-text: oklch(93% .018 85);--color-text-muted: oklch(79% .018 82);--color-text-faint: oklch(65% .016 78);--color-accent: oklch(72% .165 55);--color-accent-hover: oklch(63% .15 55);--color-accent-muted: oklch(30% .06 55);--color-accent-contrast: oklch(16% .02 55);--color-accent-2: oklch(64% .135 33);--color-accent-2-hover: oklch(57% .12 33);--color-accent-2-muted: oklch(28% .058 33);--color-accent-2-contrast: oklch(15% .02 33);--color-success: oklch(76% .15 130);--color-success-muted: oklch(27% .055 130);--color-warning: oklch(83% .16 80);--color-warning-muted: oklch(28% .055 80);--color-danger: oklch(66% .2 18);--color-danger-muted: oklch(26% .075 18);--shadow-sm: 0 0 0 1px rgba(0, 0, 0, .2), 2px 3px 6px rgba(0, 0, 0, .55);--shadow-md: 0 0 0 1px rgba(0, 0, 0, .25), 3px 8px 22px rgba(0, 0, 0, .65);--shadow-lg: 0 0 0 1px rgba(0, 0, 0, .3), 6px 18px 46px rgba(0, 0, 0, .8);--shadow-inset-sm: inset 3px 3px 5px rgba(0, 0, 0, .6), inset -2px -2px 3px rgba(255, 255, 255, .06)}:root[data-theme=light]{--color-bg: oklch(95% .02 85);--color-surface: oklch(98% .012 90);--color-surface-alt: oklch(91% .026 85);--color-border: oklch(83% .035 80);--color-text: oklch(24% .02 60);--color-text-muted: oklch(43% .025 65);--color-text-faint: oklch(58% .025 70);--color-accent: oklch(50% .13 50);--color-accent-hover: oklch(42% .11 50);--color-accent-muted: oklch(92% .045 55);--color-accent-contrast: oklch(100% 0 0);--color-accent-2: oklch(45% .115 33);--color-accent-2-hover: oklch(38% .1 33);--color-accent-2-muted: oklch(92% .038 33);--color-accent-2-contrast: oklch(100% 0 0);--color-success: oklch(50% .105 130);--color-success-muted: oklch(92% .048 130);--color-warning: oklch(55% .112 75);--color-warning-muted: oklch(93% .052 75);--color-danger: oklch(48% .185 18);--color-danger-muted: oklch(92% .035 18)}*{box-sizing:border-box;font-family:var(--font-sans)}body{margin:0}html{background-color:var(--color-bg);color:var(--color-text)}a{color:var(--color-accent-2)}button{font-family:var(--font-sans)}.page{max-width:64rem;margin:0 auto;padding:var(--space-3)}h1,h2,h3{font-family:var(--font-display)}.header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2) var(--space-3);min-height:3.5rem;padding:var(--space-2) var(--space-3);position:sticky;top:0;z-index:var(--z-header);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.wordmark{font-family:var(--font-display);font-weight:700;font-size:1.25rem;color:var(--color-text);text-decoration:none;cursor:pointer;white-space:nowrap}.wordmark-note{color:var(--color-accent);margin-right:var(--space-1)}.header-right{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2) var(--space-3)}.header-greeting{color:var(--color-text-muted);font-size:.9rem;white-space:nowrap}@media(max-width:40rem){.header-greeting{display:none}}.header-nav{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.nav-link{color:var(--color-text-muted);padding:var(--space-1) var(--space-2);border-bottom:2px solid transparent;text-decoration:none;cursor:pointer;font-weight:500;transition:color .15s ease,border-color .15s ease}.nav-link:hover,.nav-link.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.navButtonContainer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;width:100%;max-width:48rem}.nav-button{background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-xs);text-align:center;flex-grow:1;padding:var(--space-2) var(--space-3);cursor:pointer;text-decoration:none;color:var(--color-text);transition:background-color .15s ease,box-shadow .15s ease,transform .1s ease;font-size:1rem;font-weight:500;display:inline-block;box-shadow:var(--shadow-sm)}.nav-button:hover{background-color:var(--color-accent-muted);color:var(--color-accent);box-shadow:var(--shadow-md)}.nav-button:active{box-shadow:var(--shadow-inset-sm);transform:translateY(1px)}.small-button{color:var(--color-accent-contrast);background-color:var(--color-accent);border:none;border-radius:var(--radius-xs);text-align:center;padding:var(--space-2) var(--space-3);cursor:pointer;text-decoration:none;transition:background-color .15s ease,box-shadow .15s ease,transform .1s ease;font-size:.9rem;font-weight:500;display:inline-block;box-shadow:var(--shadow-sm)}.small-button:hover{background-color:var(--color-accent-hover);box-shadow:var(--shadow-md)}.small-button:active{box-shadow:var(--shadow-inset-sm);transform:translateY(1px)}.small-button.secondary{background-color:var(--color-surface-alt);color:var(--color-text);border:1px solid var(--color-border)}.small-button.danger{background-color:var(--color-danger)}.small-button:disabled{opacity:.5;cursor:not-allowed}.hr-solid{border:none;border-bottom:1px solid var(--color-border);margin:var(--space-3) 0;width:100%}.form-container{display:flex;flex-direction:column;max-width:28rem;margin:var(--space-4) auto;padding:var(--space-4);gap:var(--space-2);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xs);box-shadow:var(--shadow-md)}.form-container label{display:block;font-size:.85rem;color:var(--color-text-muted);margin-bottom:var(--space-1)}.form-container form{display:flex;flex-direction:column;gap:var(--space-3)}.form-input,.form-select,textarea.form-input{width:100%;background-color:var(--color-surface);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-xs);color:var(--color-text);font-size:1rem;box-shadow:var(--shadow-inset-sm)}.form-input:focus,.form-select:focus{box-shadow:var(--shadow-inset-sm),0 0 0 2px var(--color-accent-muted);outline:1px solid var(--color-accent)}.error-text{color:var(--color-danger);font-size:.9rem}.success-text{color:var(--color-success);font-size:.9rem}.field-hint{color:var(--color-text-muted);font-size:.85rem;margin:var(--space-1) 0 0}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xs);padding:var(--space-3);box-shadow:var(--shadow-md)}form.card{display:flex;flex-direction:column;gap:var(--space-2)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-3);padding:var(--space-3) 0}.card-link{text-decoration:none;color:inherit;display:block;transition:box-shadow .15s ease,border-color .15s ease}.card-link:hover{box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-1);margin:var(--space-2) 0}.chip{background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-xs);padding:2px var(--space-2);font-size:.8rem;color:var(--color-text-muted)}.badge{display:inline-block;border-radius:var(--radius-xs);padding:2px var(--space-2);font-size:.75rem;font-weight:600}.badge-accent{background-color:var(--color-accent-2-muted);color:var(--color-accent-2)}.badge-success{background-color:var(--color-success-muted);color:var(--color-success)}.badge-warning{background-color:var(--color-warning-muted);color:var(--color-warning)}.badge-danger{background-color:var(--color-danger-muted);color:var(--color-danger)}.badge-muted{background-color:var(--color-surface-alt);color:var(--color-text-muted)}.tab-row{display:flex;gap:var(--space-2);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-3)}.tab-button{background:none;border:none;padding:var(--space-2) var(--space-1);font-size:1rem;color:var(--color-text-muted);cursor:pointer;border-bottom:2px solid transparent}.tab-button.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}table.data-table{width:100%;border-collapse:collapse;margin:var(--space-2) 0;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xs);overflow:hidden;box-shadow:var(--shadow-md)}table.data-table th,table.data-table td{padding:var(--space-2);border-bottom:1px solid var(--color-border);text-align:left}table.data-table th{background-color:var(--color-surface-alt);font-weight:600;font-size:.85rem;color:var(--color-text-muted)}.section-title{font-family:var(--font-display);font-size:1.1rem;font-weight:600;margin:var(--space-4) 0 var(--space-2)}.empty-state{color:var(--color-text-faint);padding:var(--space-4);text-align:center}.chat-panel{display:flex;flex-direction:column;height:400px;border:1px solid var(--color-border);border-radius:var(--radius-xs);background-color:var(--color-surface);box-shadow:var(--shadow-md)}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.chat-bubble{align-self:flex-start;max-width:70%;background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-xs);padding:var(--space-2) var(--space-3)}.chat-bubble.own{align-self:flex-end;background-color:var(--color-accent-2-muted);border-color:var(--color-accent-2)}.chat-sender{display:block;font-size:.75rem;font-weight:600;color:var(--color-text-muted);margin-bottom:2px}.chat-input-row{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border)}.chat-input-row .form-input{flex:1}.toast-stack{position:fixed;top:var(--space-3);right:var(--space-3);z-index:1000;display:flex;flex-direction:column;gap:var(--space-2);max-width:22rem}.toast{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xs);box-shadow:var(--shadow-lg);padding:var(--space-2) var(--space-3);font-size:.9rem;cursor:pointer}.theme-toggle{background:none;border:1px solid var(--color-border);border-radius:var(--radius-xs);padding:var(--space-1) var(--space-2);cursor:pointer;color:var(--color-text)}.app-shell{position:relative;min-height:100vh}.window-canvas{position:relative;min-height:75vh;padding:var(--space-3)}.window-frame{display:flex;flex-direction:column;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xs);box-shadow:var(--shadow-md);transition:box-shadow .15s ease;overflow:hidden}.window-frame--focused{box-shadow:var(--shadow-lg)}.window-titlebar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:2rem;padding:var(--space-1) var(--space-3);background-color:var(--color-surface);color:var(--color-text-muted);border-bottom:1px solid var(--color-border);cursor:move;flex-shrink:0;user-select:none}.window-frame--focused .window-titlebar{color:var(--color-text);box-shadow:inset 0 -2px 0 0 var(--color-accent)}.window-frame--focused .window-title{color:var(--color-accent)}.window-title{font-family:var(--font-display);font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.window-controls{display:flex;gap:var(--space-1);flex-shrink:0}.window-minimize-btn,.window-close-btn{background:none;border:none;border-radius:var(--radius-xs);color:var(--color-text-muted);width:22px;height:22px;line-height:1;cursor:pointer;flex-shrink:0}.window-minimize-btn:hover{color:var(--color-text)}.window-close-btn:hover{color:var(--color-danger);background-color:var(--color-danger-muted)}.window-body{padding:var(--space-3);overflow:auto;flex:1;min-height:0;min-width:0}.window-pill{position:fixed;left:var(--space-3);bottom:var(--space-3);background-color:var(--color-accent);color:var(--color-accent-contrast);border:none;border-radius:var(--radius-xs);padding:var(--space-2) var(--space-4);font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-md)}.widget-actions{flex-direction:column;align-items:stretch}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-6);gap:var(--space-3)}.hero p{max-width:42rem}.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-2)}.table-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.metric-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.metric-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xs);padding:var(--space-3);box-shadow:var(--shadow-sm)}.metric-value{font-family:var(--font-display);font-size:1.5rem;font-weight:600}.metric-label{color:var(--color-text-muted);font-size:.8rem;margin-top:var(--space-1)}.metric-sub{color:var(--color-text-faint);font-size:.75rem}