:root{--primary-blue: #0F52BA;--primary-blue-light: #4A7FD6;--primary-blue-dark: #0A3680;--success-main: #1B8A54;--error-main: #BA1A1A;--warning-main: #7A5900;--info-main: #006493;--background: #F0F2F8;--foreground: #1A1C2E;--card: #FFFFFF;--card-foreground: #1A1C2E;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-12: 3rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .12);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:var(--background);color:var(--foreground);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}._layoutContainer_263f3_1{display:flex;min-height:100vh;background-color:#f5f5f5}._sidebar_263f3_7{width:260px;background-color:#1976d2;color:#fff;display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;box-shadow:2px 0 8px #0000001a}._sidebarHeader_263f3_20{padding:24px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1)}._logo_263f3_28{height:40px;width:40px;object-fit:contain}._brandText_263f3_34{font-size:1.1rem;font-weight:600;line-height:1.3}._sidebarNav_263f3_40{flex:1;padding:20px 0;overflow-y:auto}._navItem_263f3_46{display:flex;align-items:center;gap:12px;padding:14px 20px;color:#fffc;text-decoration:none;transition:all .2s ease;border-left:4px solid transparent;cursor:pointer}._navItem_263f3_46:hover{background-color:#ffffff1a;color:#fff}._navItemActive_263f3_63{background-color:#ffffff26;color:#fff;border-left-color:#fff;font-weight:500}._sidebarFooter_263f3_70{padding:20px;border-top:1px solid rgba(255,255,255,.1)}._logoutButton_263f3_75{width:100%;padding:12px;background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:4px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease}._logoutButton_263f3_75:hover{background-color:#fff3}._mainContent_263f3_94{margin-left:260px;flex:1;display:flex;flex-direction:column}._pageHeader_263f3_101{background-color:#fff;padding:24px 32px;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}._pageTitle_263f3_110{font-size:1.75rem;font-weight:600;color:#1976d2;margin:0}._contentArea_263f3_117{padding:24px 32px;flex:1}._container_1mi9x_1{max-width:1100px}._grid_1mi9x_5{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}._card_1mi9x_11{border:1px solid rgba(0,0,0,.08)!important;border-radius:20px!important;background:#fff!important;transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease!important}._card_1mi9x_11:hover{box-shadow:0 8px 32px #0000001a!important;transform:translateY(-3px)!important;border-color:#0000001f!important}._cardContent_1mi9x_24{padding:24px 24px 12px!important}._cardHeader_1mi9x_28{display:flex;align-items:flex-start;justify-content:space-between}._cardActions_1mi9x_34{padding:8px 24px 20px!important;gap:8px!important;flex-wrap:wrap}@media(max-width:768px){._grid_1mi9x_5{grid-template-columns:1fr}}._loginContainer_j20wb_1{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;padding:var(--spacing-4)}._loginCard_j20wb_10{background:var(--card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--spacing-12);width:100%;max-width:400px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #e0e0e0}._logo_j20wb_21{text-align:center;margin-bottom:var(--spacing-4)}._logoImage_j20wb_26{max-width:200px;height:auto;margin-bottom:var(--spacing-4)}._title_j20wb_32{color:var(--primary-blue)!important;font-size:1.75rem!important;font-weight:600!important;text-align:center!important;margin:0 0 var(--spacing-2) 0!important}._form_j20wb_40{display:flex;flex-direction:column;gap:var(--spacing-6)}._textField_j20wb_46{width:100%}._loginButton_j20wb_50{margin-top:var(--spacing-4);padding:var(--spacing-4) var(--spacing-6);font-size:1rem;font-weight:600}._errorMessage_j20wb_57{color:var(--error-main);font-size:.875rem;text-align:center;margin-top:var(--spacing-2);padding:var(--spacing-2);background-color:#d32f2f1a;border-radius:var(--radius-md);border:1px solid rgba(211,47,47,.2)}._loadingSpinner_j20wb_68{width:20px;height:20px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:_spin_j20wb_1 1s linear infinite;margin-right:var(--spacing-2)}@keyframes _spin_j20wb_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.App{min-height:100vh}.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(--spacing-2)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.mt-4{margin-top:var(--spacing-4)}.mb-4{margin-bottom:var(--spacing-4)}.text-center{text-align:center}.w-full{width:100%}.max-w-md{max-width:28rem}.rounded-lg{border-radius:var(--radius-lg)}.shadow-lg{box-shadow:var(--shadow-lg)}