@charset "UTF-8";:root{--primary-color: #4F46E5;--primary-hover: #4338CA;--primary-light: #E0E7FF;--secondary-color: #10B981;--accent-color: #F59E0B;--danger-color: #EF4444;--success-color: #10B981;--warning-color: #F59E0B;--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-bg: #D1FAE5;--success-border: #10B981;--warning-bg: #FEF3C7;--warning-border: #F59E0B;--error-bg: #FEE2E2;--error-border: #EF4444;--info-bg: #DBEAFE;--info-border: #3B82F6;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--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;--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);--transition-fast: .15s ease-in-out;--transition-normal: .2s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--gray-50);color:var(--gray-900);min-height:100vh}.app-container{display:flex;height:100vh;background-color:var(--gray-50)}.sidebar{width:280px;background:#fff;border-right:1px solid var(--gray-200);display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.sidebar-header{padding:var(--space-6);border-bottom:1px solid var(--gray-200)}.logo{display:flex;align-items:center;gap:var(--space-3)}.logo-icon{width:40px;height:40px;background:var(--primary-color);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.2rem}.logo-text{font-size:1.25rem;font-weight:700;color:var(--gray-900)}.sidebar-nav{flex:1;padding:var(--space-4) 0;overflow-y:auto}.sidebar-footer{padding:var(--space-3);border-top:1px solid var(--gray-200)}.account-btn{display:flex!important;align-items:center;gap:.65rem;padding:.5rem .65rem!important;border-radius:var(--radius-md);text-decoration:none;transition:background .2s}.account-btn:hover{background:var(--primary-color)}.account-btn:hover .account-name,.account-btn.active .account-name{color:#fff}.account-btn:hover .account-email,.account-btn.active .account-email{color:#ffffffbf}.account-btn.active{background:var(--primary-color)}.account-avatar{width:34px;height:34px;min-width:34px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6d28d9);display:flex;align-items:center;justify-content:center;overflow:hidden}.account-avatar-img{width:100%;height:100%;object-fit:cover}.account-avatar-initials{color:#fff;font-size:.8rem;font-weight:700}.account-info{display:flex;flex-direction:column;overflow:hidden;min-width:0}.account-name{font-size:.8rem;font-weight:600;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-email{font-size:.7rem;color:var(--gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.login-page-wrapper{min-height:100vh}.nav-section{margin-bottom:var(--space-6);padding:0 var(--space-4)}.nav-section-title{font-size:.75rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);padding:0 var(--space-3)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:var(--gray-700);text-decoration:none;font-weight:500;transition:all var(--transition-fast);margin-bottom:var(--space-1)}.nav-item:hover{background-color:var(--gray-100);color:var(--gray-900)}.nav-item.active{background-color:var(--primary-color);color:#fff}.nav-item-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.main-header{background:#fff;border-bottom:1px solid var(--gray-200);padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm)}.header-left{flex:1}.header-title{font-size:1.875rem;font-weight:700;color:var(--gray-900);margin-bottom:.25rem}.header-subtitle{color:var(--gray-600);font-size:1rem}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.main-body{flex:1;overflow-y:auto;background:var(--gray-50);padding:var(--space-6)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary{background-color:#fff;color:var(--gray-700);border-color:var(--gray-300)}.btn-secondary:hover:not(:disabled){background-color:var(--gray-50);border-color:var(--gray-400)}.btn-success{background-color:var(--secondary-color);color:#fff;border-color:var(--secondary-color)}.btn-danger{background-color:var(--danger-color);color:#fff;border-color:var(--danger-color)}.btn-outline{background-color:transparent;color:var(--primary-color);border-color:var(--primary-color)}.btn-outline:hover:not(:disabled){background-color:var(--primary-color);color:#fff}.btn-sm{padding:var(--space-2) var(--space-3);font-size:.8125rem}.form-input,.form-select,.form-textarea{display:block;width:100%;padding:var(--space-3);border:2px solid var(--gray-300);border-radius:var(--radius-md);font-size:1rem;transition:border-color var(--transition-fast);background:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color)}.form-input::placeholder,.form-textarea::placeholder{color:var(--gray-400)}.form-textarea{resize:vertical;font-family:inherit}.card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{padding:var(--space-6);border-bottom:1px solid var(--gray-200);background:var(--gray-50)}.card-title{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin:0}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--gray-200);background:var(--gray-50)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:9999px;font-size:.75rem;font-weight:500}.badge-success{background-color:var(--success-bg);color:var(--secondary-color);border:1px solid var(--success-border)}.badge-warning{background-color:var(--warning-bg);color:var(--accent-color);border:1px solid var(--warning-border)}.badge-danger{background-color:var(--error-bg);color:var(--danger-color);border:1px solid var(--error-border)}.badge-info{background-color:var(--info-bg);color:var(--info-border);border:1px solid var(--info-border)}.error-message{color:var(--danger-color);font-size:.875rem;margin-top:var(--space-1)}.error-messages{background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.loading-overlay{position:absolute;inset:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.loading-spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hamburger-btn{display:none;flex-direction:column;justify-content:center;gap:4px;width:36px;height:36px;padding:6px;background:none;border:1px solid var(--gray-300);border-radius:var(--radius-md);cursor:pointer;flex-shrink:0}.hamburger-line{display:block;width:100%;height:2px;background:var(--gray-700);border-radius:2px}.sidebar-close{display:none;background:none;border:none;font-size:1.5rem;color:var(--gray-500);cursor:pointer;padding:var(--space-1);line-height:1}.sidebar-overlay{display:none}.btn-label-desktop{display:inline}@media(max-width:1024px){.sidebar{width:220px}.main-body,.card-header,.card-body{padding:var(--space-4)}.card-footer{padding:var(--space-3) var(--space-4)}}@media(max-width:768px){.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:1001;transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.sidebar-close{display:block}.sidebar-header{display:flex;align-items:center;justify-content:space-between}.sidebar-overlay{display:block;position:fixed;inset:0;background:#0006;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.open{opacity:1;pointer-events:auto}.hamburger-btn{display:flex}.main-header{padding:var(--space-3) var(--space-4);gap:var(--space-3)}.header-title{font-size:1.1rem;margin:0}.header-subtitle{display:none}.header-left{flex:1;min-width:0}.btn-label-desktop{display:none}.btn-header-new{padding:var(--space-2) var(--space-3)}.main-body{padding:var(--space-3)}.form-input,.form-select,.form-textarea{padding:var(--space-3) var(--space-3);font-size:16px}.btn{padding:var(--space-3) var(--space-4);min-height:44px}.btn-sm{padding:var(--space-2) var(--space-3);min-height:36px}.card-header,.card-body,.card-footer{padding:var(--space-3) var(--space-4)}.modal-overlay{align-items:flex-end}.modal-content{max-width:100%!important;width:100%!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;max-height:90vh;overflow-y:auto}}