:root{--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: #60a5fa;--accent: #f59e0b;--accent-light: #fbbf24;--background: #0f172a;--surface: #1e293b;--surface-light: #334155;--surface-lighter: #475569;--card: #1e293b;--modal: #0f172a;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #64748b;--text-disabled: #475569;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #06b6d4;--border: #334155;--border-light: #475569;--divider: #1e293b;--header-height: 72px;--sidebar-width: 280px;--sidebar-collapsed: 72px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 50%;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .2);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .5s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--background);color:var(--text-primary);line-height:1.6;overflow-x:hidden;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font-family:inherit}img{max-width:100%;height:auto}h1{font-size:2.25rem;font-weight:800;line-height:1.2;color:var(--text-primary);margin-bottom:var(--space-lg)}h2{font-size:1.875rem;font-weight:700;line-height:1.3;color:var(--text-primary);margin-bottom:var(--space-md)}h3{font-size:1.5rem;font-weight:600;line-height:1.4;color:var(--text-primary);margin-bottom:var(--space-md)}h4{font-size:1.25rem;font-weight:600;line-height:1.4;color:var(--text-primary);margin-bottom:var(--space-sm)}h5{font-size:1.125rem;font-weight:600;line-height:1.4;color:var(--text-primary);margin-bottom:var(--space-sm)}h6{font-size:1rem;font-weight:600;line-height:1.4;color:var(--text-primary);margin-bottom:var(--space-sm)}p{color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-md)}.header.svelte-12qhfyh{position:fixed;top:0;left:0;right:0;height:var(--header-height);background-color:var(--surface);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-fixed)}.header-container.svelte-12qhfyh{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 var(--space-lg);max-width:100%}.header-left.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-lg)}.header-right.svelte-12qhfyh{display:flex;align-items:center}.sidebar-toggle.svelte-12qhfyh{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background-color:transparent;transition:var(--transition-fast)}.sidebar-toggle.svelte-12qhfyh:hover{background-color:var(--surface-light)}.hamburger-icon.svelte-12qhfyh{width:20px;height:16px;position:relative;cursor:pointer}.hamburger-icon.svelte-12qhfyh span:where(.svelte-12qhfyh){display:block;position:absolute;height:2px;width:100%;background-color:var(--text-primary);border-radius:2px;opacity:1;left:0;transition:var(--transition-normal)}.hamburger-icon.svelte-12qhfyh span:where(.svelte-12qhfyh):nth-child(1){top:0;transform-origin:left center}.hamburger-icon.svelte-12qhfyh span:where(.svelte-12qhfyh):nth-child(2){top:7px;transform-origin:left center}.hamburger-icon.svelte-12qhfyh span:where(.svelte-12qhfyh):nth-child(3){top:14px;transform-origin:left center}.hamburger-icon.open.svelte-12qhfyh span:where(.svelte-12qhfyh):nth-child(1){transform:rotate(45deg);top:0;left:3px}.hamburger-icon.open.svelte-12qhfyh span:where(.svelte-12qhfyh):nth-child(2){width:0%;opacity:0}.hamburger-icon.open.svelte-12qhfyh span:where(.svelte-12qhfyh):nth-child(3){transform:rotate(-45deg);top:16px;left:3px}.logo-link.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-sm);transition:var(--transition-fast)}.logo-link.svelte-12qhfyh:hover{transform:scale(1.02)}.logo-icon.svelte-12qhfyh{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.logo-text.svelte-12qhfyh{font-size:1.5rem;font-weight:800;color:var(--text-primary)}.logo-accent.svelte-12qhfyh{color:var(--accent)}.header-actions.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-sm)}.action-btn.svelte-12qhfyh{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background-color:transparent;color:var(--text-secondary);transition:var(--transition-fast)}.action-btn.svelte-12qhfyh:hover{background-color:var(--surface-light);color:var(--text-primary)}.user-avatar.svelte-12qhfyh{width:32px;height:32px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem}.sidebar.svelte-12qhfyh{position:fixed;top:var(--header-height);left:0;width:var(--sidebar-width);height:calc(100vh - var(--header-height));background-color:var(--surface);border-right:1px solid var(--border);z-index:var(--z-fixed);transform:translate(-100%);transition:transform var(--transition-normal);overflow:hidden}.sidebar.open.svelte-12qhfyh{transform:translate(0)}.sidebar-overlay.svelte-12qhfyh{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;z-index:calc(var(--z-fixed) - 1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-content.svelte-12qhfyh{display:flex;flex-direction:column;height:100%;overflow-y:auto}.sidebar-header.svelte-12qhfyh{padding:var(--space-xl) var(--space-lg) var(--space-lg);border-bottom:1px solid var(--border)}.sidebar-logo.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-md)}.sidebar-logo-icon.svelte-12qhfyh{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.sidebar-logo-text.svelte-12qhfyh{display:flex;flex-direction:column}.sidebar-logo-title.svelte-12qhfyh{font-size:1.125rem;font-weight:700;color:var(--text-primary);line-height:1.2}.sidebar-logo-subtitle.svelte-12qhfyh{font-size:.875rem;color:var(--text-muted);line-height:1.2}.sidebar-nav.svelte-12qhfyh{flex:1;padding:var(--space-lg) 0}.nav-section.svelte-12qhfyh{margin-bottom:var(--space-xl)}.nav-section-title.svelte-12qhfyh{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 var(--space-lg) var(--space-md)}.nav-list.svelte-12qhfyh{list-style:none;padding:0;margin:0}.nav-item.svelte-12qhfyh{margin:var(--space-xs) var(--space-md)}.nav-link.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);color:var(--text-secondary);transition:var(--transition-fast);position:relative;font-weight:500}.nav-link.svelte-12qhfyh:hover{background-color:var(--surface-light);color:var(--text-primary);transform:translate(2px)}.nav-link.active.svelte-12qhfyh{background-color:var(--primary);color:#fff;box-shadow:var(--shadow-md)}.nav-link.active.svelte-12qhfyh:hover{background-color:var(--primary-dark);transform:translate(0)}.nav-link-icon.svelte-12qhfyh{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:1rem}.nav-link-text.svelte-12qhfyh{font-size:.9375rem;font-weight:500}.nav-link-indicator.svelte-12qhfyh{position:absolute;right:var(--space-md);width:6px;height:6px;background-color:var(--accent);border-radius:var(--radius-full)}.sidebar-footer.svelte-12qhfyh{padding:var(--space-lg);border-top:1px solid var(--border);margin-top:auto}.user-info.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background-color:var(--surface-light);border-radius:var(--radius-lg);margin-bottom:var(--space-md)}.user-avatar-large.svelte-12qhfyh{width:44px;height:44px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.125rem;box-shadow:var(--shadow-sm)}.user-details.svelte-12qhfyh{display:flex;flex-direction:column;flex:1}.logout-btn.svelte-12qhfyh{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-md) var(--space-lg);background-color:transparent;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);font-weight:500;transition:var(--transition-fast)}.logout-btn.svelte-12qhfyh:hover{background-color:var(--error);border-color:var(--error);color:#fff}.logout-btn.svelte-12qhfyh i:where(.svelte-12qhfyh){font-size:1rem}.main-content.svelte-12qhfyh{margin-top:var(--header-height);margin-left:0;min-height:calc(100vh - var(--header-height));background-color:var(--background);transition:margin-left var(--transition-normal)}.main-content.sidebar-expanded.svelte-12qhfyh{margin-left:var(--sidebar-width)}.content-wrapper.svelte-12qhfyh{padding:0;max-width:100%}@media(max-width:1024px){.sidebar.svelte-12qhfyh{width:260px}.main-content.sidebar-expanded.svelte-12qhfyh{margin-left:0}}@media(max-width:768px){:root{--header-height: 64px}.header-container.svelte-12qhfyh{padding:0 var(--space-md)}.logo-text.svelte-12qhfyh{font-size:1.25rem}.sidebar.svelte-12qhfyh{width:280px;box-shadow:var(--shadow-xl)}.content-wrapper.svelte-12qhfyh{padding:0}}@media(max-width:480px){.header-container.svelte-12qhfyh{padding:0 var(--space-md)}.header-left.svelte-12qhfyh{gap:var(--space-md)}.logo-text.svelte-12qhfyh{font-size:1.125rem}.sidebar.svelte-12qhfyh{width:100%}.content-wrapper.svelte-12qhfyh{padding:0}}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.form-input{width:100%;padding:var(--space-md) var(--space-lg);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.9375rem;transition:var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background-color:var(--primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:.9375rem;font-weight:600;text-decoration:none;transition:var(--transition-fast);cursor:pointer}.btn:hover{background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn-secondary{background-color:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background-color:var(--surface-light);border-color:var(--border-light)}.btn-outline{background-color:transparent;color:var(--primary);border:1px solid var(--primary)}.btn-outline:hover{background-color:var(--primary);color:#fff}.btn-danger{background-color:var(--error);color:#fff}.btn-danger:hover{background-color:#dc2626}.btn-success{background-color:var(--success);color:#fff}.btn-success:hover{background-color:#059669}.card{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-sm);transition:var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border)}.card-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.card-subtitle{font-size:.875rem;color:var(--text-muted);margin-top:var(--space-xs)}.card-body{line-height:1.6}.card-footer{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.table-container{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.table{width:100%;border-collapse:collapse;background-color:transparent}.table th{background-color:var(--surface-light);color:var(--text-primary);padding:var(--space-lg);text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.table td{padding:var(--space-lg);border-bottom:1px solid var(--border);color:var(--text-secondary);vertical-align:middle}.table tbody tr:hover{background-color:var(--surface-light)}.table tbody tr:last-child td{border-bottom:none}.alert{padding:var(--space-lg);border-radius:var(--radius-lg);border-left:4px solid;margin-bottom:var(--space-lg);display:flex;align-items:flex-start;gap:var(--space-md)}.alert-info{background-color:#06b6d41a;border-color:var(--info);color:#22d3ee}.alert-success{background-color:#10b9811a;border-color:var(--success);color:#34d399}.alert-warning{background-color:#f59e0b1a;border-color:var(--warning);color:#fbbf24}.alert-error{background-color:#ef44441a;border-color:var(--error);color:#f87171}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);background-color:var(--surface-light);color:var(--text-secondary);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-primary{background-color:#3b82f633;color:var(--primary-light)}.badge-success{background-color:#10b98133;color:#34d399}.badge-warning{background-color:#f59e0b33;color:#fbbf24}.badge-error{background-color:#ef444433;color:#f87171}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-sm)}.gap-4{gap:var(--space-md)}.gap-6{gap:var(--space-lg)}.mt-2{margin-top:var(--space-sm)}.mt-4{margin-top:var(--space-md)}.mb-2{margin-bottom:var(--space-sm)}.mb-4{margin-bottom:var(--space-md)}.p-2{padding:var(--space-sm)}.p-4{padding:var(--space-md)}.px-4{padding-left:var(--space-md);padding-right:var(--space-md)}.py-2{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--surface-lighter);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}html{scrollbar-width:thin;scrollbar-color:var(--surface-lighter) var(--surface)}@keyframes svelte-12qhfyh-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-12qhfyh-slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes svelte-12qhfyh-slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes svelte-12qhfyh-scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:svelte-12qhfyh-fadeIn .5s ease-out}.animate-slide-in-left{animation:svelte-12qhfyh-slideInLeft .5s ease-out}.animate-slide-in-right{animation:svelte-12qhfyh-slideInRight .5s ease-out}.animate-scale-in{animation:svelte-12qhfyh-scaleIn .3s ease-out}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px}*:focus{outline:none}@media print{.sidebar.svelte-12qhfyh,.header.svelte-12qhfyh,.sidebar-overlay.svelte-12qhfyh{display:none!important}.main-content.svelte-12qhfyh{margin:0!important}body{background:#fff!important;color:#000!important}.card{border:1px solid #ccc!important;box-shadow:none!important}}