@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary: 217 91% 50%;--color-primary-hover: 217 91% 45%;--color-primary-light: 217 91% 95%;--color-primary-foreground: 0 0% 100%;--color-gray-50: 210 20% 98%;--color-gray-100: 210 17% 95%;--color-gray-200: 210 14% 89%;--color-gray-300: 210 11% 79%;--color-gray-400: 210 9% 59%;--color-gray-500: 210 8% 45%;--color-gray-600: 210 10% 35%;--color-gray-700: 210 12% 25%;--color-gray-800: 210 14% 15%;--color-gray-900: 210 17% 10%;--color-success: 142 76% 36%;--color-success-light: 142 76% 94%;--color-warning: 38 92% 50%;--color-warning-light: 38 92% 94%;--color-danger: 0 84% 60%;--color-danger-light: 0 84% 95%;--color-background: 0 0% 100%;--color-surface: 0 0% 100%;--color-surface-elevated: 0 0% 100%;--color-border: 210 14% 89%;--color-text-primary: 210 14% 15%;--color-text-secondary: 210 8% 45%;--color-text-muted: 210 9% 59%;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-card: 0 1px 3px 0 rgb(0 0 0 / .08), 0 1px 2px -1px rgb(0 0 0 / .08);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--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;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--header-height: 64px}:root[data-theme=dark]{--color-gray-50: 210 17% 10%;--color-gray-100: 210 16% 12%;--color-gray-200: 210 15% 16%;--color-gray-300: 210 12% 22%;--color-gray-400: 210 10% 35%;--color-gray-500: 210 9% 48%;--color-gray-600: 210 10% 60%;--color-gray-700: 210 14% 72%;--color-gray-800: 210 20% 88%;--color-gray-900: 0 0% 100%;--color-background: 210 17% 10%;--color-surface: 210 16% 12%;--color-surface-elevated: 210 15% 16%;--color-border: 210 12% 22%;--color-text-primary: 210 20% 92%;--color-text-secondary: 210 12% 72%;--color-text-muted: 210 10% 60%;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .35);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .45), 0 2px 4px -2px rgb(0 0 0 / .45);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .55), 0 4px 6px -4px rgb(0 0 0 / .55);--shadow-card: 0 1px 3px 0 rgb(0 0 0 / .45), 0 1px 2px -1px rgb(0 0 0 / .45);--color-success-light: 142 60% 18%;--color-warning-light: 38 70% 18%;--color-danger-light: 0 65% 20%}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9375rem;line-height:1.6;color:hsl(var(--color-text-primary));background-color:hsl(var(--color-gray-50))}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:hsl(var(--color-text-primary))}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}p{margin-bottom:var(--space-4)}a{color:hsl(var(--color-primary));text-decoration:none;transition:color var(--transition-fast)}a:hover{color:hsl(var(--color-primary-hover))}img{max-width:100%;height:auto}:focus-visible{outline:2px solid hsl(var(--color-primary));outline-offset:2px}::-moz-selection{background-color:hsl(var(--color-primary) / .2);color:hsl(var(--color-text-primary))}::selection{background-color:hsl(var(--color-primary) / .2);color:hsl(var(--color-text-primary))}.app-layout{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-width);background:hsl(var(--color-surface));border-right:1px solid hsl(var(--color-border));display:flex;flex-direction:column;transition:width var(--transition-normal);z-index:40}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{height:var(--header-height);padding:0 var(--space-5);display:flex;align-items:center;gap:var(--space-3);border-bottom:1px solid hsl(var(--color-border))}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3);font-weight:700;font-size:1.25rem;color:hsl(var(--color-primary))}.sidebar-logo-icon{width:32px;height:32px;background:linear-gradient(135deg,hsl(var(--color-primary)),#0950c3);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0}.sidebar-logo-text{white-space:nowrap;overflow:hidden}.sidebar.collapsed .sidebar-logo-text{opacity:0;width:0}.sidebar-nav{flex:1;padding:var(--space-4);overflow-y:auto}.sidebar-nav-section{margin-bottom:var(--space-6)}.sidebar-nav-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--color-text-muted));padding:0 var(--space-3);margin-bottom:var(--space-2)}.sidebar.collapsed .sidebar-nav-title{opacity:0;height:0;margin:0;overflow:hidden}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:hsl(var(--color-text-secondary));font-weight:500;transition:all var(--transition-fast);cursor:pointer;text-decoration:none}.sidebar-nav-item:hover{background:hsl(var(--color-gray-100));color:hsl(var(--color-text-primary))}.sidebar-nav-item.active{background:hsl(var(--color-primary-light));color:hsl(var(--color-primary))}.sidebar-nav-item svg{width:20px;height:20px;flex-shrink:0}.sidebar-nav-item-text{white-space:nowrap;overflow:hidden}.sidebar.collapsed .sidebar-nav-item-text{opacity:0;width:0}.sidebar-footer{padding:var(--space-4);border-top:1px solid hsl(var(--color-border))}.sidebar-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2)}.sidebar-user-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:hsl(var(--color-primary-light));color:hsl(var(--color-primary));display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.sidebar-user-info{overflow:hidden}.sidebar.collapsed .sidebar-user-info{opacity:0;width:0}.sidebar-user-name{font-weight:500;font-size:.875rem;color:hsl(var(--color-text-primary));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-email{font-size:.75rem;color:hsl(var(--color-text-muted));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-wrapper{flex:1;margin-left:var(--sidebar-width);transition:margin-left var(--transition-normal);display:flex;flex-direction:column;min-height:100vh}.sidebar.collapsed~.main-wrapper{margin-left:var(--sidebar-collapsed-width)}.header{height:var(--header-height);background:hsl(var(--color-surface));border-bottom:1px solid hsl(var(--color-border));padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30}.header-left{display:flex;align-items:center;gap:var(--space-4)}.header-toggle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-md);color:hsl(var(--color-text-secondary));cursor:pointer;transition:all var(--transition-fast)}.header-toggle:hover{background:hsl(var(--color-gray-100));color:hsl(var(--color-text-primary))}.header-title{font-size:1.125rem;font-weight:600}.header-right{display:flex;align-items:center;gap:var(--space-3)}.main-content{flex:1;padding:var(--space-6)}.page-header{margin-bottom:var(--space-6)}.page-title{font-size:1.5rem;font-weight:700;color:hsl(var(--color-text-primary));margin-bottom:var(--space-2)}.page-description{color:hsl(var(--color-text-secondary));margin-bottom:0}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-wrapper{margin-left:0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:.75rem;font-weight:500;line-height:1.5;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:hsl(var(--color-primary));color:hsl(var(--color-primary-foreground));border-color:hsl(var(--color-primary))}.btn-primary:hover:not(:disabled){background:hsl(var(--color-primary-hover));border-color:hsl(var(--color-primary-hover))}.btn-secondary{background:hsl(var(--color-surface));color:hsl(var(--color-text-primary));border-color:hsl(var(--color-border))}.btn-secondary:hover:not(:disabled){background:hsl(var(--color-gray-100))}.btn-danger{background:hsl(var(--color-danger));color:#fff;border-color:hsl(var(--color-danger))}.btn-danger:hover:not(:disabled){background:#ed2c2c}.btn-ghost{background:transparent;color:hsl(var(--color-text-secondary));border-color:transparent}.btn-ghost:hover:not(:disabled){background:hsl(var(--color-gray-100));color:hsl(var(--color-text-primary))}.btn-sm{padding:var(--space-1) var(--space-3);font-size:.8125rem}.btn-lg{padding:var(--space-3) var(--space-6);font-size:1rem}.btn-icon{width:36px;height:36px;padding:0}.btn-icon.btn-sm{width:28px;height:28px}.section-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;line-height:1.4}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:.875rem;font-weight:500;color:hsl(var(--color-text-primary));margin-bottom:var(--space-2)}.form-input{width:100%;padding:var(--space-2) var(--space-3);font-size:.75rem;line-height:1.5;color:hsl(var(--color-text-primary));background:hsl(var(--color-surface));border:1px solid hsl(var(--color-border));border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-input::-moz-placeholder{color:hsl(var(--color-text-muted))}.form-input::placeholder{color:hsl(var(--color-text-muted))}.form-input:focus{outline:none;border-color:hsl(var(--color-primary));box-shadow:0 0 0 3px hsl(var(--color-primary) / .15)}.form-input:disabled{background:hsl(var(--color-gray-100));cursor:not-allowed}.form-input.error{border-color:hsl(var(--color-danger))}.form-input.error:focus{box-shadow:0 0 0 3px hsl(var(--color-danger) / .15)}.form-error{font-size:.8125rem;color:hsl(var(--color-danger));margin-top:var(--space-1)}.form-hint{font-size:.8125rem;color:hsl(var(--color-text-muted));margin-top:var(--space-1)}.card{background:hsl(var(--color-surface));border:1px solid hsl(var(--color-border));border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.card-header{padding:var(--space-5);border-bottom:1px solid hsl(var(--color-border));display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.card-title{font-size:1rem;font-weight:600;color:hsl(var(--color-text-primary));margin:0}.card-body{padding:var(--space-5)}.card-footer{padding:var(--space-4) var(--space-5);border-top:1px solid hsl(var(--color-border));background:hsl(var(--color-gray-50));border-radius:0 0 var(--radius-lg) var(--radius-lg)}.stat-card{padding:var(--space-5)}.stat-card-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.stat-card-icon.primary{background:hsl(var(--color-primary-light));color:hsl(var(--color-primary))}.stat-card-icon.success{background:hsl(var(--color-success-light));color:hsl(var(--color-success))}.stat-card-icon.warning{background:hsl(var(--color-warning-light));color:hsl(var(--color-warning))}.stat-card-value{font-size:1.75rem;font-weight:700;color:hsl(var(--color-text-primary));margin-bottom:var(--space-1)}.stat-card-label{font-size:.875rem;color:hsl(var(--color-text-secondary))}.table-wrapper{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table th{text-align:left;padding:var(--space-3) var(--space-4);font-weight:600;color:hsl(var(--color-text-secondary));background:hsl(var(--color-gray-50));border-bottom:1px solid hsl(var(--color-border));white-space:nowrap}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid hsl(var(--color-border));color:hsl(var(--color-text-primary))}.table tr:hover td{background:hsl(var(--color-gray-50))}.table-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:.75rem;font-weight:500;border-radius:var(--radius-full);white-space:nowrap}.badge-primary{background:hsl(var(--color-primary-light));color:hsl(var(--color-primary))}.badge-success{background:hsl(var(--color-success-light));color:hsl(var(--color-success))}.badge-warning{background:hsl(var(--color-warning-light));color:hsl(var(--color-warning))}.badge-danger{background:hsl(var(--color-danger-light));color:hsl(var(--color-danger))}.badge-gray{background:hsl(var(--color-gray-200));color:hsl(var(--color-text-secondary))}.search-input-wrapper{position:relative;max-width:320px}.search-input-wrapper svg{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:18px;height:18px;color:hsl(var(--color-text-muted))}.search-input{padding-left:var(--space-10)}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:hsl(var(--color-text-secondary))}.empty-state-icon{width:64px;height:64px;margin:0 auto var(--space-4);color:hsl(var(--color-gray-300))}.empty-state-title{font-size:1.125rem;font-weight:600;color:hsl(var(--color-text-primary));margin-bottom:var(--space-2)}.empty-state-description{margin-bottom:var(--space-6)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:50;animation:fadeIn var(--transition-fast)}.modal{background:hsl(var(--color-surface));border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:480px;max-height:90vh;overflow:hidden;animation:slideUp var(--transition-normal)}.modal-header{padding:var(--space-2);border-bottom:1px solid hsl(var(--color-border));display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:1rem;font-weight:600;margin:0}.modal-body{padding:var(--space-5);overflow-y:auto}.modal-footer{padding:var(--space-4) var(--space-5);border-top:1px solid hsl(var(--color-border));display:flex;justify-content:flex-end;gap:var(--space-3);background:hsl(var(--color-gray-50))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.alert{padding:var(--space-4);border-radius:var(--radius-md);display:flex;gap:var(--space-3)}.alert-error{background:hsl(var(--color-danger-light));color:hsl(var(--color-danger));border:1px solid hsl(var(--color-danger) / .2)}.alert-success{background:hsl(var(--color-success-light));color:hsl(var(--color-success));border:1px solid hsl(var(--color-success) / .2)}.alert-icon{flex-shrink:0}.spinner{width:20px;height:20px;border:2px solid hsl(var(--color-gray-200));border-top-color:hsl(var(--color-primary));border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.grid{display:grid;gap:var(--space-4)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}}