:root{--color-bg:#fff;--color-bg-secondary:#f8f8f6;--color-bg-tertiary:#f1f1ef;--color-bg-hover:rgba(55,53,47,.06);--color-bg-active:rgba(55,53,47,.12);--color-text:#1a1a1a;--color-text-secondary:#5a5a5a;--color-text-tertiary:#9b9a97;--color-text-placeholder:#b4b4b4;--color-border:rgba(55,53,47,.09);--color-border-strong:rgba(55,53,47,.16);--color-primary:#2383e2;--color-primary-hover:#1a6fcc;--color-primary-bg:rgba(35,131,226,.08);--color-primary-ring:rgba(35,131,226,.25);--color-success:#0f9d58;--color-success-bg:rgba(15,157,88,.08);--color-warning:#f4b400;--color-warning-bg:rgba(244,180,0,.08);--color-error:#db4437;--color-error-bg:rgba(219,68,55,.08);--color-accent-gray:#e3e2e0;--color-accent-brown:#eee0da;--color-accent-orange:#fadec9;--color-accent-yellow:#fdecc8;--color-accent-green:#dbeddb;--color-accent-blue:#d3e5ef;--color-accent-purple:#e8deee;--color-accent-pink:#f5e0e9;--color-accent-red:#ffe2dd;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"SF Mono",SFMono-Regular,ui-monospace,Menlo,monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow-md:0 2px 8px -2px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.04);--shadow-lg:0 8px 24px -4px rgba(0,0,0,.1),0 4px 8px -2px rgba(0,0,0,.05);--shadow-xl:0 16px 40px -8px rgba(0,0,0,.12),0 8px 16px -4px rgba(0,0,0,.06);--shadow-card:0 0 0 1px var(--color-border),0 2px 4px rgba(0,0,0,.02);--transition-fast:.1s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--transition-spring:.4s cubic-bezier(.175,.885,.32,1.275);--sidebar-width:240px;--sidebar-collapsed-width:0px;--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:300;--z-modal:400;--z-toast:500}@media(prefers-color-scheme:dark){:root{--color-bg:#191919;--color-bg-secondary:#1e1e1e;--color-bg-tertiary:#2a2a2a;--color-bg-tertiary:#2f2f2f;--color-bg-hover:hsla(0,0%,100%,.055);--color-bg-active:hsla(0,0%,100%,.1);--color-text:hsla(0,0%,100%,.9);--color-text-secondary:hsla(0,0%,100%,.6);--color-text-tertiary:hsla(0,0%,100%,.4);--color-text-placeholder:hsla(0,0%,100%,.3);--color-border:hsla(0,0%,100%,.094);--color-border-strong:hsla(0,0%,100%,.16);--color-primary:#529cca;--color-primary-hover:#6bb3e0;--color-primary-bg:rgba(82,156,202,.15);--color-accent-gray:hsla(0,0%,100%,.1);--color-accent-blue:rgba(59,130,246,.25);--color-accent-green:rgba(16,185,129,.25);--color-accent-yellow:rgba(245,158,11,.25);--color-accent-red:rgba(239,68,68,.25);--color-accent-purple:rgba(139,92,246,.3)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#__nuxt,body,html{height:100%;margin:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal)}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}img,svg{display:block;max-width:100%}.container{margin:0 auto;max-width:900px;padding:0 var(--space-6);width:100%}.container-narrow{max-width:480px}.container-wide{max-width:1200px}.h1{font-size:var(--text-3xl);font-weight:700;letter-spacing:-.02em;line-height:var(--leading-tight)}.h2{font-size:var(--text-2xl);letter-spacing:-.01em}.h2,.h3{font-weight:600;line-height:var(--leading-tight)}.h3{font-size:var(--text-xl)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.btn{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-2);height:36px;justify-content:center;padding:var(--space-2) var(--space-4);position:relative;transition:all var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.btn:active{transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.55;pointer-events:none}.btn-primary{background:var(--color-primary);box-shadow:0 1px 2px #2383e233;color:#fff}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:0 2px 6px #2383e24d}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text)}.btn-secondary:hover{background:var(--color-bg-active)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-bg-hover);color:var(--color-text)}.btn-sm{font-size:var(--text-xs);height:28px;padding:var(--space-1) var(--space-3)}.btn-lg{font-size:var(--text-base);height:44px;padding:var(--space-3) var(--space-6)}.btn-icon{padding:0;width:36px}.btn-icon.btn-sm{width:28px}.input{background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm);height:36px;outline:none;padding:var(--space-2) var(--space-3);transition:all var(--transition-fast);width:100%}.input:hover{border-color:var(--color-text-tertiary)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-bg)}.input::-moz-placeholder{color:var(--color-text-placeholder)}.input::placeholder{color:var(--color-text-placeholder)}.input-lg{font-size:var(--text-base);height:44px;padding:var(--space-3) var(--space-4)}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{color:var(--color-text);font-size:var(--text-sm);font-weight:500}.input-error{color:var(--color-error);font-size:var(--text-xs)}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-fast)}.card-hover{cursor:pointer;transition:all var(--transition-base)}.card-hover:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.divider{background:var(--color-border);height:1px;margin:var(--space-4) 0}.nav-item{align-items:center;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--space-3);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.nav-item:hover{background:var(--color-bg-hover);color:var(--color-text)}.nav-item.active{background:var(--color-bg-active);color:var(--color-text)}.nav-item-icon{flex-shrink:0;height:20px;opacity:.7;width:20px}.avatar{align-items:center;background:var(--color-bg-tertiary);border-radius:var(--radius-full);color:var(--color-text-secondary);display:flex;font-size:var(--text-sm);font-weight:600;height:32px;justify-content:center;overflow:hidden;width:32px}.avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.avatar-sm{font-size:var(--text-xs);height:24px;width:24px}.avatar-lg{font-size:var(--text-lg);height:48px;width:48px}.badge{align-items:center;background:var(--color-accent-gray);border-radius:var(--radius-sm);color:var(--color-text);display:inline-flex;font-size:var(--text-xs);font-weight:500;padding:var(--space-1) var(--space-2)}.badge-blue{background:var(--color-accent-blue)}.badge-green{background:var(--color-accent-green)}.badge-yellow{background:var(--color-accent-yellow)}.badge-red{background:var(--color-accent-red)}.badge-purple{background:var(--color-accent-purple)}.dropdown{position:relative}.dropdown-menu{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);left:0;min-width:200px;padding:var(--space-1);position:absolute;top:100%;z-index:var(--z-dropdown)}.dropdown-item{align-items:center;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--space-3);padding:var(--space-2) var(--space-3);transition:background var(--transition-fast)}.dropdown-item:hover{background:var(--color-bg-hover)}.dropdown-item-icon{height:18px;opacity:.7;width:18px}.modal-backdrop{align-items:center;background:#0f0f0f99;display:flex;inset:0;justify-content:center;padding:var(--space-6);position:fixed;z-index:var(--z-modal-backdrop)}.modal{background:var(--color-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:480px;overflow:auto;width:100%;z-index:var(--z-modal)}.modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-5) var(--space-6)}.modal-body{padding:var(--space-6)}.modal-footer{border-top:1px solid var(--color-border);display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-6)}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-16) var(--space-6);text-align:center}.empty-state-icon{height:64px;margin-bottom:var(--space-4);opacity:.3;width:64px}.empty-state-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.empty-state-description{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-6);max-width:320px}.toast{background:var(--color-text);border-radius:var(--radius-lg);bottom:var(--space-6);box-shadow:var(--shadow-lg);color:var(--color-bg);font-size:var(--text-sm);padding:var(--space-4) var(--space-5);position:fixed;right:var(--space-6);z-index:var(--z-toast)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--transition-base)}.animate-slide-up{animation:slideUp .35s ease}.animate-slide-down{animation:slideDown .35s ease}.animate-scale-in{animation:scaleIn .25s ease}.stagger-children>*{animation:slideUp .4s ease both}.stagger-children>:first-child{animation-delay:.02s}.stagger-children>:nth-child(2){animation-delay:.04s}.stagger-children>:nth-child(3){animation-delay:.06s}.stagger-children>:nth-child(4){animation-delay:.08s}.stagger-children>:nth-child(5){animation-delay:.1s}.stagger-children>:nth-child(6){animation-delay:.12s}.stagger-children>:nth-child(7){animation-delay:.14s}.stagger-children>:nth-child(8){animation-delay:.16s}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;background-clip:content-box;border:2px solid transparent;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#0000004d;background-clip:content-box;border:1px solid transparent}@media(prefers-color-scheme:dark){::-webkit-scrollbar-thumb{background:#fff3;background-clip:content-box;border:2px solid transparent}::-webkit-scrollbar-thumb:hover{background:#ffffff59;background-clip:content-box;border:1px solid transparent}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-moz-selection{background:var(--color-primary-bg);color:var(--color-text)}::selection{background:var(--color-primary-bg);color:var(--color-text)}html{scroll-behavior:smooth}.page-enter-active,.page-leave-active{transition:opacity .2s ease,transform .2s ease}.page-enter-from{opacity:0;transform:translateY(4px)}.page-leave-to{opacity:0;transform:translateY(-4px)}.layout-enter-active,.layout-leave-active{transition:opacity .2s ease}.layout-enter-from,.layout-leave-to{opacity:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0}