:root{--color-bg-paper: #0d0f14;--color-bg-grid: rgba(255, 255, 255, .03);--color-bg-grid-major: rgba(255, 255, 255, .06);--color-bg-primary: #0d0f14;--color-bg-secondary: #12151c;--color-bg-tertiary: #181c25;--color-bg-elevated: #1e2230;--color-bg-overlay: rgba(0, 0, 0, .85);--color-text-primary: #e8e6e1;--color-text-secondary: #9a9590;--color-text-tertiary: #6b6560;--color-text-muted: #4a4540;--color-accent-primary: #e8a838;--color-accent-primary-hover: #f0be5a;--color-accent-primary-subtle: rgba(232, 168, 56, .12);--color-accent-primary-dashed: rgba(232, 168, 56, .35);--color-accent-blue: #4a9eff;--color-accent-blue-hover: #6bb3ff;--color-accent-blue-subtle: rgba(74, 158, 255, .12);--color-accent-success: #4ade80;--color-accent-success-hover: #6ee7a0;--color-accent-success-subtle: rgba(74, 222, 128, .12);--color-accent-danger: #f87171;--color-accent-danger-hover: #fca5a5;--color-accent-danger-subtle: rgba(248, 113, 113, .12);--color-accent-warning: #fbbf24;--color-accent-warning-hover: #fcd34d;--color-accent-warning-subtle: rgba(251, 191, 36, .12);--color-accent-info: #38bdf8;--color-accent-info-hover: #7dd3fc;--color-accent-info-subtle: rgba(56, 189, 248, .12);--color-border-dashed: rgba(255, 255, 255, .12);--color-border-dashed-hover: rgba(255, 255, 255, .22);--color-border-solid: rgba(255, 255, 255, .08);--color-border-focus: #e8a838;--color-border-error: #f87171;--dash-width: 1px;--dash-length: 6px;--dash-gap: 4px;--dash-pattern: var(--dash-width) dashed var(--color-border-dashed);--dash-pattern-accent: var(--dash-width) dashed var(--color-accent-primary-dashed);--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-family-mono: "SF Mono", "Cascadia Code", "Fira Code", "JetBrains Mono", Consolas, monospace;--text-xs: clamp(.7rem, .65rem + .25vw, .75rem);--text-sm: clamp(.8rem, .75rem + .25vw, .875rem);--text-base: clamp(.9rem, .85rem + .25vw, 1rem);--text-lg: clamp(1rem, .95rem + .25vw, 1.125rem);--text-xl: clamp(1.15rem, 1.05rem + .5vw, 1.25rem);--text-2xl: clamp(1.3rem, 1.15rem + .75vw, 1.5rem);--text-3xl: clamp(1.5rem, 1.3rem + 1vw, 1.875rem);--text-4xl: clamp(1.8rem, 1.5rem + 1.5vw, 2.25rem);--text-5xl: clamp(2.2rem, 1.8rem + 2vw, 3rem);--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--space-0: 0;--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;--space-20: 5rem;--space-24: 6rem;--radius-none: 0;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .4);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .4);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .4);--shadow-2xl: 0 16px 32px rgba(0, 0, 0, .5);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .3);--shadow-glow-amber: 0 0 20px rgba(232, 168, 56, .25);--shadow-glow-blue: 0 0 20px rgba(74, 158, 255, .25);--transition-fast: .12s ease;--transition-normal: .2s ease;--transition-slow: .32s ease;--transition-slower: .5s ease;--z-0: 0;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text-primary);background:var(--color-bg-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(var(--color-bg-grid) 1px,transparent 1px),linear-gradient(90deg,var(--color-bg-grid) 1px,transparent 1px),linear-gradient(var(--color-bg-grid-major) 1px,transparent 1px),linear-gradient(90deg,var(--color-bg-grid-major) 1px,transparent 1px);background-size:20px 20px,20px 20px,100px 100px,100px 100px;background-attachment:fixed}::selection{background:var(--color-accent-primary-subtle);color:var(--color-accent-primary-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-dashed);border:1px dashed var(--color-border-dashed-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}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)}p{margin-bottom:var(--space-4);color:var(--color-text-secondary)}a{color:var(--color-accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-primary-hover);text-decoration:underline;text-decoration-style:dashed;text-underline-offset:3px}code,pre{font-family:var(--font-family-mono);font-size:var(--text-sm)}code{background:var(--color-bg-tertiary);border:1px dashed var(--color-border-dashed);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}pre{background:var(--color-bg-tertiary);border:1px dashed var(--color-border-dashed);padding:var(--space-4);border-radius:var(--radius-lg);overflow-x:auto;margin-bottom:var(--space-4)}pre code{background:none;border:none;padding:0}strong{font-weight:var(--font-semibold);color:var(--color-text-primary)}em{font-style:italic}small{font-size:var(--text-sm)}.container{max-width:1400px;margin:0 auto;padding:0 var(--space-6)}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.card{background:var(--color-bg-secondary);border:var(--dash-pattern);border-radius:var(--radius-none);padding:var(--space-6);position:relative;transition:border-color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-normal)}.card:before,.card:after{content:"";position:absolute;width:8px;height:8px;border-color:var(--color-border-dashed);border-style:dashed;opacity:.6}.card:before{top:-1px;left:-1px;border-width:var(--dash-width) 0 0 var(--dash-width)}.card:after{bottom:-1px;right:-1px;border-width:0 var(--dash-width) var(--dash-width) 0}.card:hover{border-color:var(--color-border-dashed-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--color-accent-primary-dashed);box-shadow:var(--shadow-glow-amber)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px dashed var(--color-border-dashed)}.card-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.card-description{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.card-footer{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px dashed var(--color-border-dashed)}.module{background:var(--color-bg-tertiary);border:1px dashed var(--color-border-dashed);border-radius:var(--radius-none);padding:var(--space-4);transition:border-color var(--transition-normal)}.module:hover{border-color:var(--color-border-dashed-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-family-sans);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1;text-decoration:none;border:1px dashed transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled,.btn[disabled]{opacity:.4;cursor:not-allowed;transform:none;border-style:dashed}.btn-primary{background:var(--color-accent-primary);color:#0d0f14;border-color:var(--color-accent-primary);font-weight:var(--font-semibold)}.btn-primary:hover{background:var(--color-accent-primary-hover);border-color:var(--color-accent-primary-hover);box-shadow:var(--shadow-glow-amber)}.btn-secondary{background:transparent;color:var(--color-text-primary);border:1px dashed var(--color-border-dashed)}.btn-secondary:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-dashed-hover)}.btn-success{background:var(--color-accent-success);color:#0d0f14;border-color:var(--color-accent-success);font-weight:var(--font-semibold)}.btn-success:hover{background:var(--color-accent-success-hover);box-shadow:0 0 20px #4ade8040}.btn-danger{background:var(--color-accent-danger);color:#0d0f14;border-color:var(--color-accent-danger);font-weight:var(--font-semibold)}.btn-danger:hover{background:var(--color-accent-danger-hover);box-shadow:0 0 20px #f8717140}.btn-ghost{background:transparent;color:var(--color-text-secondary);border:1px dashed transparent}.btn-ghost:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-border-dashed)}.btn-outline{background:transparent;color:var(--color-accent-primary);border:1px dashed var(--color-accent-primary-dashed)}.btn-outline:hover{background:var(--color-accent-primary-subtle);border-color:var(--color-accent-primary)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--text-base)}.btn-icon{padding:var(--space-3);aspect-ratio:1}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:1.4;border-radius:var(--radius-full);border:1px dashed;white-space:nowrap}.badge-primary{background:var(--color-accent-primary-subtle);color:var(--color-accent-primary);border-color:var(--color-accent-primary-dashed)}.badge-success{background:var(--color-accent-success-subtle);color:var(--color-accent-success);border-color:#4ade804d}.badge-danger{background:var(--color-accent-danger-subtle);color:var(--color-accent-danger);border-color:#f871714d}.badge-warning{background:var(--color-accent-warning-subtle);color:var(--color-accent-warning);border-color:#fbbf244d}.badge-info{background:var(--color-accent-blue-subtle);color:var(--color-accent-blue);border-color:#4a9eff4d}.badge-neutral{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-color:var(--color-border-dashed)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);border:1px dashed}.status-badge:before{content:"";width:8px;height:8px;border-radius:var(--radius-full);background:currentColor}.status-running{background:var(--color-accent-success-subtle);color:var(--color-accent-success);border-color:#4ade804d}.status-stopped{background:var(--color-accent-danger-subtle);color:var(--color-accent-danger);border-color:#f871714d}.status-pending{background:var(--color-accent-warning-subtle);color:var(--color-accent-warning);border-color:#fbbf244d}.status-idle{background:var(--color-bg-tertiary);color:var(--color-text-muted);border-color:var(--color-border-dashed)}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);font-family:var(--font-family-mono);letter-spacing:var(--tracking-wide)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-family-sans);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg-tertiary);border:1px dashed var(--color-border-dashed);border-radius:var(--radius-none);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-accent-primary);border-style:dashed;box-shadow:0 0 0 3px var(--color-accent-primary-subtle);outline:none;background:var(--color-bg-secondary)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted);font-style:italic}.form-input:disabled,.form-textarea:disabled,.form-select:disabled{opacity:.5;cursor:not-allowed;border-style:dotted}.form-input.error,.form-textarea.error,.form-select.error{border-color:var(--color-accent-danger)}.form-error{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-accent-danger);font-family:var(--font-family-mono)}.form-hint{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);font-family:var(--font-family-mono)}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px dashed;border-radius:var(--radius-none);margin-bottom:var(--space-4)}.alert-icon{flex-shrink:0;font-size:var(--text-lg)}.alert-content{flex:1}.alert-title{font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.alert-message{font-size:var(--text-sm);color:var(--color-text-secondary)}.alert-success{background:var(--color-accent-success-subtle);border-color:#4ade8059}.alert-danger{background:var(--color-accent-danger-subtle);border-color:#f8717159}.alert-warning{background:var(--color-accent-warning-subtle);border-color:#fbbf2459}.alert-info{background:var(--color-accent-blue-subtle);border-color:#4a9eff59}.stat-card{background:var(--color-bg-secondary);border:var(--dash-pattern);border-radius:var(--radius-none);padding:var(--space-6);text-align:center;position:relative}.stat-card:before{content:"+";position:absolute;top:4px;left:6px;font-family:var(--font-family-mono);font-size:10px;color:var(--color-text-muted);opacity:.5}.stat-icon{font-size:var(--text-3xl);margin-bottom:var(--space-3)}.stat-value{font-size:var(--text-4xl);font-weight:var(--font-bold);font-family:var(--font-family-mono);color:var(--color-text-primary);line-height:var(--leading-none);margin-bottom:var(--space-2)}.stat-label{font-size:var(--text-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-family:var(--font-family-mono)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.modal-backdrop.active{opacity:1;visibility:visible}.modal{background:var(--color-bg-secondary);border:1px dashed var(--color-border-dashed);border-radius:var(--radius-none);width:100%;max-width:500px;max-height:90vh;overflow:hidden;transform:scale(.97) translateY(10px);transition:transform var(--transition-normal)}.modal-backdrop.active .modal{transform:scale(1) translateY(0)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px dashed var(--color-border-dashed)}.modal-title{font-size:var(--text-xl);font-weight:var(--font-semibold)}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px dashed transparent;color:var(--color-text-muted);font-size:var(--text-xl);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.modal-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-border-dashed)}.modal-body{padding:var(--space-6);overflow-y:auto;max-height:calc(90vh - 140px)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-6);border-top:1px dashed var(--color-border-dashed)}.toast-container{position:fixed;top:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3)}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-elevated);border:1px dashed var(--color-border-dashed);border-radius:var(--radius-none);box-shadow:var(--shadow-xl);transform:translate(120%);transition:transform var(--transition-normal);min-width:280px}.toast.show{transform:translate(0)}.toast-icon{font-size:var(--text-lg)}.toast-content{flex:1}.toast-title{font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.toast-message{font-size:var(--text-sm);color:var(--color-text-secondary)}.toast-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm)}.toast-close:hover{color:var(--color-text-primary)}.toast-success{border-left:4px solid var(--color-accent-success)}.toast-danger{border-left:4px solid var(--color-accent-danger)}.toast-warning{border-left:4px solid var(--color-accent-warning)}.toast-info{border-left:4px solid var(--color-accent-blue)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent-primary)}.text-success{color:var(--color-accent-success)}.text-danger{color:var(--color-accent-danger)}.text-warning{color:var(--color-accent-warning)}.bg-primary{background:var(--color-bg-primary)}.bg-secondary{background:var(--color-bg-secondary)}.bg-tertiary{background:var(--color-bg-tertiary)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) forwards}.animate-fade-in-down{animation:fadeInDown var(--transition-slow) forwards}.animate-slide-in-right{animation:slideInRight var(--transition-slow) forwards}.animate-slide-in-left{animation:slideInLeft var(--transition-slow) forwards}.header{background:var(--color-bg-secondary);border-bottom:1px dashed var(--color-border-dashed);padding:var(--space-4) 0;position:sticky;top:0;z-index:var(--z-sticky);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-content{display:flex;justify-content:space-between;align-items:center}.header-logo{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);text-decoration:none;font-family:var(--font-family-mono);letter-spacing:var(--tracking-wide)}.header-logo:hover{text-decoration:none;color:var(--color-accent-primary)}.header-logo-icon{font-size:var(--text-2xl)}.header-nav{display:flex;align-items:center;gap:var(--space-2)}.header-nav a{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);border:1px dashed transparent;border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.header-nav a:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-border-dashed);text-decoration:none}.header-nav a.active{background:var(--color-accent-primary-subtle);color:var(--color-accent-primary);border-color:var(--color-accent-primary-dashed)}.nav-item{position:relative}.nav-item-trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);border:1px dashed transparent;border-radius:var(--radius-sm);background:none;cursor:pointer;font-family:var(--font-family-sans);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.nav-item-trigger:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-border-dashed)}.nav-item.open .nav-item-trigger,.nav-item-trigger.active{background:var(--color-accent-primary-subtle);color:var(--color-accent-primary);border-color:var(--color-accent-primary-dashed)}.nav-item-chevron{width:12px;height:12px;transition:transform var(--transition-fast);flex-shrink:0;opacity:.6}.nav-item.open .nav-item-chevron{transform:rotate(180deg)}.nav-dropdown{position:absolute;top:calc(100% + var(--space-1));left:0;min-width:220px;background:var(--color-bg-secondary);border:1px dashed var(--color-border-dashed);border-radius:var(--radius-sm);padding:var(--space-1);z-index:var(--z-dropdown);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--transition-fast),visibility var(--transition-fast),transform var(--transition-fast)}.nav-item.open .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown a,.nav-dropdown button{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-normal);text-decoration:none;border:1px dashed transparent;border-radius:var(--radius-sm);background:none;cursor:pointer;text-align:left;font-family:var(--font-family-sans);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.nav-dropdown a:hover,.nav-dropdown button:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-border-dashed)}.nav-dropdown a.active,.nav-dropdown button.active{background:var(--color-accent-primary-subtle);color:var(--color-accent-primary);border-color:var(--color-accent-primary-dashed)}.nav-dropdown-divider{height:1px;border:none;border-top:1px dashed var(--color-border-dashed);margin:var(--space-1) 0}.footer{background:var(--color-bg-secondary);border-top:1px dashed var(--color-border-dashed);padding:var(--space-8) 0;margin-top:var(--space-16)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.footer-text{color:var(--color-text-muted);font-size:var(--text-sm);font-family:var(--font-family-mono)}.footer-links{display:flex;gap:var(--space-6)}.footer-links a{color:var(--color-text-muted);font-size:var(--text-sm)}.footer-links a:hover{color:var(--color-accent-primary)}.table-container{border:1px dashed var(--color-border-dashed);border-radius:var(--radius-none);overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}thead{background:var(--color-bg-tertiary)}th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-semibold);font-family:var(--font-family-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-secondary);border-bottom:1px dashed var(--color-border-dashed)}td{padding:var(--space-3) var(--space-4);border-bottom:1px dashed rgba(255,255,255,.05);color:var(--color-text-secondary)}tr:hover td{background:var(--color-bg-tertiary)}.tabs{display:flex;gap:var(--space-1);border-bottom:1px dashed var(--color-border-dashed);margin-bottom:var(--space-6)}.tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);background:transparent;border:1px dashed transparent;border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.tab:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.tab.active{color:var(--color-accent-primary);background:var(--color-bg-secondary);border-color:var(--color-accent-primary-dashed);border-bottom:1px dashed var(--color-bg-secondary);margin-bottom:-1px}.divider{border:none;border-top:1px dashed var(--color-border-dashed);margin:var(--space-6) 0}.divider-accent{border-top-color:var(--color-accent-primary-dashed)}.progress-bar{width:100%;height:8px;background:var(--color-bg-tertiary);border:1px dashed var(--color-border-dashed);border-radius:var(--radius-none);overflow:hidden}.progress-bar-fill{height:100%;background:var(--color-accent-primary);transition:width var(--transition-slow)}.progress-bar-fill.success{background:var(--color-accent-success)}.progress-bar-fill.danger{background:var(--color-accent-danger)}.progress-bar-fill.warning{background:var(--color-accent-warning)}@media(max-width:768px){.header-content{flex-direction:column;gap:var(--space-4)}.header-nav{flex-wrap:wrap;justify-content:center}.container{padding:0 var(--space-4)}.card{padding:var(--space-4)}.modal{margin:var(--space-4);max-width:calc(100% - var(--space-8))}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes slide-in-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-in-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes bounce{0%,to{transform:translateY(-5%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #e8a83859}50%{box-shadow:0 0 0 10px #e8a83800}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}@keyframes dash-march{0%{stroke-dashoffset:0}to{stroke-dashoffset:-20}}@keyframes draw-in{0%{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}@keyframes sketch-in{0%{opacity:0;filter:blur(2px);transform:scale(.98)}60%{filter:blur(0)}to{opacity:1;filter:blur(0);transform:scale(1)}}@keyframes stamp-in{0%{opacity:0;transform:scale(1.1) rotate(-2deg)}60%{transform:scale(.98) rotate(.5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes erase-out{0%{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(4px)}}@keyframes grid-pulse{0%,to{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px)}50%{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px)}}.animate-fade-in{animation:fade-in var(--transition-normal) forwards}.animate-fade-out{animation:fade-out var(--transition-normal) forwards}.animate-fade-in-up{animation:fade-in-up var(--transition-slow) forwards}.animate-fade-in-down{animation:fade-in-down var(--transition-slow) forwards}.animate-fade-in-left{animation:fade-in-left var(--transition-slow) forwards}.animate-fade-in-right{animation:fade-in-right var(--transition-slow) forwards}.animate-scale-in{animation:scale-in var(--transition-normal) forwards}.animate-scale-out{animation:scale-out var(--transition-normal) forwards}.animate-pop{animation:pop var(--transition-fast)}.animate-slide-in-up{animation:slide-in-up var(--transition-slow) forwards}.animate-slide-in-down{animation:slide-in-down var(--transition-slow) forwards}.animate-slide-in-left{animation:slide-in-left var(--transition-slow) forwards}.animate-slide-in-right{animation:slide-in-right var(--transition-slow) forwards}.animate-spin{animation:spin 1s linear infinite}.animate-spin-slow{animation:spin-slow 3s linear infinite}.animate-wiggle{animation:wiggle var(--transition-slow) ease-in-out}.animate-bounce{animation:bounce 1s infinite}.animate-bounce-in{animation:bounce-in .6s forwards}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-pulse-glow{animation:pulse-glow 2s infinite}.animate-shake{animation:shake .5s}.animate-float{animation:float 3s ease-in-out infinite}.animate-draw-in{animation:draw-in .5s ease-out forwards}.animate-sketch-in{animation:sketch-in .4s ease-out forwards}.animate-stamp-in{animation:stamp-in .35s cubic-bezier(.22,.61,.36,1) forwards}.animate-erase-out{animation:erase-out .3s ease-in forwards}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.04)}.hover-scale-sm:hover{transform:scale(1.02)}.hover-scale-lg:hover{transform:scale(1.08)}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.hover-lift-sm:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.hover-lift-lg:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl)}.hover-glow{transition:box-shadow var(--transition-normal)}.hover-glow:hover{box-shadow:var(--shadow-glow-amber)}.hover-glow-blue:hover{box-shadow:var(--shadow-glow-blue)}.hover-dash-glow{transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.hover-dash-glow:hover{border-color:var(--color-accent-primary-dashed);box-shadow:0 0 0 3px var(--color-accent-primary-subtle)}.hover-rotate{transition:transform var(--transition-normal)}.hover-rotate:hover{transform:rotate(5deg)}.hover-rotate-reverse:hover{transform:rotate(-5deg)}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px var(--color-accent-primary-subtle)}.focus-ring:focus-visible{outline:2px dashed var(--color-border-focus);outline-offset:2px}.active-scale:active{transform:scale(.97)}.active-scale-sm:active{transform:scale(.94)}.transition-all{transition:all var(--transition-normal)}.transition-colors{transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.transition-opacity{transition:opacity var(--transition-fast)}.transition-transform{transition:transform var(--transition-fast)}.transition-shadow{transition:box-shadow var(--transition-fast)}.transition-fast{transition-duration:var(--transition-fast)}.transition-slow{transition-duration:var(--transition-slow)}.transition-slower{transition-duration:var(--transition-slower)}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-elevated) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border:1px dashed var(--color-border-dashed);border-radius:var(--radius-sm)}.skeleton-text{height:1em;margin-bottom:var(--space-2)}.skeleton-text:last-child{width:80%}.skeleton-title{height:1.5em;width:60%;margin-bottom:var(--space-4)}.skeleton-avatar{width:40px;height:40px;border-radius:var(--radius-full)}.skeleton-card{height:200px}:focus{outline:none}:focus-visible{outline:2px dashed var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}.form-group:focus-within,.card-interactive:focus-within{outline:2px dashed var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-accent-primary);color:#0d0f14;padding:var(--space-3) var(--space-4);z-index:var(--z-tooltip);font-weight:var(--font-semibold);font-family:var(--font-family-mono);transition:top var(--transition-fast)}.skip-link:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only-focusable:focus,.sr-only-focusable:active{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:inherit}[aria-disabled=true],.disabled{opacity:.5;cursor:not-allowed;pointer-events:none;border-style:dotted}[aria-hidden=true]{display:none!important}[aria-expanded=false]+.expandable-content{display:none}[aria-expanded=true]+.expandable-content{display:block}[aria-selected=true]{background:var(--color-accent-primary-subtle);border-color:var(--color-accent-primary)}[aria-busy=true]{cursor:wait}@media(prefers-contrast:high){:root{--color-bg-primary: #000000;--color-bg-secondary: #111111;--color-bg-tertiary: #222222;--color-text-primary: #ffffff;--color-text-secondary: #e0e0e0;--color-border-dashed: #888888;--color-accent-primary: #ffcc00;--color-accent-success: #00ff66;--color-accent-danger: #ff3333;--color-accent-warning: #ffdd00}.btn,.card,.module,.form-input,.form-select,.form-textarea{border-width:2px;border-style:dashed}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-spin,.animate-pulse,.animate-bounce,.animate-float{animation:none!important}}@media(prefers-color-scheme:dark){:root{color-scheme:dark}}@media(prefers-color-scheme:light){:root{color-scheme:light}--color-bg-primary: #f5f0e8;--color-bg-secondary: #ede8de;--color-bg-tertiary: #e5dfd4;--color-bg-elevated: #faf5ec;--color-text-primary: #1a1612;--color-text-secondary: #4a4540;--color-text-tertiary: #6b6560;--color-text-muted: #8a8580;--color-border-dashed: rgba(0, 0, 0, .15);--color-border-dashed-hover: rgba(0, 0, 0, .25);--color-accent-primary: #b8860b;--color-accent-primary-hover: #d4a017;--color-accent-primary-subtle: rgba(184, 134, 11, .1);--color-accent-primary-dashed: rgba(184, 134, 11, .4);body{background-image:linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.08) 1px,transparent 1px);background-size:20px 20px,20px 20px,100px 100px,100px 100px}.header{background:var(--color-bg-secondary);-webkit-backdrop-filter:none;backdrop-filter:none}}h1{font-size:clamp(1.8rem,1.5rem + 1.5vw,2.5rem)}h2{font-size:clamp(1.5rem,1.25rem + 1.25vw,2rem)}h3{font-size:clamp(1.25rem,1.1rem + .75vw,1.5rem)}h4{font-size:clamp(1.1rem,1rem + .5vw,1.25rem)}p,li,td,th,label,input,textarea,select,button{font-size:clamp(.9rem,.85rem + .25vw,1rem)}.container{padding-left:clamp(1rem,5vw,3rem);padding-right:clamp(1rem,5vw,3rem)}.gap-responsive{gap:clamp(1rem,3vw,2rem)}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:var(--space-6)}.grid-responsive-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr))}.grid-responsive-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.grid-responsive-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}@media(min-width:576px){.container{max-width:540px}.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}}@media(min-width:768px){.container{max-width:720px}.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}}@media(min-width:992px){.container{max-width:960px}.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}}@media(min-width:1200px){.container{max-width:1140px}.xl\:hidden{display:none}.xl\:block{display:block}.xl\:flex{display:flex}.xl\:grid{display:grid}}.mobile\:hidden{display:none}@media(min-width:768px){.mobile\:hidden{display:block}}.mobile\:block{display:block}@media(min-width:768px){.mobile\:block{display:none}}@media(max-width:767px){.btn,button,[role=button]{min-height:44px;min-width:44px;padding:var(--space-3) var(--space-4)}.form-input,.form-select,.form-textarea{min-height:44px;padding:var(--space-3) var(--space-4)}.nav-link,a[role=button]{padding:var(--space-3) var(--space-4)}}@media print{*,*:before,*:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}body{background-image:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}pre{white-space:pre-wrap!important;border:1px solid #999}blockquote{border:1px solid #999;page-break-inside:avoid}tr,img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.header,.footer,nav,.sidebar{display:none!important}.container{max-width:none!important;padding:0!important}.card,.module{border:1px solid #999!important}}@media(orientation:landscape)and (max-height:500px){.header{padding:var(--space-2) 0}.modal-body{max-height:60vh}}@supports (padding: max(0px)){.container{padding-left:max(var(--space-6),env(safe-area-inset-left));padding-right:max(var(--space-6),env(safe-area-inset-right))}.footer{padding-bottom:max(var(--space-8),env(safe-area-inset-bottom))}}@media(forced-colors:active){.btn,.card,.module,.form-input,.form-select,.form-textarea{border:2px dashed ButtonText}.btn-primary{background:Highlight;color:HighlightText}.badge,.status-badge{border:1px dashed ButtonText}}@supports (container-type: inline-size){.container-query{container-type:inline-size}@container (min-width: 400px){.cq\:grid-2{grid-template-columns:repeat(2,1fr)}}@container (min-width: 600px){.cq\:grid-3{grid-template-columns:repeat(3,1fr)}}@container (min-width: 800px){.cq\:grid-4{grid-template-columns:repeat(4,1fr)}}}img,video,svg{max-width:100%;height:auto}html{overflow-x:hidden}button,[role=button],a,input,select,textarea{min-height:44px;min-width:44px}.container{padding-left:var(--space-4, 1rem);padding-right:var(--space-4, 1rem)}@media(max-width:768px){.container{max-width:100%;padding-left:var(--space-4, 1rem);padding-right:var(--space-4, 1rem)}.grid-2,.grid-3{grid-template-columns:1fr}.flex-row-responsive{flex-direction:column}.btn,button{padding:var(--space-3, .75rem) var(--space-4, 1rem)}h1{font-size:var(--text-3xl, 1.5rem)}h2{font-size:var(--text-2xl, 1.25rem)}h3{font-size:var(--text-xl, 1.1rem)}}@media(max-width:480px){.container{padding-left:var(--space-3, .75rem);padding-right:var(--space-3, .75rem)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:var(--space-3, .75rem)}nav ul{flex-direction:column;gap:var(--space-2, .5rem)}h1{font-size:var(--text-2xl, 1.25rem)}h2{font-size:var(--text-xl, 1.1rem)}h3{font-size:var(--text-lg, 1rem)}.card{padding:var(--space-4, 1rem)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.hide-mobile{display:none!important}}@media(max-width:320px){.container{padding-left:var(--space-2, .5rem);padding-right:var(--space-2, .5rem)}h1{font-size:var(--text-xl, 1.1rem)}h2{font-size:var(--text-lg, 1rem)}}.hide-desktop,.hide-tablet,.hide-mobile{display:block}.show-mobile{display:none}@media(max-width:768px){.hide-desktop{display:none!important}.show-tablet{display:block!important}}@media(max-width:480px){.hide-tablet{display:none!important}.show-mobile{display:block!important}}.img-responsive{max-width:100%;height:auto;display:block}.text-center-mobile{text-align:left}@media(max-width:480px){.text-center-mobile{text-align:center}}@supports (padding: max(0px)){.container{padding-left:max(var(--space-4, 1rem),env(safe-area-inset-left));padding-right:max(var(--space-4, 1rem),env(safe-area-inset-right))}}