@layer tokens{:root{--color-teal-50: #edf3f7;--color-teal-100: #d4e5ef;--color-teal-200: #aecde0;--color-teal-300: #84b3ce;--color-teal-400: #5e9abb;--color-teal-500: #4180a3;--color-teal-600: #376c8c;--color-teal-700: #2d5a76;--color-teal-800: #254961;--color-teal-900: #1e3a4f;--color-yellow-50: #faf5e6;--color-yellow-100: #f0e7c5;--color-yellow-200: #e4d59c;--color-yellow-300: #d8c276;--color-yellow-400: #cfb354;--color-yellow-500: #ceab2c;--color-yellow-600: #c9a317;--color-yellow-700: #c49a00;--color-yellow-800: #957604;--color-yellow-900: #6b5506;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-green-50: #f0fdf4;--color-green-500: #22c55e;--color-green-600: #16a34a;--color-green-700: #15803d;--color-red-50: #fef2f2;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-red-700: #b91c1c;--color-amber-50: #fffbeb;--color-amber-500: #f59e0b;--color-amber-600: #d97706;--color-amber-700: #b45309;--color-white: #ffffff;color-scheme:light;--bg-page: var(--color-gray-50);--bg-surface: var(--color-white);--bg-muted: var(--color-gray-100);--bg-accent: var(--color-teal-50);--text-primary: var(--color-gray-900);--text-secondary: var(--color-gray-600);--text-muted: var(--color-gray-400);--text-inverse: var(--color-white);--border-default: var(--color-gray-200);--border-strong: var(--color-gray-300);--accent: var(--color-teal-600);--accent-hover: var(--color-teal-700);--accent-bg: var(--color-teal-50);--accent-fill: var(--color-teal-600);--accent-fill-hover: var(--color-teal-700);--highlight: var(--color-yellow-600);--highlight-hover: var(--color-yellow-700);--highlight-bg: var(--color-yellow-100);--success: var(--color-green-600);--success-bg: var(--color-green-50);--danger: var(--color-red-600);--danger-bg: var(--color-red-50);--warning: var(--color-amber-600);--warning-bg: var(--color-amber-50);--bg-texture-opacity: .09;--header-bg: var(--color-teal-900);--header-text: var(--color-teal-100);--header-text-muted: var(--color-teal-200);--header-hover-bg: rgb(255 255 255 / .08);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--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);--ease-default: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-normal: .25s;--header-height: 3.5rem;--sidebar-width: fit-content;--content-max-width: 120rem;--theme-transition: background-color var(--duration-normal) var(--ease-default), color var(--duration-normal) var(--ease-default), border-color var(--duration-normal) var(--ease-default), box-shadow var(--duration-normal) var(--ease-default)}[data-theme=dark]{--bg-page: var(--color-gray-900);--bg-surface: var(--color-gray-800);--bg-muted: var(--color-gray-700);--bg-accent: color-mix(in srgb, var(--color-teal-600) 15%, var(--color-gray-800));--text-primary: var(--color-gray-100);--text-secondary: var(--color-gray-300);--text-muted: var(--color-gray-500);--text-inverse: var(--color-gray-900);--border-default: var(--color-gray-700);--border-strong: var(--color-gray-600);--accent: var(--color-teal-200);--accent-hover: var(--color-teal-100);--accent-bg: color-mix(in srgb, var(--color-teal-500) 20%, var(--color-gray-700));--accent-fill: var(--color-teal-500);--accent-fill-hover: var(--color-teal-600);--highlight: var(--color-yellow-400);--highlight-hover: var(--color-yellow-500);--highlight-bg: color-mix(in srgb, var(--color-yellow-600) 15%, var(--color-gray-800));--success: var(--color-green-500);--success-bg: color-mix(in srgb, var(--color-green-600) 15%, var(--color-gray-800));--danger: var(--color-red-500);--danger-bg: color-mix(in srgb, var(--color-red-600) 15%, var(--color-gray-800));--warning: var(--color-amber-500);--warning-bg: color-mix(in srgb, var(--color-amber-600) 15%, var(--color-gray-800));--bg-texture-opacity: .06;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .2);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .2);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .2);color-scheme:dark}@media(prefers-color-scheme:dark){[data-theme=system]{--bg-page: var(--color-gray-900);--bg-surface: var(--color-gray-800);--bg-muted: var(--color-gray-700);--bg-accent: color-mix(in srgb, var(--color-teal-600) 15%, var(--color-gray-800));--text-primary: var(--color-gray-100);--text-secondary: var(--color-gray-300);--text-muted: var(--color-gray-500);--text-inverse: var(--color-gray-900);--border-default: var(--color-gray-700);--border-strong: var(--color-gray-600);--accent: var(--color-teal-200);--accent-hover: var(--color-teal-100);--accent-bg: color-mix(in srgb, var(--color-teal-500) 20%, var(--color-gray-700));--accent-fill: var(--color-teal-500);--accent-fill-hover: var(--color-teal-600);--highlight: var(--color-yellow-400);--highlight-hover: var(--color-yellow-500);--highlight-bg: color-mix(in srgb, var(--color-yellow-600) 15%, var(--color-gray-800));--success: var(--color-green-500);--success-bg: color-mix(in srgb, var(--color-green-600) 15%, var(--color-gray-800));--danger: var(--color-red-500);--danger-bg: color-mix(in srgb, var(--color-red-600) 15%, var(--color-gray-800));--warning: var(--color-amber-500);--warning-bg: color-mix(in srgb, var(--color-amber-600) 15%, var(--color-gray-800));--bg-texture-opacity: .06;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .2);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .2);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .2);color-scheme:dark}}}@layer layout{*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background:var(--bg-page);color:var(--text-primary);transition:var(--theme-transition)}.app-layout{min-height:100dvh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:10;height:var(--header-height);display:flex;align-items:center;gap:var(--space-3);padding:0 max(var(--space-4),calc((100% - var(--content-max-width)) / 2));background:var(--header-bg);color:var(--header-text);border-bottom:1px solid var(--border-default)}.app-brand{display:flex;align-items:center;gap:var(--space-2);color:var(--header-text)}.app-title{font-weight:600;font-size:var(--text-lg)}.nav-toggle{display:none;background:none;border:none;font-size:var(--text-xl);cursor:pointer;color:var(--header-text);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);transition:background-color var(--duration-fast) var(--ease-default)}.nav-toggle:hover{background:var(--header-hover-bg)}.user-menu-trigger{display:flex;align-items:center;gap:var(--space-2);background:none;border:none;cursor:pointer;color:var(--header-text);font:inherit;border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);transition:background-color var(--duration-fast) var(--ease-default)}.user-menu-trigger:hover{background:var(--header-hover-bg)}.user-avatar{width:2rem;height:2rem;border-radius:var(--radius-full)}.user-avatar-fallback{width:2rem;height:2rem;border-radius:var(--radius-full);background:var(--accent-fill);color:var(--text-inverse);display:grid;place-items:center;font-weight:600;font-size:var(--text-sm)}.user-email{font-size:var(--text-xs);color:var(--text-muted)}.user-menu-modal{display:flex;flex-direction:column;gap:var(--space-5)}.user-menu-identity{display:flex;align-items:center;gap:var(--space-3)}.user-menu-identity-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.user-menu-name{font-weight:600}.user-menu-section{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-default)}.user-menu-heading{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.user-menu-footer{display:flex;justify-content:flex-end;padding-top:var(--space-3);border-top:1px solid var(--border-default)}.user-menu-modal .btn-primary.confirming{background:var(--warning)}.app-body{flex:1;display:flex;width:100%;max-width:var(--content-max-width);margin:0 auto}.app-nav{width:var(--sidebar-width);flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border-default);background:var(--bg-surface);padding:var(--space-4) 0;transition:width var(--duration-normal) var(--ease-default)}.app-nav.collapsed{width:3.5rem}.app-nav-list{flex:1;list-style:none;margin:0;padding:0}.app-nav-secondary{flex:0;padding-block:var(--space-4)}.app-nav a{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5);color:var(--text-primary);text-decoration:none;font-size:var(--text-sm);transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.app-nav.collapsed a{justify-content:center;padding:var(--space-2) 0}.nav-icon{display:inline-flex;flex-shrink:0}.app-nav a:hover{background:var(--bg-muted);color:var(--accent)}.app-nav a.active{background:var(--accent-bg);color:var(--accent);font-weight:600;border-right:2px solid var(--accent)}.app-nav-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4) 0;border-top:1px solid var(--border-default)}.app-nav.collapsed .app-nav-footer{flex-direction:column;padding:var(--space-3) 0 0}.nav-user{padding:var(--space-1) var(--space-2);width:100%;justify-content:flex-start}.app-nav.collapsed .nav-user{justify-content:center;padding:var(--space-1) 0}.nav-user-name{font-size:var(--text-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-main{flex:1;display:flex;flex-direction:column;padding:var(--space-6);min-width:0;max-height:calc(100dvh - var(--header-height));overflow:hidden}.app-main>*{flex:1;min-height:0}@media(max-width:768px){.nav-toggle{display:block}.app-nav{position:fixed;top:var(--header-height);bottom:0;left:0;transform:translate(-100%);transition:transform var(--duration-normal) var(--ease-default);z-index:9}.app-nav.open{transform:translate(0)}.app-main{padding:var(--space-4)}}}@layer components{.landing{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-8);background:var(--bg-page)}.landing-brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.landing-icon{color:var(--accent);display:grid;place-items:center}.landing-title{margin:0;font-size:var(--text-2xl);font-weight:600;color:var(--text-primary)}.landing-loading{color:var(--text-secondary)}.landing-signin{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-lg);font:inherit;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}.landing-signin:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.field-error{font-size:var(--text-xs);color:var(--danger)}.input{width:100%;padding:var(--space-2) var(--space-3);background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-md);font:inherit;transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.input::placeholder{color:var(--text-muted)}.input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}textarea.input{resize:none;min-height:4rem;max-height:50dvh;overflow-y:auto;field-sizing:content}.select{position:relative}.select.disabled{opacity:.6;pointer-events:none}.select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-md);font:inherit;cursor:pointer;text-align:left}.select-trigger.placeholder .select-value{color:var(--text-muted)}.select-trigger:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.select-caret{color:var(--text-muted);font-size:var(--text-xs)}.select-dropdown{position:absolute;top:calc(100% + var(--space-1));left:0;right:0;z-index:20;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.select-search{padding:var(--space-1) var(--space-2)}.select-options{list-style:none;margin:0;padding:0;max-height:15rem;overflow-y:auto}.select-empty{padding:var(--space-2) var(--space-3);color:var(--text-muted);font-size:var(--text-sm)}.select-option{width:100%;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:none;border:none;border-radius:var(--radius-md);color:var(--text-primary);font:inherit;font-size:var(--text-sm);cursor:pointer;text-align:left}.select-option:hover{background:var(--bg-muted)}.select-option.selected{background:var(--accent-bg);color:var(--accent);font-weight:500}.select-check{width:1em;color:var(--accent)}.toggle{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.toggle.disabled{opacity:.6;cursor:not-allowed}.toggle-track{width:2.25rem;height:1.25rem;padding:.125rem;background:var(--border-strong);border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;transition:background-color var(--duration-fast) var(--ease-default)}.toggle-track.on{background:var(--accent-fill)}.toggle-thumb{width:1rem;height:1rem;background:var(--color-white);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transform:translate(0);transition:transform var(--duration-fast) var(--ease-default)}.toggle-track.on .toggle-thumb{transform:translate(1rem)}.toggle-label{font-size:var(--text-sm);color:var(--text-primary)}.checkbox{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.checkbox.disabled{opacity:.6;cursor:not-allowed}.checkbox-input{position:absolute;opacity:0;width:0;height:0}.checkbox-box{width:1.125rem;height:1.125rem;display:grid;place-items:center;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--color-white);transition:background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}.checkbox-box svg{width:.75rem;height:.75rem;opacity:0}.checkbox-input:checked+.checkbox-box{background:var(--accent-fill);border-color:var(--accent-fill)}.checkbox-input:checked+.checkbox-box svg{opacity:1}.checkbox-input:focus-visible+.checkbox-box{box-shadow:0 0 0 3px var(--accent-bg)}.checkbox-label{font-size:var(--text-sm);color:var(--text-primary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:var(--space-4);background:#00000080}.modal{position:relative;width:100%;max-width:32rem;max-height:calc(100dvh - var(--space-8));overflow-y:auto;background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.modal-close{position:absolute;top:var(--space-3);right:var(--space-3);background:none;border:none;color:var(--text-muted);font-size:var(--text-base);cursor:pointer;border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.modal-close:hover{background:var(--bg-muted);color:var(--text-primary)}.modal-title{margin:0 0 var(--space-5);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-default);font-size:var(--text-xl)}.modal-body{padding:0 var(--space-6) var(--space-6)}.confirm-delete{display:flex;flex-direction:column;gap:var(--space-4)}.confirm-delete-text{margin:0}.popup{position:relative;display:inline-flex}.popup-panel{position:absolute;top:calc(100% + var(--space-2));z-index:20;min-width:12rem;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);box-shadow:var(--shadow-md)}.popup-panel.align-end{right:0}.popup-panel.align-start{left:0}.user-menu-row{padding:var(--space-1) 0;border-top:1px solid var(--border-default)}.user-menu-item{background:none;border:none;padding:var(--space-2);border-radius:var(--radius-md);color:var(--text-primary);font:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default)}.user-menu-item:hover{background:var(--bg-muted)}.user-menu-item.danger{color:var(--danger)}.chat{display:flex;flex-direction:column;gap:var(--space-4);height:calc(100dvh - var(--header-height) - var(--space-12))}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-2)}.chat-empty{color:var(--text-muted);text-align:center;margin-top:var(--space-8)}.page-loader{display:grid;place-items:center;padding:var(--space-8) 0}.orbit-loader{--size: 1px;width:calc(16 * var(--size));height:calc(16 * var(--size));border-radius:50%;background:var(--accent);position:relative}.orbit-loader:before,.orbit-loader:after{content:"";position:absolute;border-radius:50%;top:0;right:0;bottom:0;left:0;background:var(--bg-surface);transform:rotate(0) translate(calc(30 * var(--size)));animation:orbit 1s ease infinite}.orbit-loader:after{animation-delay:.5s}@keyframes orbit{to{transform:rotate(360deg) translate(calc(30 * var(--size)))}}.loader{display:flex;align-items:center;gap:.25rem;margin-top:var(--space-2)}.loader span{width:.25rem;height:.25rem;border-radius:50%;background:var(--accent);animation:chatLoaderFade 1.4s infinite ease-in-out both}.loader span:nth-child(1){animation-delay:-.32s}.loader span:nth-child(2){animation-delay:-.16s}@keyframes chatLoaderFade{0%,80%,to{opacity:.2}40%{opacity:1}}.chat-message{max-width:48rem;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--bg-surface)}.chat-message.user{align-self:flex-end;background:var(--accent-bg);border-color:transparent}.chat-message.assistant{align-self:flex-start}.chat-message.assistant>.chat-content{max-height:50dvh;overflow-y:auto}.chat-message.error{border-color:var(--danger);background:var(--danger-bg)}.chat-role{display:block;font-size:var(--text-xs);font-weight:600;color:var(--text-muted);margin-bottom:var(--space-1)}.chat-content{margin:0;white-space:pre-wrap;overflow-wrap:break-word}.chat-usage{display:block;margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.chat-reasoning{margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-muted);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary)}.chat-reasoning summary{cursor:pointer;font-size:var(--text-xs);font-weight:600;color:var(--text-muted);-webkit-user-select:none;user-select:none}.chat-reasoning[open] summary{margin-bottom:var(--space-2)}.chat-reasoning .chat-content{max-height:25dvh;overflow-y:auto}.chat-composer{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.chat-composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.chat-textarea{border:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;resize:none}.chat-textarea:focus-visible{outline:none;box-shadow:none}.chat-composer-bar{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-2) var(--space-2)}.chat-composer-toggles{display:flex;align-items:center;gap:var(--space-4)}.chat-composer-actions{display:flex;align-items:center;gap:var(--space-2)}.chat-icon-btn{display:grid;place-items:center;width:2rem;height:2rem;background:var(--bg-muted);color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius-full);cursor:pointer;transition:color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}.chat-icon-btn:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.chat-icon-btn:disabled{opacity:.5;cursor:not-allowed}.chat-composer-bar .toggle-label{color:var(--text-muted);font-size:var(--text-xs)}.chat-send-icon{display:grid;place-items:center;width:2rem;height:2rem;background:var(--accent-fill);color:var(--color-white);border:none;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default)}.chat-send-icon:hover:not(:disabled){background:var(--accent-fill-hover)}.chat-send-icon:disabled{opacity:.5;cursor:not-allowed}.btn-primary{padding:var(--space-2) var(--space-5);background:var(--accent-fill);color:var(--color-white);border:none;border-radius:var(--radius-md);font:inherit;font-weight:600;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default)}.btn-primary:hover:not(:disabled){background:var(--accent-fill-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{padding:var(--space-2) var(--space-5);background:var(--danger);color:var(--color-white);border:none;border-radius:var(--radius-md);font:inherit;font-weight:600;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default)}.btn-danger:hover:not(:disabled){background:var(--color-red-700)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.page-section{display:flex;flex-direction:column;gap:var(--space-6)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.page-header:has(.section-heading:only-child){justify-content:flex-end}.section-heading{margin:0;font-size:var(--text-lg);font-weight:600}.data-table-wrap{flex:0 1 auto;min-height:0;overflow:auto;border:1px solid var(--border-default);border-radius:var(--radius-lg)}.data-table-wrap .data-table{min-width:max-content}.data-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--bg-surface)}.data-table th,.data-table td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default);font-size:var(--text-sm)}.data-table th{position:sticky;top:0;z-index:1;background:var(--bg-muted);font-weight:600;color:var(--text-secondary)}.data-table tbody tr:last-child td{border-bottom:none}.cell-title{font-weight:600}.cell-content{color:var(--text-secondary);max-width:24rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-date{color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap}.cell-empty{text-align:center;color:var(--text-muted);padding:var(--space-6)}.cell-actions{display:flex;gap:var(--space-2);justify-content:flex-end;min-width:8rem;min-height:4rem;align-items:center}.note-form{display:flex;flex-direction:column;gap:var(--space-3)}.note-form-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.movie-page{display:flex;flex-direction:column;gap:var(--space-6)}.movie-export{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.movie-export-label{font-size:var(--text-xs);color:var(--text-muted)}.movie-export a{text-decoration:none}.movie-status{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.movie-status.draft{color:var(--warning)}.movie-status.published{color:var(--success)}.movie-form{display:flex;flex-direction:column;gap:var(--space-3)}.movie-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.users-overview{margin-top:auto}@media(max-width:768px){.movie-form-row{grid-template-columns:1fr}}}