*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#1e3a5f;--primary-light:#2d5a87;--primary-dark:#152a45;--secondary:#06b6d4;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--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;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1f2937;color:var(--gray-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.app-container,body{background-color:#f3f4f6;background-color:var(--gray-100)}.app-container{display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,#1e3a5f,#152a45);background:linear-gradient(180deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:transform .3s ease;width:260px;z-index:100}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:1.5rem}.sidebar-logo{align-items:center;display:flex;gap:.75rem}.sidebar-logo h1{color:#fff;font-size:1.25rem;font-weight:700;margin:0}.sidebar-logo span{color:#d1d5db;color:var(--gray-300);display:block;font-size:.7rem;margin-top:2px}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem 0}.nav-section{margin-bottom:1.5rem;padding:0 .75rem}.nav-section-title{color:#9ca3af;color:var(--gray-400);font-size:.7rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;padding:0 .75rem;text-transform:uppercase}.nav-link{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);color:#d1d5db;color:var(--gray-300);display:flex;font-size:.875rem;font-weight:500;gap:.75rem;margin-bottom:.25rem;padding:.75rem;text-decoration:none;transition:all .2s ease}.nav-link:hover{background-color:#ffffff1a;color:#fff}.nav-link.active{background-color:#06b6d4;background-color:var(--secondary);box-shadow:0 2px 8px #06b6d44d;color:#fff}.nav-link svg{flex-shrink:0}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:260px;min-height:100vh}.header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:1.25rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:50}.header-title{color:#1f2937;color:var(--gray-800);font-size:1.5rem;font-weight:600;margin:0}.header-actions{align-items:center;display:flex;gap:1rem}.page-content{flex:1 1;padding:2rem}.card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);overflow:hidden}.card-header{background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:1.25rem 1.5rem}.card-body{padding:1.5rem}.btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.625rem 1.25rem;text-decoration:none;transition:all .2s ease}.btn-primary{background-color:#1e3a5f;background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:#2d5a87;background-color:var(--primary-light)}.btn-secondary{background-color:#06b6d4;background-color:var(--secondary);color:#fff}.btn-secondary:hover{background-color:#0891b2}.btn-outline{background-color:initial;border:1px solid #d1d5db;border:1px solid var(--gray-300);color:#374151;color:var(--gray-700)}.btn-outline:hover{background-color:#f3f4f6;background-color:var(--gray-100)}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2rem}.stat-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);padding:1.5rem}.stat-card-icon{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);display:flex;height:48px;justify-content:center;margin-bottom:1rem;width:48px}.stat-card-value{color:#1f2937;color:var(--gray-800);font-size:2rem;font-weight:700;margin-bottom:.25rem}.stat-card-label{color:#6b7280;color:var(--gray-500);font-size:.875rem}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:1rem;text-align:left}th{background:#f9fafb;background:var(--gray-50);color:#4b5563;color:var(--gray-600);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}tr:hover{background-color:#f9fafb;background-color:var(--gray-50)}.progress-bar{background-color:#e5e7eb;background-color:var(--gray-200);border-radius:9999px;height:8px;overflow:hidden}.progress-fill{border-radius:9999px;height:100%;transition:width .3s ease}.badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.badge-success{background-color:#d1fae5;color:#065f46}.badge-warning{background-color:#fef3c7;color:#92400e}.badge-danger{background-color:#fee2e2;color:#991b1b}.badge-info{background-color:#dbeafe;color:#1e40af}.form-group{margin-bottom:1.25rem}.form-label{color:#374151;color:var(--gray-700);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-input{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--radius-md);font-size:.875rem;padding:.625rem .875rem;transition:all .2s ease;width:100%}.form-input:focus{border-color:#06b6d4;border-color:var(--secondary);box-shadow:0 0 0 3px #06b6d41a;outline:none}@media (max-width:1024px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0!important}.mobile-menu-btn{display:block!important}}@media (max-width:768px){.header,.page-content{padding:1rem}.header-title{font-size:1.25rem}.stats-grid{grid-template-columns:1fr}}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.signout-btn:hover{background-color:#ef4444!important;background-color:var(--danger)!important;color:#fff!important}