@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.toast-container{position:fixed;bottom:var(--space-4);right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column-reverse;gap:var(--space-2);max-width:400px;width:calc(100vw - var(--space-8))}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:toast-slide-in .3s ease}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}.toast-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:var(--text-sm);font-weight:var(--font-bold)}.toast-success .toast-icon{background-color:#dcfce7;color:#166534}.toast-error .toast-icon{background-color:#fee2e2;color:#991b1b}.toast-warning .toast-icon{background-color:#fef3c7;color:#92400e}.toast-info .toast-icon{background-color:#dbeafe;color:#1e40af}.toast-content{flex:1;min-width:0}.toast-title{font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-1)}.toast-message{font-size:var(--text-sm);color:var(--color-text-secondary);word-wrap:break-word}.toast-dismiss{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:0;font-size:var(--text-xs);color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.toast-dismiss:hover{color:var(--color-text);background-color:var(--color-bg-secondary)}@media(max-width:480px){.toast-container{left:var(--space-4);right:var(--space-4);width:auto;max-width:none}}.drawer-backdrop{position:fixed;inset:0;background-color:#00000080;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal);z-index:calc(var(--z-sticky) + 1)}.drawer-backdrop.open{opacity:1;visibility:visible}.drawer{position:fixed;top:var(--header-height);right:0;bottom:0;width:min(300px,80vw);background-color:var(--color-surface);border-left:1px solid var(--color-border);transform:translate(100%);transition:transform var(--transition-normal);z-index:calc(var(--z-sticky) + 2);overflow-y:auto}.drawer.open{transform:translate(0)}@media(prefers-reduced-motion:reduce){.drawer{transition:none}}.drawer-nav{padding:var(--space-4)}.drawer-section{display:flex;flex-direction:column;gap:var(--space-2)}.drawer-divider{height:1px;background-color:var(--color-border);margin:var(--space-4) 0}.drawer-link{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);color:var(--color-text);font-weight:var(--font-medium);font-size:var(--text-lg);text-decoration:none;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.drawer-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 var(--space-2);background:var(--color-error);color:#fff;font-size:11px;font-weight:var(--font-bold);border-radius:11px}.drawer-link:hover{background-color:var(--color-bg-secondary);color:var(--color-text)}.drawer-link.active{background-color:var(--color-primary-light);color:var(--color-primary)}.drawer-link.secondary{font-size:var(--text-base);color:var(--color-text-secondary)}.drawer-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:0 var(--space-4);margin-bottom:var(--space-2)}.theme-buttons{display:flex;gap:var(--space-2);padding:0 var(--space-2)}.theme-btn{flex:1;padding:var(--space-2);background-color:var(--color-bg-secondary);border:2px solid transparent;border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.theme-btn:hover{background-color:var(--color-bg-tertiary)}.theme-btn.active{border-color:var(--color-primary);background-color:var(--color-primary-light)}.drawer-user{padding:var(--space-3) var(--space-4);font-weight:var(--font-medium);color:var(--color-text-secondary)}.drawer-btn{width:100%;padding:var(--space-3);margin-top:var(--space-2)}.header{position:sticky;top:0;z-index:var(--z-sticky);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);height:var(--header-height)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%}.header-logo{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text);font-weight:var(--font-bold);text-decoration:none}.header-logo:hover{color:var(--color-text)}.logo-mark{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-bold)}.logo-text{font-size:var(--text-lg)}.header-nav{display:flex;align-items:center;gap:var(--space-6)}.nav-link{position:relative;display:flex;align-items:center;gap:var(--space-1);color:var(--color-text-secondary);font-weight:var(--font-medium);padding:var(--space-2) 0;border-bottom:2px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}.nav-link:hover{color:var(--color-text)}.nav-link.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--space-1);background:var(--color-error);color:#fff;font-size:10px;font-weight:var(--font-bold);border-radius:9px}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.btn-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--radius-md);font-size:var(--text-lg);cursor:pointer;transition:background-color var(--transition-fast)}.btn-icon:hover{background-color:var(--color-bg-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);font-weight:var(--font-semibold);font-size:var(--text-sm);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-bg-secondary);color:var(--color-text)}.btn-secondary:hover{background-color:var(--color-bg-tertiary)}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;background:transparent;border:none;cursor:pointer}.hamburger span{display:block;width:100%;height:2px;background-color:var(--color-text);border-radius:1px;transition:transform var(--transition-normal),opacity var(--transition-normal)}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.auth-desktop{display:block}@media(max-width:768px){.header-nav,.auth-desktop{display:none}.hamburger{display:flex}.logo-text{display:none}}.footer{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);margin-top:auto}.footer-inner{padding:var(--space-12) var(--space-4) var(--space-6)}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:var(--space-8)}.footer-brand{max-width:280px}.footer-logo{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text);font-weight:var(--font-bold);font-size:var(--text-lg);text-decoration:none;margin-bottom:var(--space-3)}.footer-logo:hover{color:var(--color-text)}.footer-logo .logo-mark{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-bold)}.footer-tagline{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.footer-links h4{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-3)}.footer-links a{display:block;color:var(--color-text-secondary);font-size:var(--text-sm);padding:var(--space-1) 0;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.footer-bottom p{color:var(--color-text-muted);font-size:var(--text-sm);text-align:center}@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-6)}.footer-brand{grid-column:1 / -1;max-width:none}}@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.card-hoverable{transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.card-hoverable:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}@media(prefers-reduced-motion:reduce){.card-hoverable:hover{transform:none}}.card-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);font-weight:var(--font-semibold)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:inherit;font-weight:var(--font-semibold);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast);white-space:nowrap}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);height:32px}.btn-md{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);height:40px}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base);height:48px}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-bg-secondary);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-secondary);color:var(--color-text)}.btn-destructive{background-color:var(--color-error);color:#fff}.btn-destructive:hover:not(:disabled){background-color:#dc2626}.btn-full{width:100%}.btn-loading{color:transparent}.btn-spinner{position:absolute;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite}.btn-loading .btn-spinner{color:var(--color-text-inverse)}.btn-loading.btn-secondary .btn-spinner,.btn-loading.btn-ghost .btn-spinner{color:var(--color-text)}.btn-text-hidden{visibility:hidden}@keyframes btn-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.btn-spinner{animation:none}}.form-field{margin-bottom:var(--space-4)}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.form-required{color:var(--color-error);margin-left:var(--space-1)}.form-input{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-bg-secondary)}.form-textarea{resize:vertical;min-height:100px}.form-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'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10);cursor:pointer}.form-field-checkbox{margin-bottom:var(--space-3)}.form-checkbox-label{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.form-checkbox{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.form-checkbox-text{font-size:var(--text-sm);color:var(--color-text)}.form-radio-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-radio-label{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.form-radio{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.form-radio-text{font-size:var(--text-sm);color:var(--color-text)}.form-field-error .form-input{border-color:var(--color-error)}.form-field-error .form-input:focus{box-shadow:0 0 0 3px #ef444433}.form-error{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-error)}.form-helper{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.form-actions{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.form-actions-right{justify-content:flex-end}.admin-login-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--header-height) - 100px);padding:var(--space-4)}.admin-login-card{width:100%;max-width:400px;text-align:center}.admin-login-card h1{margin-bottom:var(--space-2)}.admin-login-subtitle{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.admin-login-form{display:flex;flex-direction:column;gap:var(--space-4)}.admin-page{max-width:1200px;margin:0 auto;padding:var(--space-6)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);flex-wrap:wrap;gap:var(--space-4)}.admin-header h1{margin:0}.admin-header-actions{display:flex;gap:var(--space-2)}.admin-error{background-color:var(--color-error);color:#fff;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-6)}.admin-loading{display:flex;flex-direction:column;gap:var(--space-4)}.admin-section{margin-bottom:var(--space-8)}.admin-section h2{margin-bottom:var(--space-4);font-size:var(--text-xl)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.stat-card{text-align:center}.stat-icon{font-size:var(--text-3xl);display:block;margin-bottom:var(--space-2)}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary)}.stat-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.spice-stats{display:flex;flex-wrap:wrap;gap:var(--space-3)}.spice-stat{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-bg-secondary);border-radius:var(--radius-md)}.spice-name{text-transform:capitalize}.spice-count{font-weight:var(--font-semibold);color:var(--color-primary)}.sessions-table{overflow-x:auto}.sessions-table table{width:100%;border-collapse:collapse}.sessions-table th,.sessions-table td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--color-border)}.sessions-table th{font-weight:var(--font-semibold);background-color:var(--color-bg-secondary)}.sessions-table tr:hover{background-color:var(--color-bg-secondary)}.no-data{color:var(--color-text-muted);text-align:center;padding:var(--space-8)}.responses-editor{display:grid;grid-template-columns:300px 1fr;gap:var(--space-6);min-height:600px}.node-list{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.node-list-header{padding:var(--space-3) var(--space-4);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.node-list-items{max-height:500px;overflow-y:auto}.node-list-item{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.node-list-item:hover{background-color:var(--color-bg-secondary)}.node-list-item.active{background-color:var(--color-primary-light);border-left:3px solid var(--color-primary)}.node-key{font-family:var(--font-mono);font-size:var(--text-sm)}.node-type{font-size:var(--text-xs)}.node-editor{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.node-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.node-editor-form{display:flex;flex-direction:column;gap:var(--space-4)}.node-editor-actions{display:flex;gap:var(--space-2);justify-content:flex-end;padding-top:var(--space-4);border-top:1px solid var(--color-border)}.json-editor{font-family:var(--font-mono);font-size:var(--text-sm);min-height:300px;resize:vertical}@media(max-width:768px){.responses-editor{grid-template-columns:1fr}.node-list{max-height:300px}}.badge{display:inline-flex;align-items:center;font-weight:var(--font-medium);border-radius:var(--radius-full);white-space:nowrap}.badge-sm{padding:0 var(--space-2);font-size:var(--text-xs);height:20px}.badge-md{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);height:24px}.badge-lg{padding:var(--space-1) var(--space-4);font-size:var(--text-sm);height:28px}.badge-default{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.badge-primary{background-color:var(--color-primary-light);color:var(--color-primary)}.badge-success{background-color:#dcfce7;color:#166534}.badge-warning{background-color:#fef3c7;color:#92400e}.badge-error{background-color:#fee2e2;color:#991b1b}.badge-info{background-color:#cffafe;color:#0e7490}[data-theme=dark] .badge-success{background-color:#166534;color:#dcfce7}[data-theme=dark] .badge-warning{background-color:#92400e;color:#fef3c7}[data-theme=dark] .badge-error{background-color:#991b1b;color:#fee2e2}[data-theme=dark] .badge-info{background-color:#0e7490;color:#cffafe}.collapsible-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.collapsible-card-header{display:flex;align-items:center;width:100%;padding:var(--space-4) var(--space-6);background:transparent;border:none;cursor:pointer;font:inherit;font-weight:var(--font-semibold);color:var(--color-text);text-align:left;transition:background-color var(--transition-fast)}.collapsible-card-header:hover{background-color:var(--color-bg-secondary)}.collapsible-card-header:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.collapsible-card-icon{margin-right:var(--space-3);font-size:var(--text-lg)}.collapsible-card-title{flex:1}.collapsible-card-chevron{font-size:var(--text-xl);color:var(--color-text-secondary);transition:transform var(--transition-fast);transform:rotate(0)}.collapsible-card-open .collapsible-card-chevron{transform:rotate(90deg)}.collapsible-card-body{overflow:hidden}.collapsible-card-body[hidden]{display:none}.collapsible-card-content{padding:var(--space-6);padding-top:0;border-top:1px solid var(--color-border);padding-top:var(--space-4)}@media(prefers-reduced-motion:no-preference){.collapsible-card-body:not([hidden]){animation:collapsible-slide-down .2s ease-out}}@keyframes collapsible-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-semibold);overflow:hidden;flex-shrink:0}.avatar-sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar-md{width:40px;height:40px;font-size:var(--text-sm)}.avatar-lg{width:56px;height:56px;font-size:var(--text-lg)}.avatar-xl{width:80px;height:80px;font-size:var(--text-2xl)}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-initials{text-transform:uppercase;-webkit-user-select:none;user-select:none}.avatar-status{position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:8px;min-height:8px;border-radius:50%;border:2px solid var(--color-surface)}.avatar-status-online{background-color:var(--color-success)}.avatar-status-offline{background-color:var(--color-text-muted)}.avatar-status-busy{background-color:var(--color-error)}.avatar-status-away{background-color:var(--color-warning)}.modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background-color:#00000080;animation:modal-fade-in .2s ease}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal{position:relative;width:100%;background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:modal-slide-in .2s ease;max-height:calc(100vh - var(--space-8));display:flex;flex-direction:column}@keyframes modal-slide-in{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.modal-overlay,.modal{animation:none}}.modal-sm{max-width:400px}.modal-md{max-width:500px}.modal-lg{max-width:700px}.modal-xl{max-width:900px}.modal-full{max-width:calc(100vw - var(--space-8));max-height:calc(100vh - var(--space-8))}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0}.modal-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;font-size:var(--text-sm);color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.modal-close:hover{color:var(--color-text);background-color:var(--color-bg-secondary)}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);flex-shrink:0}@media(max-width:480px){.modal{max-width:none;margin:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:90vh;position:absolute;bottom:0}.modal-overlay{align-items:flex-end;padding:0}}.confirm-dialog-content{text-align:center}.confirm-dialog-icon{display:block;font-size:2.5rem;margin-bottom:var(--space-4)}.confirm-dialog-message{color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed)}.tooltip-wrapper{position:relative;display:inline-flex}.tooltip{position:absolute;z-index:var(--z-dropdown);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:#fff;background-color:var(--color-text);border-radius:var(--radius-md);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast)}.tooltip-wrapper:hover .tooltip,.tooltip-wrapper:focus-within .tooltip{opacity:1}.tooltip-top{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--space-2)}.tooltip-bottom{top:100%;left:50%;transform:translate(-50%);margin-top:var(--space-2)}.tooltip-left{right:100%;top:50%;transform:translateY(-50%);margin-right:var(--space-2)}.tooltip-right{left:100%;top:50%;transform:translateY(-50%);margin-left:var(--space-2)}.tooltip:after{content:"";position:absolute;border:5px solid transparent}.tooltip-top:after{top:100%;left:50%;transform:translate(-50%);border-top-color:var(--color-text)}.tooltip-bottom:after{bottom:100%;left:50%;transform:translate(-50%);border-bottom-color:var(--color-text)}.tooltip-left:after{left:100%;top:50%;transform:translateY(-50%);border-left-color:var(--color-text)}.tooltip-right:after{right:100%;top:50%;transform:translateY(-50%);border-right-color:var(--color-text)}@media(prefers-reduced-motion:reduce){.tooltip{transition:none}}.typing-indicator{display:inline-flex;align-items:center;gap:var(--space-1)}.typing-dot{border-radius:50%;background-color:var(--color-text-secondary);animation:typing-bounce 1.4s ease-in-out infinite}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-50%);opacity:1}}.typing-indicator-sm .typing-dot{width:4px;height:4px}.typing-indicator-md .typing-dot{width:6px;height:6px}.typing-indicator-lg .typing-dot{width:8px;height:8px}.typing-label{margin-left:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}@media(prefers-reduced-motion:reduce){.typing-dot{animation:typing-fade 1.4s ease-in-out infinite}@keyframes typing-fade{0%,60%,to{opacity:.4}30%{opacity:1}}}.skeleton{background-color:var(--color-bg-tertiary);animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.skeleton-text{height:1em;border-radius:var(--radius-sm)}.skeleton-circular{border-radius:50%}.skeleton-rectangular{border-radius:var(--radius-md)}.skeleton-text-group{display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.skeleton-card-content{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12) var(--space-6)}.empty-state-icon{font-size:3rem;margin-bottom:var(--space-4)}.empty-state-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:320px;margin-bottom:var(--space-6)}.empty-state-action{margin-top:var(--space-2)}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12) var(--space-6)}.error-state-icon{font-size:3rem;margin-bottom:var(--space-4)}.error-state-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.error-state-description{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:320px;margin-bottom:var(--space-6)}.error-state-action{margin-top:var(--space-2)}.toggle-wrapper{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer}.toggle-wrapper.toggle-disabled{cursor:not-allowed;opacity:.5}.toggle-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toggle{position:relative;display:inline-flex;align-items:center;background-color:var(--color-bg-tertiary);border-radius:var(--radius-full);transition:background-color var(--transition-fast);flex-shrink:0}.toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.toggle-sm{width:36px;height:20px}.toggle-md{width:44px;height:24px}.toggle-lg{width:56px;height:30px}.toggle-thumb{position:absolute;left:2px;background-color:#fff;border-radius:50%;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.toggle-sm .toggle-thumb{width:16px;height:16px}.toggle-md .toggle-thumb{width:20px;height:20px}.toggle-lg .toggle-thumb{width:26px;height:26px}.toggle-input:checked+.toggle{background-color:var(--color-primary)}.toggle-input:checked+.toggle-sm .toggle-thumb{transform:translate(16px)}.toggle-input:checked+.toggle-md .toggle-thumb{transform:translate(20px)}.toggle-input:checked+.toggle-lg .toggle-thumb{transform:translate(26px)}.toggle-label{font-size:var(--text-sm);color:var(--color-text);-webkit-user-select:none;user-select:none}@media(prefers-reduced-motion:reduce){.toggle,.toggle-thumb{transition:none}}.search-bar{position:relative;display:flex;align-items:center;width:100%;max-width:400px}.search-bar-icon{position:absolute;left:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);pointer-events:none;display:flex;align-items:center;justify-content:center;width:20px}.search-bar-spinner{width:14px;height:14px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:search-spin .6s linear infinite}@keyframes search-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.search-bar-spinner{animation:none}}.search-bar-input{width:100%;padding:var(--space-2) var(--space-10);font-size:var(--text-sm);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-bar-input::placeholder{color:var(--color-text-muted)}.search-bar-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.search-bar-input:disabled{opacity:.5;cursor:not-allowed}.search-bar-clear{position:absolute;right:var(--space-2);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;font-size:var(--text-xs);color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.search-bar-clear:hover{color:var(--color-text);background-color:var(--color-bg-secondary)}.count-up-down{display:inline-flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.count-up-down-sm{height:32px}.count-up-down-sm .count-btn{width:32px;font-size:var(--text-sm)}.count-up-down-sm .count-input{width:48px;font-size:var(--text-sm)}.count-up-down-md{height:40px}.count-up-down-md .count-btn{width:40px;font-size:var(--text-base)}.count-up-down-md .count-input{width:56px;font-size:var(--text-base)}.count-up-down-lg{height:48px}.count-up-down-lg .count-btn{width:48px;font-size:var(--text-lg)}.count-up-down-lg .count-input{width:64px;font-size:var(--text-lg)}.count-btn{display:flex;align-items:center;justify-content:center;height:100%;padding:0;font-weight:var(--font-semibold);color:var(--color-text);background-color:var(--color-bg-secondary);border:none;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.count-btn:hover:not(:disabled){background-color:var(--color-bg-tertiary)}.count-btn:disabled{color:var(--color-text-muted);cursor:not-allowed}.count-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.count-input{height:100%;padding:0;font-weight:var(--font-medium);text-align:center;color:var(--color-text);background-color:var(--color-surface);border:none;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}.count-input:focus{outline:none;background-color:var(--color-bg-secondary)}.count-input:disabled{opacity:.5;cursor:not-allowed}.count-input::-webkit-outer-spin-button,.count-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.count-input[type=number]{-moz-appearance:textfield}.date-picker{display:inline-flex;align-items:flex-end;gap:var(--space-1)}.date-picker-field{display:flex;flex-direction:column;gap:var(--space-1)}.date-picker-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.date-picker-input{width:48px;padding:var(--space-2) var(--space-2);font-size:var(--text-base);font-weight:var(--font-medium);text-align:center;color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.date-picker-input-year{width:72px}.date-picker-input::placeholder{color:var(--color-text-muted);font-weight:var(--font-normal)}.date-picker-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.date-picker-input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-bg-secondary)}.date-picker-separator{padding-bottom:var(--space-2);color:var(--color-text-muted);font-size:var(--text-lg)}.date-picker-error .date-picker-input{border-color:var(--color-error)}.date-picker-error .date-picker-input:focus{box-shadow:0 0 0 3px #ef444433}.date-picker-input::-webkit-outer-spin-button,.date-picker-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.date-picker-input[type=number]{-moz-appearance:textfield}.character-counter{position:relative;display:flex;flex-direction:column;gap:var(--space-1)}.character-counter-textarea{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:var(--text-base);line-height:1.5;resize:vertical;transition:border-color var(--transition-fast)}.character-counter-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.character-counter-textarea:disabled{opacity:.5;cursor:not-allowed}.character-counter-display{display:flex;justify-content:flex-end;gap:var(--space-1);font-size:var(--text-sm);font-variant-numeric:tabular-nums;transition:color var(--transition-fast)}.character-counter-normal{color:var(--color-text-secondary)}.character-counter-warning .character-counter-remaining{color:var(--color-warning);font-weight:600}.character-counter-error .character-counter-remaining{color:var(--color-error);font-weight:600}.character-counter-max{color:var(--color-text-secondary)}.star-rating{display:inline-flex;align-items:center;gap:var(--space-2)}.star-rating-stars{display:flex;gap:var(--space-1)}.star-rating-star{padding:0;border:none;background:none;cursor:pointer;color:var(--color-border);transition:color var(--transition-fast),transform var(--transition-fast)}.star-rating-star:hover:not(:disabled){transform:scale(1.1)}.star-rating-star:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.star-rating-star:disabled{cursor:default}.star-rating-filled{color:var(--color-warning)}.star-rating-disabled{opacity:.6}.star-rating-sm .star-rating-icon{width:16px;height:16px}.star-rating-md .star-rating-icon{width:24px;height:24px}.star-rating-lg .star-rating-icon{width:32px;height:32px}.star-rating-value{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.sliding-scale{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.sliding-scale-track{position:relative;width:100%}.sliding-scale-input{-webkit-appearance:none;appearance:none;width:100%;background:transparent;cursor:pointer}.sliding-scale-input:disabled{cursor:not-allowed;opacity:.5}.sliding-scale-input::-webkit-slider-runnable-track{height:8px;border-radius:var(--radius-full);background:var(--color-bg-secondary);background-image:linear-gradient(to right,var(--scale-color) 0%,var(--scale-color) var(--fill-percentage),var(--color-bg-secondary) var(--fill-percentage),var(--color-bg-secondary) 100%)}.sliding-scale-input::-moz-range-track{height:8px;border-radius:var(--radius-full);background:var(--color-bg-secondary)}.sliding-scale-input::-moz-range-progress{height:8px;border-radius:var(--radius-full);background:var(--scale-color)}.sliding-scale-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;margin-top:-6px;border-radius:50%;background:var(--scale-color);border:2px solid var(--color-bg);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.sliding-scale-input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--scale-color);border:2px solid var(--color-bg);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.sliding-scale-input:hover::-webkit-slider-thumb{transform:scale(1.1)}.sliding-scale-input:hover::-moz-range-thumb{transform:scale(1.1)}.sliding-scale-input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--color-primary);outline-offset:2px}.sliding-scale-red{--scale-color: var(--color-error)}.sliding-scale-yellow{--scale-color: var(--color-warning)}.sliding-scale-green{--scale-color: var(--color-success)}.sliding-scale-sm .sliding-scale-input::-webkit-slider-runnable-track{height:4px}.sliding-scale-sm .sliding-scale-input::-webkit-slider-thumb{width:14px;height:14px;margin-top:-5px}.sliding-scale-lg .sliding-scale-input::-webkit-slider-runnable-track{height:12px}.sliding-scale-lg .sliding-scale-input::-webkit-slider-thumb{width:26px;height:26px;margin-top:-7px}.sliding-scale-info{display:flex;justify-content:space-between;align-items:center}.sliding-scale-value{font-size:var(--text-lg);font-weight:600;color:var(--scale-color);font-variant-numeric:tabular-nums}.sliding-scale-label{font-size:var(--text-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.progress-bar{display:flex;align-items:center;gap:var(--space-2);width:100%}.progress-bar-track{flex:1;background:var(--color-bg-secondary);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-base)}.progress-bar-sm .progress-bar-track{height:4px}.progress-bar-md .progress-bar-track{height:8px}.progress-bar-lg .progress-bar-track{height:12px}.progress-bar-primary{background:var(--color-primary)}.progress-bar-success{background:var(--color-success)}.progress-bar-warning{background:var(--color-warning)}.progress-bar-error{background:var(--color-error)}.progress-bar-info{background:var(--color-info)}.progress-bar-animated{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem;animation:progress-bar-stripes 1s linear infinite}@keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}.progress-bar-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);font-variant-numeric:tabular-nums;min-width:3ch}.timer{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.timer-display{font-family:SF Mono,Fira Code,Consolas,monospace;font-variant-numeric:tabular-nums;letter-spacing:.05em;transition:color var(--transition-fast)}.timer-controls{display:flex;gap:var(--space-2)}.timer-sm .timer-display{font-size:var(--text-2xl)}.timer-md .timer-display{font-size:var(--text-4xl)}.timer-lg .timer-display{font-size:var(--text-6xl)}.timer-warning .timer-display{color:var(--color-warning);animation:timer-pulse 1s ease-in-out infinite}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.6}}.timer-complete .timer-display{color:var(--color-error)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.pagination-info{font-size:var(--text-sm);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.pagination-info strong{color:var(--color-text);font-weight:600}.pagination-jump{display:flex;align-items:center;gap:var(--space-2);margin-left:var(--space-2);padding-left:var(--space-3);border-left:1px solid var(--color-border)}.pagination-jump-input{width:60px;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:var(--text-sm);text-align:center}.pagination-jump-input:focus{outline:none;border-color:var(--color-primary)}.pagination-jump-input:disabled{opacity:.5;cursor:not-allowed}.pagination-jump-input::-webkit-outer-spin-button,.pagination-jump-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pagination-jump-input[type=number]{-moz-appearance:textfield}.pagination-sm{gap:var(--space-2)}.pagination-sm .pagination-info{font-size:var(--text-xs)}.pagination-lg{gap:var(--space-4)}.pagination-lg .pagination-info{font-size:var(--text-base)}.hero{padding:var(--space-16) var(--space-4)}.hero-center{text-align:center}.hero-center .hero-content{max-width:800px;margin:0 auto}.hero-left{text-align:left}.hero-left .hero-content{max-width:600px}.hero-title{font-size:clamp(var(--text-3xl),5vw,var(--text-4xl));font-weight:var(--font-bold);line-height:var(--leading-tight);margin-bottom:var(--space-4)}.hero-subtitle{font-size:var(--text-xl);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.hero-actions{display:flex;gap:var(--space-4);flex-wrap:wrap}.hero-center .hero-actions{justify-content:center}@media(max-width:480px){.hero{padding:var(--space-10) var(--space-4)}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%}}.accordion{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.accordion-item{border-bottom:1px solid var(--color-border)}.accordion-item:last-child{border-bottom:none}.accordion-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4) var(--space-5);font-size:var(--text-base);font-weight:var(--font-medium);text-align:left;color:var(--color-text);background-color:var(--color-surface);border:none;cursor:pointer;transition:background-color var(--transition-fast)}.accordion-trigger:hover{background-color:var(--color-bg-secondary)}.accordion-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.accordion-title{flex:1}.accordion-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-muted);transition:transform var(--transition-fast)}.accordion-item-open .accordion-icon{color:var(--color-primary)}.accordion-content{overflow:hidden}.accordion-content[hidden]{display:none}.accordion-body{padding:0 var(--space-5) var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.back-to-top{position:fixed;bottom:var(--space-6);right:var(--space-6);width:48px;height:48px;border:none;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;cursor:pointer;box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);z-index:100;animation:back-to-top-fade-in .2s ease-out}.back-to-top:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.back-to-top:active{transform:translateY(0)}.back-to-top svg{width:24px;height:24px}@keyframes back-to-top-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.copy-button{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.copy-button:hover{background:var(--color-bg-secondary);color:var(--color-text)}.copy-button-copied,.copy-button-copied:hover{color:var(--color-success)}.copy-button-icon{flex-shrink:0}.copy-button-sm .copy-button-icon{width:14px;height:14px}.copy-button-md .copy-button-icon{width:18px;height:18px}.copy-button-lg .copy-button-icon{width:22px;height:22px}.copy-button-label{font-size:var(--text-sm)}.infinite-scroll{width:100%}.infinite-scroll-sentinel{height:1px;width:100%}.infinite-scroll-loader{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm)}.infinite-scroll-spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:infinite-scroll-spin .8s linear infinite}@keyframes infinite-scroll-spin{to{transform:rotate(360deg)}}.infinite-scroll-end{text-align:center;padding:var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm)}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.6em;padding:.15em .4em;font-family:inherit;font-weight:500;line-height:1;color:var(--color-text);background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-secondary) 100%);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 2px 0 var(--color-border),inset 0 -1px 0 var(--color-border)}.kbd-sm{font-size:var(--text-xs);padding:.1em .3em}.kbd-md{font-size:var(--text-sm)}.kbd-lg{font-size:var(--text-base);padding:.2em .5em}.kbd-group{display:inline-flex;align-items:center;gap:.25em}.kbd-separator{color:var(--color-text-secondary);font-size:.8em}.lazy-image{position:relative;overflow:hidden;background:var(--color-bg-secondary)}.lazy-image-img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--transition-base)}.lazy-image-img.lazy-image-loaded{opacity:1}.lazy-image-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary)}.lazy-image-spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:lazy-image-spin .8s linear infinite}@keyframes lazy-image-spin{to{transform:rotate(360deg)}}.lazy-image-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:var(--text-sm)}.notification-badge-wrapper{position:relative;display:inline-flex}.notification-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-full);font-size:11px;font-weight:600;line-height:18px;text-align:center;color:#fff;box-shadow:0 0 0 2px var(--color-bg)}.notification-badge-dot{min-width:8px;width:8px;height:8px;padding:0;top:-2px;right:-2px}.notification-badge-error{background:var(--color-error)}.notification-badge-warning{background:var(--color-warning);color:#000}.notification-badge-success{background:var(--color-success)}.notification-badge-primary{background:var(--color-primary)}.notification-badge-info{background:var(--color-info)}.offline-banner{position:fixed;top:0;left:0;right:0;padding:var(--space-2) var(--space-4);background:var(--color-warning);color:var(--color-warning-contrast, #000);text-align:center;font-size:var(--text-sm);font-weight:500;z-index:9999;display:flex;align-items:center;justify-content:center;gap:var(--space-2);animation:offline-banner-slide-in .3s ease-out}.offline-banner-icon{font-size:var(--text-base)}@keyframes offline-banner-slide-in{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.read-more-clamped{display:-webkit-box;-webkit-line-clamp:var(--read-more-lines, 3);-webkit-box-orient:vertical;overflow:hidden}.read-more-toggle{display:inline;padding:0;margin-top:var(--space-1);border:none;background:none;color:var(--color-primary);font-size:inherit;font-weight:500;cursor:pointer;transition:color var(--transition-fast)}.read-more-toggle:hover{color:var(--color-primary-dark);text-decoration:underline}.blog-composer{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);overflow:hidden;position:relative}.blog-composer-toolbar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);flex-wrap:wrap;gap:var(--space-2)}.blog-composer-toolbar-left,.blog-composer-toolbar-right{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.blog-composer-divider{width:1px;height:20px;background:var(--color-border);margin:0 var(--space-1)}.blog-composer-dirty{font-size:var(--text-xs);color:var(--color-warning)}.blog-composer-format-bar{display:flex;align-items:center;padding:var(--space-2) var(--space-3);gap:var(--space-1);border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-wrap:wrap}.blog-composer-format-btn{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text);font-size:var(--text-sm);font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.blog-composer-format-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-border)}.blog-composer-format-btn:active{background:var(--color-border)}.blog-composer-format-btn.format-bold{font-weight:700}.blog-composer-format-btn.format-italic{font-style:italic}.blog-composer-format-btn.format-strike{text-decoration:line-through}.blog-composer-format-divider{width:1px;height:24px;background:var(--color-border);margin:0 var(--space-1)}.blog-composer-popover{position:absolute;top:90px;left:50%;transform:translate(-50%);z-index:100;animation:popover-in .15s ease-out}@keyframes popover-in{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.blog-composer-popover-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-lg);min-width:300px}.blog-composer-popover-title{font-weight:var(--font-semibold);margin-bottom:var(--space-3)}.blog-composer-popover-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:var(--text-sm);margin-bottom:var(--space-2)}.blog-composer-popover-input:focus{outline:none;border-color:var(--color-primary)}.blog-composer-popover-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3)}.blog-composer-content{flex:1;min-height:400px}.blog-composer-editor{display:flex;flex-direction:column;height:100%}.blog-composer-title-input{width:100%;padding:var(--space-4);border:none;border-bottom:1px solid var(--color-border);font-size:var(--text-2xl);font-weight:600;background:transparent;color:var(--color-text)}.blog-composer-title-input:focus{outline:none;background:var(--color-bg-secondary)}.blog-composer-title-input::placeholder{color:var(--color-text-secondary)}.blog-composer-title-count{padding:var(--space-1) var(--space-4);font-size:var(--text-xs);color:var(--color-text-secondary);text-align:right;background:var(--color-bg-secondary)}.blog-composer-content-input{flex:1;width:100%;padding:var(--space-4);border:none;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:var(--text-base);line-height:1.6;resize:none;background:transparent;color:var(--color-text)}.blog-composer-content-input:focus{outline:none;background:var(--color-bg-secondary)}.blog-composer-content-input::placeholder{color:var(--color-text-secondary);font-family:inherit}.blog-composer-content-count{display:flex;justify-content:space-between;padding:var(--space-2) var(--space-4);font-size:var(--text-xs);color:var(--color-text-secondary);background:var(--color-bg-secondary);border-top:1px solid var(--color-border)}.blog-composer-hint{opacity:.7}.blog-composer-preview{padding:var(--space-6);min-height:400px}.blog-composer-preview-title{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-6);color:var(--color-text)}.blog-composer-preview-body{line-height:1.7;color:var(--color-text)}.blog-composer-preview-body h1,.blog-composer-preview-body h2,.blog-composer-preview-body h3{margin-top:var(--space-6);margin-bottom:var(--space-3);font-weight:600}.blog-composer-preview-body h1{font-size:var(--text-2xl)}.blog-composer-preview-body h2{font-size:var(--text-xl)}.blog-composer-preview-body h3{font-size:var(--text-lg)}.blog-composer-preview-body p{margin-bottom:var(--space-4)}.blog-composer-preview-body ul,.blog-composer-preview-body ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.blog-composer-preview-body li{margin-bottom:var(--space-1)}.blog-composer-preview-body a{color:var(--color-primary);text-decoration:underline}.blog-composer-preview-body code{padding:.2em .4em;background:var(--color-bg-secondary);border-radius:var(--radius-sm);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.9em}.blog-composer-preview-body pre{padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--space-4)}.blog-composer-preview-body pre code{padding:0;background:none}.blog-composer-preview-body blockquote{padding-left:var(--space-4);border-left:3px solid var(--color-border);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.blog-composer-preview-body hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-6) 0}.blog-composer-advanced{border-top:1px solid var(--color-border);background:var(--color-surface)}.blog-composer-advanced-header{padding:var(--space-3) var(--space-4);font-weight:var(--font-semibold);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:var(--space-3)}.blog-composer-advanced-note{font-size:var(--text-xs);font-weight:400;color:var(--color-text-secondary)}.blog-composer-guide-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.blog-composer-guide-table th{padding:var(--space-2) var(--space-4);text-align:left;font-weight:var(--font-semibold);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);color:var(--color-primary)}.blog-composer-guide-table td{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);vertical-align:top}.blog-composer-guide-table tr:last-child td{border-bottom:none}.blog-composer-guide-table .guide-element{font-weight:var(--font-medium);color:var(--color-primary);white-space:nowrap;width:120px}.blog-composer-guide-table .guide-syntax pre{margin:0;padding:0;background:transparent;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:var(--text-xs);white-space:pre-wrap;word-break:break-word;color:var(--color-text)}@media(max-width:640px){.blog-composer-format-bar{padding:var(--space-2)}.blog-composer-format-btn{min-width:28px;height:28px;font-size:var(--text-xs)}.blog-composer-popover{left:var(--space-4);right:var(--space-4);transform:none}.blog-composer-popover-content{min-width:auto}}.tabs{width:100%}.tabs-list{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4)}.tabs-tab{padding:var(--space-2) var(--space-4);border:none;background:none;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;position:relative;transition:color var(--transition-fast)}.tabs-tab:hover:not(:disabled){color:var(--color-text)}.tabs-tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:var(--radius-sm)}.tabs-tab:disabled{opacity:.5;cursor:not-allowed}.tabs-tab-active{color:var(--color-primary)}.tabs-tab-active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--color-primary)}.tabs-panel{animation:tabs-panel-fade-in .15s ease-out}@keyframes tabs-panel-fade-in{0%{opacity:0}to{opacity:1}}.breadcrumb{font-size:var(--text-sm)}.breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;list-style:none;padding:0;margin:0;gap:var(--space-1)}.breadcrumb-item{display:flex;align-items:center;gap:var(--space-1)}.breadcrumb-separator{color:var(--color-text-secondary);margin:0 var(--space-1)}.breadcrumb-link{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}a.breadcrumb-link:hover{color:var(--color-primary);text-decoration:underline}.breadcrumb-button{padding:0;border:none;background:none;font:inherit;cursor:pointer}.breadcrumb-button:hover{color:var(--color-primary);text-decoration:underline}.breadcrumb-current{color:var(--color-text);font-weight:500}.tag-input{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);cursor:text;transition:border-color var(--transition-fast)}.tag-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.tag-input-disabled{opacity:.6;cursor:not-allowed}.tag-input-tags{display:flex;flex-wrap:wrap;gap:var(--space-1);flex:1;align-items:center}.tag-input-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-size:var(--text-sm);animation:tag-input-pop-in .15s ease-out}@keyframes tag-input-pop-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.tag-input-tag-text{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-input-tag-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;border-radius:50%;background:#fff3;color:#fff;font-size:14px;line-height:1;cursor:pointer;transition:background var(--transition-fast)}.tag-input-tag-remove:hover{background:#fff6}.tag-input-input{flex:1;min-width:100px;padding:var(--space-1);border:none;background:transparent;color:var(--color-text);font-size:var(--text-base);outline:none}.tag-input-input::placeholder{color:var(--color-text-secondary)}.tag-input-count{font-size:var(--text-xs);color:var(--color-text-secondary);padding-top:var(--space-1)}.relative-time{cursor:default}.relative-time[title]{cursor:help;border-bottom:1px dotted var(--color-text-secondary)}.currency-input{display:flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);overflow:hidden;transition:border-color var(--transition-fast)}.currency-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.currency-input-symbol{padding:var(--space-2) var(--space-3);padding-right:0;color:var(--color-text-secondary);font-weight:500;-webkit-user-select:none;user-select:none}.currency-input-field{flex:1;padding:var(--space-2) var(--space-3);border:none;background:transparent;color:var(--color-text);font-size:var(--text-base);font-variant-numeric:tabular-nums;outline:none}.currency-input-field::placeholder{color:var(--color-text-secondary)}.currency-input-field:disabled{opacity:.6;cursor:not-allowed}.image-with-fallback{position:relative;display:inline-block}.image-fallback-img{display:block;max-width:100%;height:auto}.image-fallback-hidden{opacity:0;position:absolute}.image-fallback-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary)}.image-fallback-spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:image-fallback-spin .8s linear infinite}@keyframes image-fallback-spin{to{transform:rotate(360deg)}}.image-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);background:var(--color-bg-secondary);color:var(--color-text-secondary);border-radius:var(--radius-md);padding:var(--space-4)}.image-fallback-icon{font-size:var(--text-2xl);opacity:.5}.image-fallback-text{font-size:var(--text-sm)}.wizard{width:100%}.wizard-step{display:flex;flex-direction:column;gap:var(--space-6)}.wizard-progress{display:flex;align-items:center;gap:var(--space-3)}.wizard-progress-text{font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap}.wizard-header{text-align:center}.wizard-title{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-2)}.wizard-description{color:var(--color-text-secondary);font-size:var(--text-base)}.wizard-content{min-height:150px}.wizard-nav{display:flex;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.wizard-indicators{display:flex;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-6)}.wizard-indicator{width:32px;height:32px;border:2px solid var(--color-border);border-radius:50%;background:var(--color-bg);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.wizard-indicator:disabled{cursor:not-allowed;opacity:.5}.wizard-indicator:not(:disabled):hover{border-color:var(--color-primary)}.wizard-indicator-active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.wizard-indicator-complete{border-color:var(--color-success);background:var(--color-success);color:#fff}.wizard-indicator-complete:not(:disabled):hover{border-color:var(--color-success);opacity:.9}.sortable-list{width:100%}.sortable-list-items{display:flex;flex-direction:column;gap:var(--space-2)}.sortable-item{padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:grab;-webkit-user-select:none;user-select:none;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.sortable-item:hover{border-color:var(--color-primary)}.sortable-item:active{cursor:grabbing}.sortable-item-dragging{opacity:.5}.sortable-item-overlay{transform:scale(1.05) rotate(2deg);box-shadow:0 20px 40px #00000040,0 10px 20px #00000026,0 0 0 1px var(--color-primary);z-index:999;animation:sortable-lift .15s ease-out;border-color:var(--color-primary);background:var(--color-bg)}@keyframes sortable-lift{0%{transform:scale(1) rotate(0);box-shadow:0 2px 4px #0000001a}to{transform:scale(1.05) rotate(2deg);box-shadow:0 20px 40px #00000040,0 10px 20px #00000026}}.sortable-list-save{margin-top:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background var(--transition-fast);animation:sortable-save-appear .2s ease-out}.sortable-list-save:hover:not(:disabled){background:var(--color-primary-dark)}.sortable-list-save:disabled{opacity:.7;cursor:not-allowed}@keyframes sortable-save-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.kanban{width:100%;overflow-x:auto}.kanban-columns{display:flex;gap:var(--space-4);min-width:min-content}.kanban-column{flex:0 0 280px;background:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex;flex-direction:column;max-height:500px}.kanban-column-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.kanban-column-title{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin:0}.kanban-column-count{font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2);background:var(--color-bg);border-radius:var(--radius-full);color:var(--color-text-secondary)}.kanban-column-content{flex:1;overflow-y:auto;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);min-height:100px}.kanban-column-empty{text-align:center;padding:var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm);border:2px dashed var(--color-border);border-radius:var(--radius-md)}.kanban-card{padding:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:grab;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.kanban-card:hover{border-color:var(--color-primary)}.kanban-card:active{cursor:grabbing}.kanban-card-dragging{opacity:.5}.kanban-card-overlay{transform:scale(1.05) rotate(2deg);box-shadow:0 20px 40px #00000040,0 10px 20px #00000026;border-color:var(--color-primary);z-index:999}.reorderable-grid{display:grid;grid-template-columns:repeat(var(--grid-columns, 3),1fr);gap:var(--grid-gap, var(--space-3))}.grid-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:grab;transition:box-shadow var(--transition-fast),border-color var(--transition-fast);overflow:hidden}.grid-item:hover{border-color:var(--color-primary)}.grid-item:active{cursor:grabbing}.grid-item-dragging{opacity:.5}.grid-item-overlay{transform:scale(1.05) rotate(2deg);box-shadow:0 20px 40px #00000040,0 10px 20px #00000026;border-color:var(--color-primary);z-index:999}@media(max-width:768px){.reorderable-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.reorderable-grid{grid-template-columns:1fr}}.file-drop-zone{position:relative;padding:var(--space-8);border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);text-align:center;cursor:pointer;transition:all var(--transition-fast)}.file-drop-zone:hover:not(.file-drop-zone-disabled){border-color:var(--color-primary);background:var(--color-bg-secondary)}.file-drop-zone:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.file-drop-zone-active{border-color:var(--color-primary);background:var(--color-primary-light);border-style:solid}.file-drop-zone-disabled{opacity:.6;cursor:not-allowed}.file-drop-zone-error{border-color:var(--color-error)}.file-drop-zone-input{display:none}.file-drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.file-drop-zone-icon{font-size:var(--text-4xl);line-height:1}.file-drop-zone-text{font-size:var(--text-base);color:var(--color-text)}.file-drop-zone-hint{font-size:var(--text-sm);color:var(--color-text-secondary)}.file-drop-zone-error-text{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-error);font-weight:500}.file-upload{width:100%}.file-upload-complete{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.file-upload-preview{display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);min-height:150px}.file-upload-image{max-width:100%;max-height:300px;object-fit:contain}.file-upload-image-uploading{opacity:.5}.file-upload-file-info{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6);text-align:center}.file-upload-file-icon{font-size:var(--text-4xl)}.file-upload-file-name{font-size:var(--text-sm);color:var(--color-text-secondary);word-break:break-all}.file-upload-actions{display:flex;justify-content:center;padding:var(--space-3);border-top:1px solid var(--color-border)}.file-upload-progress{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.file-upload-progress-info{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.file-upload-progress-text{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center}.file-upload-error{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-error-light, #fef2f2);color:var(--color-error);border-radius:var(--radius-md);font-size:var(--text-sm)}.comment-section{width:100%}.comment-section-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-4)}.comment-section-loading,.comment-section-error{text-align:center;padding:var(--space-6);color:var(--color-text-secondary)}.comment-section-login{text-align:center;padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.comment-section-login a{color:var(--color-primary);text-decoration:underline}.comment-form{margin-bottom:var(--space-6)}.comment-form-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}.comment-list{display:flex;flex-direction:column;gap:var(--space-4)}.comment-list-empty{text-align:center;padding:var(--space-6);color:var(--color-text-secondary)}.comment{display:flex;gap:var(--space-3)}.comment-reply{margin-left:var(--space-8);padding-left:var(--space-4);border-left:2px solid var(--color-border)}.comment-content{flex:1;min-width:0}.comment-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.comment-author{font-weight:500;font-size:var(--text-sm)}.comment-time{font-size:var(--text-xs);color:var(--color-text-secondary)}.comment-body{font-size:var(--text-base);line-height:1.5;margin-bottom:var(--space-2);white-space:pre-wrap;word-wrap:break-word}.comment-actions{display:flex;gap:var(--space-3)}.comment-action{padding:0;border:none;background:none;font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast)}.comment-action:hover{color:var(--color-primary)}.comment-action-delete:hover{color:var(--color-error)}.comment-edit{margin-bottom:var(--space-2)}.comment-edit-textarea{width:100%;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:var(--text-base);line-height:1.5;resize:vertical}.comment-edit-textarea:focus{outline:none;border-color:var(--color-primary)}.comment-edit-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}.comment-replies{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.chart-container{width:100%}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--color-border)}.recharts-legend-item-text{color:var(--color-text)!important}.recharts-tooltip-wrapper{outline:none}.recharts-default-tooltip{background:var(--color-bg)!important;border-color:var(--color-border)!important}.recharts-tooltip-label{color:var(--color-text)!important;font-weight:600}.recharts-tooltip-item{color:var(--color-text-secondary)!important}.items-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.items-header h1{margin:0}.items-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.items-toolbar-right{display:flex;align-items:center;gap:var(--space-3)}.items-limit-select{width:auto;min-width:140px;margin-bottom:0}.items-limit-select .form-input{padding:var(--space-2) var(--space-3)}.items-loading,.items-list{display:flex;flex-direction:column;gap:var(--space-4)}.item-card{transition:box-shadow var(--transition-fast)}.item-card:hover{box-shadow:var(--shadow-md)}.item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.item-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.item-description{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-bottom:var(--space-4);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-3);border-top:1px solid var(--color-border-light)}.item-date{font-size:var(--text-sm);color:var(--color-text-muted)}.item-actions{display:flex;gap:var(--space-2)}.items-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-8)}.pagination-info{font-size:var(--text-sm);color:var(--color-text-secondary)}@media(max-width:640px){.items-toolbar{flex-direction:column;align-items:stretch}.items-toolbar-right{justify-content:flex-end}.item-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.item-footer{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.item-actions{width:100%;justify-content:flex-end}}.blog-page{padding:var(--space-8) var(--space-4);max-width:900px}.blog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);flex-wrap:wrap;gap:var(--space-4)}.blog-header h1{margin:0}.blog-header-actions{display:flex;align-items:center;gap:var(--space-3)}.blog-section{margin-bottom:var(--space-10)}.blog-section h2{font-size:var(--text-xl);margin-bottom:var(--space-4);color:var(--color-text-secondary)}.blog-list,.blog-loading{display:flex;flex-direction:column;gap:var(--space-4)}.blog-error{margin-bottom:var(--space-6)}.blog-card{background:var(--color-surface)}.blog-card-header{display:flex;align-items:center;gap:var(--space-2);width:100%}.blog-card-title{flex:1;font-weight:var(--font-semibold)}.blog-card-meta{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.blog-attribution{font-size:var(--text-sm);color:var(--color-text-secondary)}.blog-card-body{line-height:1.7}.blog-card-body h1,.blog-card-body h2,.blog-card-body h3{margin-top:var(--space-4);margin-bottom:var(--space-2)}.blog-card-body p{margin-bottom:var(--space-3)}.blog-card-body ul,.blog-card-body ol{margin-bottom:var(--space-3);padding-left:var(--space-5)}.blog-card-body pre{padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--space-3)}.blog-card-body code{padding:.1em .3em;background:var(--color-bg-secondary);border-radius:var(--radius-sm);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.9em}.blog-card-body pre code{padding:0;background:none}.blog-card-body blockquote{padding-left:var(--space-4);border-left:3px solid var(--color-border);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.blog-card-body a{color:var(--color-primary);text-decoration:underline}.blog-card-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.guest-modal-intro{margin-bottom:var(--space-4)}.guest-modal-intro p{color:var(--color-text-secondary);margin-bottom:var(--space-4)}.guest-name-field{display:flex;flex-direction:column;gap:var(--space-2)}.guest-name-field label{font-size:var(--text-sm);font-weight:var(--font-medium)}.guest-name-input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:var(--text-sm)}.guest-name-input:focus{outline:none;border-color:var(--color-primary)}@media(max-width:640px){.blog-header{flex-direction:column;align-items:flex-start}.blog-card-actions{flex-wrap:wrap}}.option-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.option-button{flex:0 0 auto;max-width:100%;white-space:normal;text-align:left;line-height:1.3}.option-button.selected{opacity:1}.option-button:disabled:not(.selected){opacity:.5}.message-bubble{display:flex;gap:var(--space-3);margin-bottom:var(--space-4);max-width:85%}.message-bubble.user{flex-direction:row-reverse;margin-left:auto}.message-bubble.assistant{margin-right:auto}.bubble-avatar{flex-shrink:0;align-self:flex-end}.bubble-content{flex:1;min-width:0}.bubble-text{background-color:var(--color-bg-secondary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);line-height:var(--leading-relaxed)}.message-bubble.user .bubble-text{background-color:var(--color-primary);color:var(--color-text-inverse)}.message-bubble.assistant .bubble-text{background-color:var(--color-bg-tertiary)}.bubble-card{max-width:100%;overflow:hidden}.bubble-card-image{width:100%;height:auto;max-height:200px;object-fit:cover}.bubble-card-title{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-primary)}.bubble-card-body{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.bubble-card-body p{margin:var(--space-1) 0}.bubble-card-body .bullet-item{display:block;padding-left:var(--space-2)}.bubble-options{display:flex;flex-direction:column}.input-bar{display:flex;gap:var(--space-2);padding:var(--space-3);background-color:var(--color-surface);border-top:1px solid var(--color-border)}.input-bar-field{flex:1;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg);color:var(--color-text);font-size:var(--text-base);transition:border-color var(--transition-fast)}.input-bar-field:focus{outline:none;border-color:var(--color-primary)}.input-bar-field:disabled{background-color:var(--color-bg-secondary);cursor:not-allowed}.input-bar-field::placeholder{color:var(--color-text-muted)}.input-bar-submit{flex-shrink:0}.chat-window{display:flex;flex-direction:column;height:100%;max-height:min(600px,80vh);width:100%;max-width:500px;margin:0 auto;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.chat-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-primary);color:var(--color-text-inverse)}.chat-header-avatar{font-size:var(--text-2xl)}.chat-header-info{flex:1}.chat-header-title{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold)}.chat-header-status{font-size:var(--text-sm);opacity:.9}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-4);background-color:var(--color-bg)}.chat-typing{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-4)}.chat-ended-banner{padding:var(--space-3);background-color:var(--color-bg-secondary);text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary);border-top:1px solid var(--color-border)}@media(max-width:600px){.chat-window{max-height:100vh;max-height:100dvh;max-width:100%;border-radius:0;border:none}.chat-messages{overscroll-behavior:contain}}.chat-page{display:flex;align-items:center;justify-content:center;height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));padding:var(--space-4);overflow:hidden}.chat-v2{min-height:100vh;background:linear-gradient(90deg,rgba(0,0,0,.1) 0%,transparent 2%,transparent 98%,rgba(0,0,0,.1) 100%),linear-gradient(0deg,rgba(0,0,0,.05) 0%,transparent 50%,rgba(0,0,0,.05) 100%);background-color:#5c3d2e;background-size:60px 100%,100% 20px;padding:1rem;display:flex;justify-content:center;align-items:flex-start}.chat-frame{width:100%;max-width:900px;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;border:8px solid #3d2817;border-radius:4px;box-shadow:inset 0 0 20px #0000004d,0 8px 32px #00000080;background:repeating-linear-gradient(90deg,#6b4423,#7a5033,#6b4423 16px)}.chat-plaque{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(180deg,#c9a96e,#a8864a,#8b6914);border:3px solid #5a4220;border-radius:4px;box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0003,0 4px 8px #0000004d}.plaque-content{text-align:center;flex:1}.plaque-content h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.75rem;font-weight:700;color:#2a1f14;text-shadow:1px 1px 0 rgba(255,255,255,.2);letter-spacing:1px}.plaque-subtitle{margin:.25rem 0;font-family:Georgia,serif;font-size:1rem;color:#3d2817;font-variant:small-caps;letter-spacing:2px}.plaque-established{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:.5rem 0;font-family:Georgia,serif;font-size:.875rem;color:#3d2817}.plaque-logo{font-size:1.5rem}.plaque-tagline{margin:0;font-family:Georgia,serif;font-size:.75rem;color:#4a3520;font-style:italic;letter-spacing:1px}.new-chat-btn{padding:.625rem 1.25rem;background:linear-gradient(180deg,#4a4a4a,#2d2d2d);color:#e8e8e8;border:2px solid #1a1a1a;border-radius:4px;cursor:pointer;font-family:Georgia,serif;font-size:.875rem;font-weight:500;box-shadow:inset 0 1px #ffffff1a,0 2px 4px #0000004d;transition:all .2s}.new-chat-btn:hover{background:linear-gradient(180deg,#5a5a5a,#3d3d3d)}.chat-parchment{background:linear-gradient(135deg,rgba(0,0,0,.02) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.02) 50%,rgba(0,0,0,.02) 75%,transparent 75%);background-color:#f4e9d5;background-size:20px 20px;border:1px solid #c9b896;border-radius:2px;box-shadow:inset 0 0 30px #8b6d4233,0 2px 8px #0003;position:relative}.chat-parchment:before,.chat-parchment:after{content:"";position:absolute;top:-6px;width:12px;height:12px;background:radial-gradient(circle at 30% 30%,#d4a84b,#8b6914);border-radius:50%;box-shadow:inset -1px -1px 2px #0000004d,0 2px 3px #0000004d}.chat-parchment:before{left:20px}.chat-parchment:after{right:20px}.chat-messages{padding:1.5rem;min-height:300px;max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.chat-welcome{text-align:center;padding:2rem 1rem;color:#4a3520}.welcome-avatar{width:80px;height:80px;border-radius:50%;margin-bottom:1rem;border:3px solid #8b6914;box-shadow:0 2px 8px #0003}.chat-welcome h2{margin:0 0 .5rem;font-family:Georgia,serif;font-size:1.5rem;color:#2a1f14}.chat-welcome p{margin:.25rem 0;font-family:Georgia,serif;line-height:1.6}.chat-message{display:flex;gap:.75rem;max-width:85%}.chat-message.user{align-self:flex-end;flex-direction:row-reverse}.chat-message.assistant{align-self:flex-start}.message-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#2a1f14;border:2px solid #8b6914}.message-avatar img{width:100%;height:100%;object-fit:cover}.message-avatar .user-icon{font-size:1.5rem}.message-content{padding:.75rem 1rem;border-radius:8px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;font-family:Georgia,serif}.chat-message.user .message-content{background:#d4c4a8;color:#2a1f14;border:1px solid #b8a88c;border-bottom-right-radius:2px}.chat-message.assistant .message-content{background:#fff9ed;color:#2a1f14;border:1px solid #d4c4a8;border-bottom-left-radius:2px}.message-content.typing{display:flex;gap:6px;padding:1rem 1.25rem}.message-content.typing .dot{width:8px;height:8px;background:#8b6914;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.message-content.typing .dot:nth-child(1){animation-delay:-.32s}.message-content.typing .dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.products-bar{display:flex;gap:.75rem;padding:1rem;background:linear-gradient(180deg,#c9a96e,#a8864a);border:2px solid #5a4220;border-radius:4px;box-shadow:inset 0 1px #fff3,0 2px 6px #0000004d}.product-btn{flex:1;display:flex;flex-direction:column;align-items:center;padding:.75rem;background:linear-gradient(180deg,#d4b896,#c9a96e);border:2px solid #8b6914;border-radius:4px;text-decoration:none;color:#2a1f14;box-shadow:inset 0 1px #ffffff4d,0 2px 4px #0003;transition:all .2s}.product-btn:hover{background:linear-gradient(180deg,#e4c8a6,#d9b97e);transform:translateY(-1px);box-shadow:inset 0 1px #fff6,0 4px 8px #00000040}.product-name{font-family:Georgia,serif;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.product-subtitle{font-family:Georgia,serif;font-size:.75rem;color:#5a4220;margin-top:.125rem}.product-desc{font-family:Georgia,serif;font-size:.6875rem;color:#6b4423;margin-top:.375rem;text-align:center;line-height:1.3}.shop-btn{display:inline-block;align-self:flex-start;padding:.75rem 1.5rem;background:linear-gradient(180deg,#8b4513,#5c2d0e);color:#f4e9d5;border:2px solid #3d1f0a;border-radius:4px;text-decoration:none;font-family:Georgia,serif;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:inset 0 1px #ffffff1a,0 2px 6px #0000004d;transition:all .2s}.shop-btn:hover{background:linear-gradient(180deg,#a05a23,#6c3d1e)}.chat-input-form{display:flex;gap:.75rem;padding:1rem;background:linear-gradient(135deg,rgba(0,0,0,.02) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.02) 50%,rgba(0,0,0,.02) 75%,transparent 75%);background-color:#d4c4a8;background-size:10px 10px;border:2px solid #a08060;border-radius:4px}.chat-input-form textarea{flex:1;padding:.75rem 1rem;border:1px solid #b8a88c;border-radius:4px;background:#f4e9d5;color:#2a1f14;font-family:Georgia,serif;font-size:1rem;resize:none;min-height:44px;max-height:120px}.chat-input-form textarea::placeholder{color:#8b7355;font-style:italic}.chat-input-form textarea:focus{outline:none;border-color:#8b6914;box-shadow:0 0 0 2px #8b691433}.chat-input-form textarea:disabled{opacity:.6}.chat-input-form button{padding:.75rem 1.5rem;background:linear-gradient(180deg,#c9a96e,#a8864a);color:#2a1f14;border:2px solid #8b6914;border-radius:4px;cursor:pointer;font-family:Georgia,serif;font-size:1rem;font-weight:700;box-shadow:inset 0 1px #ffffff4d,0 2px 4px #0003;transition:all .2s}.chat-input-form button:hover:not(:disabled){background:linear-gradient(180deg,#d9b97e,#b8965a)}.chat-input-form button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.chat-v2{padding:.5rem}.chat-frame{padding:1rem;border-width:4px}.chat-plaque{flex-direction:column;gap:.75rem;padding:1rem}.plaque-content h1{font-size:1.25rem}.new-chat-btn{width:100%}.chat-messages{padding:1rem;min-height:250px;max-height:350px}.products-bar{flex-direction:column}.product-btn{padding:.625rem}.product-name{font-size:.875rem}.product-desc{font-size:.625rem}.chat-message{max-width:90%}.message-avatar{width:32px;height:32px}.message-avatar .user-icon{font-size:1.25rem}}@media(max-width:480px){.chat-frame{padding:.75rem;gap:.5rem}.plaque-content h1{font-size:1.125rem}.plaque-subtitle{font-size:.875rem}.chat-messages{padding:.75rem;max-height:300px}.welcome-avatar{width:60px;height:60px}.chat-welcome h2{font-size:1.25rem}.message-content{padding:.625rem .75rem;font-size:.9375rem}.shop-btn{width:100%;text-align:center}.chat-input-form{padding:.75rem}.chat-input-form button{padding:.75rem 1rem}}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#8b69141a;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb{background:#a8864a;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#8b6914}.admin-v2{min-height:100vh;background:var(--color-bg)}.admin-v2.loading{display:flex;align-items:center;justify-content:center}.admin-login-box{max-width:400px;margin:100px auto;padding:2rem;background:var(--color-surface);border-radius:12px;box-shadow:0 4px 20px #0000001a;text-align:center}.admin-login-box h1{margin:0 0 1.5rem}.admin-login-box form{display:flex;flex-direction:column;gap:1rem}.admin-login-box input{padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:8px;font-size:1rem;background:var(--color-bg);color:var(--color-text)}.admin-login-box button{padding:.75rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer}.admin-login-box button:hover{opacity:.9}.admin-login-box .error{color:#e53e3e;margin-top:.5rem}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.admin-header h1{margin:0;font-size:1.25rem}.logout-btn{padding:.5rem 1rem;background:none;border:1px solid var(--color-border);border-radius:6px;cursor:pointer;color:var(--color-text-secondary)}.logout-btn:hover{background:var(--color-bg-secondary)}.admin-tabs{display:flex;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.admin-tabs button{flex:1;padding:1rem;background:none;border:none;border-bottom:2px solid transparent;font-size:1rem;cursor:pointer;color:var(--color-text-secondary)}.admin-tabs button:hover{background:var(--color-bg-secondary)}.admin-tabs button.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.admin-content{max-width:900px;margin:0 auto;padding:1.5rem}.config-section{margin-bottom:2rem}.config-header{margin-bottom:.75rem}.config-header h2{margin:0;font-size:1.125rem}.config-hint{margin:.25rem 0 0;font-size:.875rem;color:var(--color-text-secondary)}.config-section textarea{width:100%;padding:1rem;border:1px solid var(--color-border);border-radius:8px;font-size:.9rem;font-family:monospace;line-height:1.5;resize:vertical;background:var(--color-bg);color:var(--color-text)}.config-section textarea:disabled{background:var(--color-bg-secondary);cursor:not-allowed}.config-section textarea:focus{outline:none;border-color:var(--color-primary)}.config-actions{display:flex;gap:1rem;margin-top:1rem}.edit-btn,.save-btn,.cancel-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer}.edit-btn{background:var(--color-primary);color:#fff}.save-btn{background:#38a169;color:#fff}.save-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{background:none;border:1px solid var(--color-border);color:var(--color-text)}.error{color:#e53e3e;margin-bottom:1rem}.success{color:#38a169;margin-bottom:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;text-align:center}.stat-value{display:block;font-size:2rem;font-weight:700;color:var(--color-primary)}.stat-label{font-size:.875rem;color:var(--color-text-secondary)}.conversations-section h2{margin:0 0 1rem;font-size:1.125rem}.no-data{color:var(--color-text-secondary);font-style:italic}.conversations-list{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto}.convo-item{padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;cursor:pointer}.convo-item:hover{background:var(--color-bg-secondary)}.convo-item.selected{border-color:var(--color-primary);background:var(--color-bg-secondary)}.convo-meta{display:flex;justify-content:space-between;margin-bottom:.25rem}.convo-date{font-weight:500}.convo-messages{color:var(--color-text-secondary);font-size:.875rem}.convo-location{font-size:.875rem;color:var(--color-text-secondary)}.transcript-section{margin-top:2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.transcript-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--color-border)}.transcript-header h2{margin:0;font-size:1rem}.transcript-header button{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--color-text-secondary)}.transcript-meta{padding:1rem;background:var(--color-bg-secondary);font-size:.875rem}.transcript-meta p{margin:.25rem 0}.transcript-messages{padding:1rem;max-height:400px;overflow-y:auto}.transcript-msg{margin-bottom:1rem;padding:.75rem;border-radius:8px}.transcript-msg.user{background:var(--color-primary);color:#fff;margin-left:2rem}.transcript-msg.assistant{background:var(--color-bg-secondary);margin-right:2rem}.msg-role{display:block;font-weight:600;font-size:.75rem;margin-bottom:.25rem;opacity:.8}.msg-content{white-space:pre-wrap}@media(max-width:640px){.admin-content{padding:1rem}.stats-grid{grid-template-columns:1fr}.transcript-msg.user{margin-left:1rem}.transcript-msg.assistant{margin-right:1rem}}:root{--color-bg: #ffffff;--color-bg-secondary: #f9fafb;--color-bg-tertiary: #f3f4f6;--color-surface: #ffffff;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--color-text: #111827;--color-text-secondary: #4b5563;--color-text-muted: #9ca3af;--color-text-inverse: #ffffff;--color-primary: #800020;--color-primary-hover: #5c0017;--color-primary-light: #f5e6e9;--color-accent: #daa520;--color-accent-hover: #b8860b;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #06b6d4;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Fira Code", "Consolas", 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;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--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: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--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);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400;--header-height: 64px;--container-max: 1200px;--sidebar-width: 280px}[data-theme=dark]{--color-bg: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-surface: #1e293b;--color-border: #334155;--color-border-light: #475569;--color-text: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #64748b;--color-text-inverse: #0f172a;--color-primary: #a64d6a;--color-primary-hover: #800020;--color-primary-light: #3d1a24;--color-accent: #daa520;--color-accent-hover: #b8860b}@media(prefers-color-scheme:dark){:root:not([data-theme]){--color-bg: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-surface: #1e293b;--color-border: #334155;--color-border-light: #475569;--color-text: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #64748b;--color-text-inverse: #0f172a;--color-primary: #60a5fa;--color-primary-hover: #3b82f6;--color-primary-light: #1e3a5f}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-text)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit}input,textarea,select{font-family:inherit;font-size:inherit}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-4)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}#root{min-height:100vh;display:flex;flex-direction:column}main{flex:1;padding:var(--space-6) 0}