:root{--color-background:#0f172a;--color-surface:#1e293b;--color-surface-alt:#2a2a2a;--color-surface-hover:#334155;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-secondary:#f97316;--color-accent:#ef4444;--color-success:#22c55e;--color-text-main:#f8fafc;--color-text-muted:#94a3b8;--color-border:#334155;--color-info-bg:#f0f8ff;--color-warning:#f59e0b;--color-warning-bg:#fff3cd;--color-warning-text:#b45309;--color-danger-text:#ff6b6b;--color-overlay:#000c;--color-shadow-soft:#0003;--font-family:"Inter",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--font-size-4xl:3rem;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--line-height-tight:1.2;--line-height-normal:1.5;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-glow:0 0 15px #3b82f680;--z-dropdown:20;--z-sticky:50;--z-modal:100;--z-toast:200;--transition-fast:.15s ease;--transition-base:.2s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;display:flex}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:focus{outline:none}.container{max-width:720px;padding:var(--spacing-md);width:100%;margin:0 auto}@media (min-width:769px){.container{max-width:960px;padding:var(--spacing-xl)}}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.card-compact{padding:var(--spacing-md)}.card-highlight{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.btn{padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);min-height:44px;transition:all var(--transition-base);justify-content:center;align-items:center;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:0 4px 14px #3b82f663}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #3b82f63b}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-main);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-surface-hover)}.btn-success{background-color:var(--color-success);color:#fff}.btn-success:hover{background-color:#16a34a}.btn-danger{background-color:var(--color-accent);color:#fff}.btn-danger:hover{background-color:#dc2626}.btn-ghost{color:var(--color-text-muted);background:0 0;border:none}.btn-ghost:hover{color:var(--color-text-main)}.btn-sm{padding:var(--spacing-xs)var(--spacing-md);font-size:var(--font-size-sm);min-height:36px}.btn-icon{padding:var(--spacing-sm);min-width:44px;min-height:44px}.input,.select,.textarea{width:100%;padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-base);border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--color-background);min-height:44px;color:var(--color-text-main);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #3b82f633}.input--sm{padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-sm);min-height:36px}.input--error{border-color:var(--color-accent)}.form-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-xs);display:block}.form-row{margin-bottom:var(--spacing-md)}.form-grid-2{gap:var(--spacing-sm);grid-template-columns:1fr 1fr;display:grid}.badge{border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);align-items:center;padding:2px 6px;display:inline-flex}.badge--info{background-color:var(--color-primary);color:#fff}.badge--success{background-color:var(--color-success);color:#fff}.badge--danger{background-color:var(--color-accent);color:#fff}.badge--warning{background-color:var(--color-warning);color:#fff}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--spacing-sm)}.gap-4{gap:var(--spacing-md)}.w-full{width:100%}.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-muted{color:var(--color-text-muted)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-accent)}.stat-box{padding:var(--spacing-md);background-color:var(--color-background);border-radius:var(--radius-sm);text-align:center}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.stat-value{font-size:var(--font-size-lg);font-weight:700}.stat-value-lg{font-size:var(--font-size-xl);font-weight:700}.stat-sub{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.stat-value--primary{color:var(--color-primary)}.stat-value--success{color:var(--color-success)}.stat-value--secondary{color:var(--color-secondary)}.grid-3{gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:480px){.grid-3{grid-template-columns:repeat(2,1fr)}}.page-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.back-button{align-items:center;gap:var(--spacing-xs);color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-sm);background:0 0;border:none;display:flex}.back-button:hover{color:var(--color-text-main)}.modal-overlay{background-color:var(--color-overlay);z-index:var(--z-modal);padding:var(--spacing-md);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-dialog{width:100%;max-height:90vh;overflow-y:auto}.modal-dialog--sm{max-width:300px}.modal-dialog--md{max-width:500px}.modal-dialog--lg{max-width:700px}.modal-title{margin-bottom:var(--spacing-lg);font-size:var(--font-size-xl)}.dropdown{position:relative}.dropdown-menu{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 4px 6px var(--color-shadow-soft);z-index:var(--z-dropdown);min-width:180px;position:absolute;top:120%;right:0;overflow:hidden}.dropdown-header{padding:var(--spacing-sm);border-bottom:1px solid var(--color-border);background-color:var(--color-surface-alt)}.dropdown-item{text-align:left;width:100%;padding:var(--spacing-md);font-size:var(--font-size-sm);cursor:pointer;align-items:center;gap:var(--spacing-sm);color:var(--color-text-main);background:0 0;border:none;display:flex}.dropdown-item:hover{background-color:var(--color-surface-hover)}.dropdown-item--danger{color:var(--color-danger-text)}.avatar{cursor:pointer;background-color:var(--color-surface);border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.toast-container{bottom:var(--spacing-lg);gap:var(--spacing-sm);z-index:var(--z-toast);pointer-events:none;width:100%;max-width:480px;padding:0 var(--spacing-md);flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text-main);box-shadow:var(--shadow-lg);border-left:4px solid var(--color-primary);font-size:var(--font-size-sm);animation:toast-in var(--transition-base)}.toast--success{border-left-color:var(--color-success)}.toast--error{border-left-color:var(--color-accent)}.toast--info{border-left-color:var(--color-primary)}.toast--warning{border-left-color:var(--color-warning)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}