html,body,#root{width:100%;height:100%}.home-wrapper{display:flex;flex-direction:column;gap:var(--space-12)}.hero-visual{padding:var(--space-4);border-radius:var(--radius-lg)}.hero-visual-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.hero-visual-list{display:flex;flex-direction:column;gap:var(--space-3)}.hero-visual-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.single-slide{position:relative;min-height:100px}.single-slide .hero-visual-row{position:absolute;inset:0;opacity:0;transition:opacity .4s ease}.single-slide .hero-visual-row.active{opacity:1;pointer-events:auto}.single-slide .hero-visual-row.inactive{pointer-events:none}.hero-mini-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-3)}.hero-mini-controls button{background:color-mix(in srgb,var(--color-surface) 80%,transparent);border:1px solid var(--color-border);color:var(--color-text);padding:4px 10px;border-radius:var(--radius-pill);cursor:pointer}.hero-mini-dots{display:flex;gap:8px}.hero-visual-row:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.hero-thumb{width:64px;height:84px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border)}.hero-row-title{font-weight:700;color:var(--color-text)}.hero-title{color:var(--color-text)}.hero-subtitle{color:var(--color-muted)}.book-card.modern{display:grid;gap:var(--space-3)}.book-cover img{width:100%;height:200px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border)}.book-title-row{display:flex;align-items:center;gap:var(--space-2);justify-content:space-between}.book-title-row h3{margin:0;font-size:var(--text-lg)}.listing-grid .book-card{height:100%;display:flex;flex-direction:column}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.about-shell{padding:var(--space-8)}.about-grid{display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.about-card{display:grid;gap:var(--space-3)}.about-image img{width:100%;height:180px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border)}.about-card-body h3{margin:0 0 var(--space-2) 0}.about-card-body p{margin:0;color:var(--color-muted)}.chips-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.author-row{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:center}.author-visual img{width:100%;height:320px;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.surface-block{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.stats-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{text-align:center}.stat-value{font-size:var(--text-2xl);font-weight:800;letter-spacing:-.02em}.tile{display:grid;gap:var(--space-2);align-items:start}.stat-icon{width:32px;height:32px;border-radius:var(--radius-md);display:grid;place-items:center;background:var(--color-surface-muted);color:var(--color-text)}.chip-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 12px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.chip-button:hover,.chip-button:focus-visible{background:color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:color-mix(in srgb,var(--color-primary) 32%,transparent);outline:none;transform:translateY(-1px)}.cta-card{padding:var(--space-6)}.contact-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.faq-item h3{margin:0 0 6px}.book-week-card{padding:var(--space-6)}.book-week-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}.book-week-cover img{width:100%;height:100%;max-height:360px;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.book-title-row h3{margin:0}.rating-row{display:flex;align-items:center;gap:var(--space-2);font-weight:600}.table-wrapper{overflow-x:auto;width:100%}.table{min-width:720px}.table-cover{width:72px;height:96px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border)}.empty-card{text-align:center;padding:var(--space-8)}.listing-card{display:flex;flex-direction:column;height:100%}.meta-row{display:flex;align-items:center;gap:var(--space-2);font-weight:600}.filter-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-4)}.table-wrapper{overflow-x:auto}.tmb{width:56px;height:72px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border)}.book-title-cell{font-weight:700}.book-author-cell{color:var(--color-muted);font-size:var(--text-sm)}.action-buttons{display:flex;gap:var(--space-2)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:50}.modal-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:min(720px,100%);max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.mhdr{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border)}.modal-title{margin:0}.modal-close{background:none;border:none;font-size:20px;cursor:pointer}.modal-body{padding:var(--space-4)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4)}.empty-card{text-align:center;padding:var(--space-6)}.add-card{padding:var(--space-6)}.form-actions{display:flex;justify-content:flex-end}.full-span{grid-column:1 / -1}@media(max-width:640px){.full-span{grid-column:auto}}.auth-card{padding:var(--space-6);max-width:520px;margin:0 auto}.auth-form{display:grid;gap:var(--space-4)}.password-field{gap:var(--space-2)}.password-wrapper{position:relative}.password-wrapper input{width:100%}.eye-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;cursor:pointer;color:var(--color-muted)}.forgot-link{margin-top:6px;text-align:right}.forgot-link a{color:var(--color-primary);font-weight:600}.divider{display:flex;align-items:center;gap:var(--space-2);justify-content:center;color:var(--color-muted);margin:var(--space-4) 0}.divider span{padding:0 var(--space-2)}.auth-footer{margin-top:var(--space-4);text-align:center;color:var(--color-muted)}.link-strong{color:var(--color-primary);font-weight:700}.password-hints{margin-top:6px;font-size:var(--text-sm);line-height:1.5;color:var(--color-muted)}.hint-item{display:flex;gap:6px;align-items:center}.hint-item.valid{color:#16a34a}.error-text{color:#dc2626;font-size:var(--text-sm)}.input-error{border-color:#dc2626}.btn-disabled{opacity:.7;cursor:not-allowed}.auth-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-start}.book-detail-layout{display:grid;gap:var(--space-6)}.book-detail-card{padding:var(--space-6)}.book-detail-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}.gallery-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.gallery-grid img{width:100%;height:220px;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.book-title-text{margin:0;font-size:var(--text-2xl)}.detail-line{display:flex;align-items:center;gap:var(--space-2)}.comments-card{padding:var(--space-6)}.comments-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.comment-item{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-surface-muted)}.comment-header{display:flex;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.comment-author{font-weight:700}.comment-date{color:var(--color-muted);font-size:var(--text-sm)}.comment-body{margin:0 0 var(--space-3) 0;color:var(--color-text);line-height:1.6}.comment-actions{display:flex;gap:var(--space-2)}.comment-form{display:flex;flex-direction:column;gap:var(--space-3)}.comment-textarea{min-height:96px;padding:12px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);resize:vertical}.editrow{display:flex;flex-direction:column;gap:var(--space-2)}.not-found{text-align:center;padding:var(--space-8)}.spec-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.spec-item{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted)}.nav-shell{position:sticky;top:0;z-index:30;width:100%;border-bottom:1px solid color-mix(in srgb,#134e4a 20%,transparent)}.nav-bg{position:absolute;inset:0;background:#f0fdfa;pointer-events:none;z-index:-1}[data-theme=dark] .nav-bg{background:#0b2f2a}.nav-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;position:relative}.nav-logo{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:800;letter-spacing:-.02em;padding:10px 12px;border-radius:var(--radius-md);transition:background-color .2s ease,transform .2s ease;color:var(--color-text)}.nav-logo:hover{background:color-mix(in srgb,var(--color-primary) 10%,transparent);transform:translateY(-1px)}.logo-mark{font-size:18px}.nav-logo-image{width:36px;height:36px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.nav-toggle{display:none;background:transparent;border:1px solid var(--color-border);color:var(--color-text);padding:8px;border-radius:var(--radius-md)}.nav-toggle:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.nav-links{display:flex;align-items:center;gap:var(--space-3)}.nav-link{padding:10px 12px;border-radius:var(--radius-md);font-weight:700;color:var(--color-text);transition:color .15s ease,background-color .15s ease}.nav-link:hover,.nav-link:focus-visible{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,transparent);outline:none}.nav-link.active{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 16%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 28%,transparent)}.nav-actions{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text)}.nav-actions .ui-button{color:var(--color-text);border-color:var(--color-border)}.nav-actions .ui-button:hover,.nav-actions .ui-button:focus-visible{color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 40%,transparent)}.nav-loading{color:var(--color-text);font-weight:600}.nav-user-shell{position:relative}.nav-user{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 10px;border-radius:var(--radius-md);background:#fff;border:1px solid #c7ebe6;color:#134e4a}.nav-user:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.nav-avatar{width:38px;height:38px;border-radius:var(--radius-pill);object-fit:cover;border:2px solid color-mix(in srgb,#ffffff 40%,transparent)}.nav-user-meta{display:flex;flex-direction:column;gap:2px;text-align:left}.nav-user-name{font-weight:700;color:#134e4a}.nav-user-email{color:#475569;font-size:var(--text-sm)}[data-theme=dark] .nav-user{background:color-mix(in srgb,#0b2f2a 30%,transparent);border:1px solid color-mix(in srgb,#0b2f2a 50%,transparent);color:#e6f4f1}[data-theme=dark] .nav-user-name{color:#e6f4f1}[data-theme=dark] .nav-user-email{color:#a7f3d0}.nav-user:hover,.nav-user:focus-visible{background:#ecfeff;border-color:#99f6e4}[data-theme=dark] .nav-user:hover,[data-theme=dark] .nav-user:focus-visible{background:color-mix(in srgb,#0b2f2a 40%,transparent);border-color:color-mix(in srgb,#0b2f2a 60%,transparent)}.nav-auth{display:flex;gap:var(--space-2)}.nav-dropdown{position:absolute;right:0;top:calc(100% + 8px);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:6px;min-width:180px}.dropdown-item{display:block;width:100%;padding:10px 12px;border-radius:var(--radius-md);color:var(--color-text);text-align:left}.dropdown-item:hover,.dropdown-item:focus-visible{background:var(--color-surface-muted);outline:none}@media(max-width:960px){.nav-toggle{display:inline-flex}.nav-links{position:absolute;left:0;right:0;top:100%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));flex-direction:column;align-items:flex-start;padding:var(--space-3) var(--space-4);gap:var(--space-2);border-bottom:1px solid color-mix(in srgb,#ffffff 26%,transparent);display:none}.nav-links.open{display:flex}.nav-actions{margin-left:auto}}.dashboard-shell{min-height:100vh;background:var(--color-background);color:var(--color-text)}.dashboard-topbar{position:sticky;top:0;z-index:40;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.dashboard-topbar-inner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0}.dash-brand{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:800}.dash-actions{display:flex;align-items:center;gap:var(--space-2)}.dash-profile{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 10px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-muted)}.dash-profile:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dash-profile svg{pointer-events:none}.avatar-fallback{width:32px;height:32px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-primary) 15%,transparent);display:grid;place-items:center;font-weight:700}.dash-dropdown{position:absolute;right:16px;top:56px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:6px;box-shadow:var(--shadow-md)}.dashboard-body{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 60px)}.dash-toggle-row{display:none}.dash-toggle-container{display:flex;justify-content:flex-end;padding:var(--space-3) 0}.dashboard-sidebar{border-right:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-4) var(--space-3)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-2)}.sidebar-link{padding:10px 12px;border-radius:var(--radius-md);color:var(--color-text);font-weight:600}.sidebar-link.active,.sidebar-link:hover,.sidebar-link:focus-visible{background:color-mix(in srgb,var(--color-primary) 10%,transparent);border:1px solid var(--color-border)}.sidebar-logout{width:100%;justify-content:center}.dashboard-main{padding:var(--space-4)}.dash-toggle{display:none;background:transparent;border:1px solid var(--color-border);padding:8px;border-radius:var(--radius-md)}.bar-chart{display:grid;gap:var(--space-2)}.bar-row{display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:var(--space-2)}.bar-track{height:10px;background:var(--color-surface-muted);border-radius:var(--radius-pill);overflow:hidden}.bar-fill{height:100%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))}@media(max-width:960px){.dashboard-body{grid-template-columns:1fr}.dashboard-sidebar{display:none;position:absolute;top:64px;left:0;right:0;z-index:20}.dashboard-sidebar.open{display:block}.dash-toggle{display:inline-flex}.dash-toggle-row{display:block}}.footer-shell{border-top:1px solid var(--color-border);background:var(--color-surface-muted);padding:var(--space-8) 0;margin-top:var(--space-10);width:100%;flex-shrink:0}.footer-grid{display:grid;gap:var(--space-5);align-items:flex-start;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.footer-column{display:grid;gap:var(--space-2)}.footer-logo{width:48px;height:48px;border-radius:var(--radius-lg);display:grid;place-items:center;background:var(--color-surface);border:1px solid var(--color-border)}.footer-title{font-weight:800;letter-spacing:-.02em;color:var(--color-text)}.footer-subtitle{color:var(--color-muted);font-size:var(--text-sm)}.footer-heading{margin:0;font-weight:700;color:var(--color-text)}.footer-links{display:grid;gap:var(--space-2)}.footer-contact{display:grid;gap:var(--space-1);color:var(--color-muted)}.footer-nav{color:var(--color-text);text-decoration:none}.footer-nav:hover,.footer-nav:focus-visible,.footer-contact a:hover,.footer-contact a:focus-visible{color:var(--color-primary);outline:none}.footer-meta{color:var(--color-muted);font-size:var(--text-sm)}@media(max-width:720px){.footer-grid{grid-template-columns:1fr}}:root{--color-primary: #0f766e;--color-primary-strong: #0b5f57;--color-secondary: #dc6b2f;--color-tertiary: #f59e0b;--color-success: #15803d;--color-danger: #dc2626;--color-surface: #ffffff;--color-surface-muted: #f5f3ef;--color-background: #f9f7f2;--color-text: #0f172a;--color-muted: #4b5563;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--shadow-sm: 0 6px 20px rgba(17, 24, 39, .08);--shadow-md: 0 12px 30px rgba(17, 24, 39, .12);--shadow-lg: 0 18px 42px rgba(17, 24, 39, .18);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 28px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-md: 18px;--text-lg: 22px;--text-xl: 26px;--text-2xl: 34px;--text-3xl: 42px;--font-sans: "Inter", "SF Pro Display", "Segoe UI", system-ui, -apple-system, sans-serif}[data-theme=dark]{--color-surface: #0f172a;--color-surface-muted: #111827;--color-background: #0b1220;--color-text: #e5e7eb;--color-muted: #cbd5e1;--color-border: #1f2937;--color-border-strong: #374151;--shadow-sm: 0 6px 18px rgba(0, 0, 0, .35);--shadow-md: 0 14px 28px rgba(0, 0, 0, .4);--shadow-lg: 0 18px 42px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 20%,rgba(15,118,110,.04),transparent 28%),radial-gradient(circle at 80% 10%,rgba(220,107,47,.05),transparent 25%),var(--color-background);color:var(--color-text);font-family:var(--font-sans);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}main{width:100%}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-shell main{flex:1}.ui-container{width:min(1160px,100% - 32px);margin:0 auto}@media(min-width:1280px){.ui-container{width:min(1280px,100% - 80px)}}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.section-shell{padding:var(--space-12) 0}.surface{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-md);padding:12px 16px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}.ui-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ui-button.primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-strong));color:#ecfeff;box-shadow:var(--shadow-sm)}.ui-button.secondary{background:linear-gradient(135deg,var(--color-secondary),#c45523);color:#fffaf5;box-shadow:var(--shadow-sm)}.ui-button.ghost{background:transparent;border-color:var(--color-border);color:var(--color-text)}.ui-button.muted{background:var(--color-surface-muted);border-color:var(--color-border);color:var(--color-text)}.ui-button.small{padding:8px 12px;font-size:var(--text-sm)}.ui-button.large{padding:14px 18px;font-size:var(--text-md)}.ui-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.ui-button:disabled,.ui-button[aria-disabled=true]{opacity:.65;cursor:not-allowed;box-shadow:none;transform:none}.ui-button.loading{cursor:progress}.ui-spinner{width:16px;height:16px;border-radius:999px;border:2px solid color-mix(in srgb,var(--color-border) 80%,transparent);border-top-color:currentColor;animation:spin .7s linear infinite}.ui-button.loading .ui-spinner{margin-left:4px}.ui-button.ghost:hover,.ui-button.muted:hover{background:color-mix(in srgb,var(--color-primary) 8%,transparent);border-color:var(--color-border-strong)}.ui-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}.ui-input{width:100%;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);transition:border-color .18s ease,box-shadow .18s ease}.ui-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 15%,transparent)}.ui-input.success{border-color:color-mix(in srgb,var(--color-success) 60%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-success) 12%,transparent)}.ui-input.error{border-color:color-mix(in srgb,var(--color-danger) 70%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-danger) 12%,transparent)}.ui-input:disabled{background:var(--color-surface-muted);cursor:not-allowed;color:var(--color-muted)}.ui-input[aria-invalid=true]{border-color:color-mix(in srgb,var(--color-danger) 70%,transparent)}.ui-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:6px 10px;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:600;border:1px solid transparent}.ui-badge.info{background:color-mix(in srgb,var(--color-primary) 12%,transparent);border-color:color-mix(in srgb,var(--color-primary) 30%,transparent);color:var(--color-primary-strong)}.ui-badge.warn{background:color-mix(in srgb,var(--color-tertiary) 14%,transparent);border-color:color-mix(in srgb,var(--color-tertiary) 32%,transparent);color:#92400e}.ui-badge.neutral{background:var(--color-surface-muted);border-color:var(--color-border);color:var(--color-muted)}.ui-skeleton{width:100%;height:14px;border-radius:var(--radius-md);background:linear-gradient(90deg,color-mix(in srgb,var(--color-border) 60%,transparent),color-mix(in srgb,var(--color-border) 90%,transparent),color-mix(in srgb,var(--color-border) 60%,transparent));background-size:200% 100%;animation:shimmer 1.4s ease infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.ui-section-header{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6)}.ui-section-header h2{margin:0;font-size:var(--text-2xl);letter-spacing:-.02em}.ui-section-header p{margin:0;color:var(--color-muted);max-width:680px}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:6px 12px;border-radius:var(--radius-pill);background:var(--color-surface-muted);color:var(--color-muted);font-weight:600}.hero-shell{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 10%,transparent),var(--color-surface));border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:var(--space-10);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.hero-shell:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(15,118,110,.08),transparent 35%),radial-gradient(circle at 80% 0%,rgba(220,107,47,.08),transparent 28%);pointer-events:none}.hero-content{position:relative;z-index:1}.hero-title{font-size:var(--text-3xl);margin:0 0 var(--space-3) 0;letter-spacing:-.02em}.hero-subtitle{margin:0 0 var(--space-6) 0;color:var(--color-muted);font-size:var(--text-md);max-width:640px}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.card-grid{display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.toolbar{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--color-border);color:var(--color-text)}.table th{font-weight:700;color:var(--color-muted);font-size:var(--text-sm)}.table tr:hover{background:color-mix(in srgb,var(--color-primary) 5%,transparent)}.form-grid{display:grid;gap:var(--space-4)}.form-grid.two-col{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field label{font-weight:600;color:var(--color-muted);font-size:var(--text-sm)}.pill{border-radius:var(--radius-pill)}.muted-text{color:var(--color-muted)}::selection{background:color-mix(in srgb,var(--color-primary) 18%,transparent)}