:root{--primary-50: #f0f9ff;--primary-100: #e0f2fe;--primary-500: #0ea5e9;--primary-600: #0284c7;--primary-700: #0369a1;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success-500: #10b981;--warning-500: #f59e0b;--error-500: #ef4444;--error-600: #dc2626;--dark-bg-primary: #0f1419;--dark-bg-secondary: #1a1f26;--dark-bg-tertiary: #242a33;--dark-bg-overlay: rgba(15, 20, 25, .8);--dark-text-primary: #f0f6fc;--dark-text-secondary: #c9d1d9;--dark-text-tertiary: #8b949e;--dark-text-muted: #6e7681;--dark-border-primary: #30363d;--dark-border-secondary: #3c444d;--dark-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--dark-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--dark-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4);--bg-primary: var(--gray-50);--bg-secondary: #ffffff;--bg-tertiary: var(--gray-100);--bg-overlay: rgba(255, 255, 255, .8);--text-primary: var(--gray-900);--text-secondary: var(--gray-700);--text-tertiary: var(--gray-600);--text-muted: var(--gray-500);--border-primary: var(--gray-200);--border-secondary: var(--gray-300);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--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: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}.dark-mode{--bg-primary: var(--dark-bg-primary);--bg-secondary: var(--dark-bg-secondary);--bg-tertiary: var(--dark-bg-tertiary);--bg-overlay: var(--dark-bg-overlay);--text-primary: var(--dark-text-primary);--text-secondary: var(--dark-text-secondary);--text-tertiary: var(--dark-text-tertiary);--text-muted: var(--dark-text-muted);--border-primary: var(--dark-border-primary);--border-secondary: var(--dark-border-secondary);--shadow-sm: var(--dark-shadow-sm);--shadow-md: var(--dark-shadow-md);--shadow-lg: var(--dark-shadow-lg)}*{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--font-family);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);transition:background-color var(--transition-normal),color var(--transition-normal)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.container-wide{max-width:1400px}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-error{color:var(--error-500)}.text-success{color:var(--success-500)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.m-0{margin:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.ml-auto{margin-left:auto}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.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}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-6{gap:var(--space-6)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;position:relative;overflow:hidden}.btn:focus{outline:2px solid var(--primary-500);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--primary-600);color:#fff;border-color:var(--primary-600)}.btn-primary:hover:not(:disabled){background-color:var(--primary-700);border-color:var(--primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--border-secondary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-danger{background-color:var(--error-500);color:#fff;border-color:var(--error-500)}.btn-danger:hover:not(:disabled){background-color:var(--error-600);border-color:var(--error-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background-color:transparent;color:var(--text-secondary);border-color:var(--border-primary)}.btn-outline:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--border-secondary)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--font-size-base)}.card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:var(--space-4) var(--space-4) 0}.card-body{padding:var(--space-4)}.card-footer{padding:0 var(--space-4) var(--space-4);border-top:1px solid var(--border-primary);margin-top:var(--space-4);padding-top:var(--space-4)}.navbar{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--transition-normal)}.nav-brand{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary-600);text-decoration:none}.nav-links{display:flex;gap:var(--space-1)}.nav-link{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-tertiary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative}.nav-link:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.nav-link.active{color:var(--primary-600);background-color:var(--primary-50)}.dark-mode .nav-link.active{color:#fff;background-color:var(--primary-600)}.nav-link.active:after{content:"";position:absolute;bottom:-1px;left:var(--space-3);right:var(--space-3);height:2px;background-color:var(--primary-600);border-radius:1px}.page{min-height:calc(100vh - 64px);padding:var(--space-8) 0}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8)}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight)}.page-subtitle{font-size:var(--font-size-lg);color:var(--text-tertiary);margin-top:var(--space-2)}.page-actions{display:flex;gap:var(--space-2);align-items:center}.data-grid{display:flex;flex-direction:column;gap:var(--space-3)}.data-item{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-normal)}.data-item:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-md)}.dark-mode .data-item:hover{background-color:var(--bg-tertiary)}.data-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.data-item-title{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.data-item-meta{font-size:var(--font-size-sm);color:var(--text-muted)}.data-item-content{color:var(--text-secondary);margin-bottom:var(--space-3)}.data-item-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-3);border-top:1px solid var(--border-primary)}.data-item-actions{display:flex;gap:var(--space-2)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);white-space:nowrap}.badge-success{background-color:var(--success-500);color:#fff}.badge-warning{background-color:var(--warning-500);color:#fff}.badge-error{background-color:var(--error-500);color:#fff}.badge-neutral{background-color:var(--gray-100);color:var(--gray-700)}.dark-mode .badge-neutral{background-color:var(--bg-tertiary);color:var(--text-secondary)}.loading{opacity:.7;pointer-events:none;position:relative}.loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;border:2px solid transparent;border-top:2px solid var(--primary-500);border-radius:50%;animation:spin 1s linear infinite;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.empty-state{text-align:center;padding:var(--space-16) var(--space-8);color:var(--text-muted)}.empty-state-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.5}.theme-toggle{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.theme-toggle:hover{border-color:var(--border-secondary);background:var(--bg-tertiary)}.theme-toggle-icon{width:16px;height:16px;transition:transform var(--transition-normal)}.dark-mode .theme-toggle-icon{transform:rotate(180deg)}.bg-gray-50{background-color:var(--gray-50)}.dark-mode .bg-gray-50{background-color:var(--bg-tertiary)!important}.border{border:1px solid var(--border-primary)}.dark-mode .border{border-color:var(--border-primary)!important}.dark-mode .navbar{background-color:var(--bg-secondary);border-bottom-color:var(--border-primary)}.dark-mode .nav-link:hover{background-color:var(--bg-tertiary)}.dark-mode .empty-state{color:var(--text-tertiary)}.dark-mode input,.dark-mode textarea,.dark-mode select{background-color:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}.dark-mode input:focus,.dark-mode textarea:focus,.dark-mode select:focus{border-color:var(--primary-500);outline:none}.dark-mode code{background-color:var(--bg-tertiary);color:var(--text-primary)}.dark-mode pre{background-color:var(--bg-tertiary)!important;border-color:var(--border-primary)!important}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2,.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-4{gap:var(--space-4)}.max-w-2xl{max-width:42rem}.text-center{text-align:center}.w-full{width:100%}.overflow-hidden{overflow:hidden}@media(max-width:768px){.container{padding:0 var(--space-3)}.page{padding:var(--space-6) 0}.page-header{flex-direction:column;gap:var(--space-4);align-items:stretch}.page-actions{justify-content:flex-start}.data-item-header{flex-direction:column;gap:var(--space-2);align-items:flex-start}.data-item-footer{flex-direction:column;gap:var(--space-3);align-items:flex-start}.data-item-actions{width:100%;justify-content:flex-start}.nav-links{overflow-x:auto;padding-bottom:var(--space-1)}.md\:grid-cols-2{grid-template-columns:1fr}}@media(max-width:480px){.btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.card-body,.data-item{padding:var(--space-3)}.grid-cols-2{grid-template-columns:1fr}}*{transition:background-color var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal),box-shadow var(--transition-normal)}.btn,.card,.navbar,.nav-link,.data-item{transition:all var(--transition-normal)}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);border:1px solid var(--border-primary);border-radius:var(--radius-md);background-color:var(--bg-secondary);color:var(--text-primary);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #0ea5e91a}.form-input:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-tertiary)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.dark-mode .form-input{background-color:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}.dark-mode .form-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #0ea5e933}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.auth-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 80px)}.auth-card{width:100%;max-width:400px;margin:0 auto}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.alert-error{background-color:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--error-500)}.alert-success{background-color:#10b9811a;border:1px solid rgba(16,185,129,.2);color:var(--success-500)}.dark-mode .alert-error{background-color:#ef444426;border-color:#ef44444d}.dark-mode .alert-success{background-color:#10b98126;border-color:#10b9814d}