@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";
:root{--bg-color:#0f172a;--bg-gradient:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--surface-color:#1e293bb3;--surface-border:#ffffff1a;--primary:#3b82f6;--primary-hover:#2563eb;--secondary:#10b981;--accent:#8b5cf6;--text-main:#f8fafc;--text-muted:#94a3b8;--danger:#ef4444;--warning:#f59e0b;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--glass-shadow:0 8px 32px 0 #0000005e}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-main);background-attachment:fixed;flex-direction:column;min-height:100vh;font-family:Poppins,sans-serif;display:flex}a{color:inherit;text-decoration:none}.glass-panel{background:var(--surface-color);-webkit-backdrop-filter:blur(12px);border:1px solid var(--surface-border);box-shadow:var(--glass-shadow);border-radius:16px}.glass-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:20px;transition:transform .2s,box-shadow .2s,background .2s}.glass-card:hover{box-shadow:var(--shadow-lg);background:#ffffff0d;transform:translateY(-2px)}.hover-glass:hover{background:#ffffff0d!important}.input-group{margin-bottom:1rem}.input-label{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.input-field{border:1px solid var(--surface-border);width:100%;color:var(--text-main);background:#0f172a99;border-radius:8px;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.input-field:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3b82f640}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px #3b82f663}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666}.btn-secondary{color:var(--text-main);border:1px solid var(--surface-border);background:#ffffff1a}.btn-secondary:hover{background:#ffffff26}.dashboard-layout{min-height:100vh;display:flex;position:relative}.sidebar{border-right:1px solid var(--surface-border);background:var(--bg-color);z-index:50;flex-direction:column;width:260px;height:100vh;padding:1.5rem;transition:transform .3s;display:flex;position:sticky;top:0}.main-content{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.top-header{border-bottom:1px solid var(--surface-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#0f172acc;justify-content:space-between;align-items:center;height:70px;padding:0 2rem;display:flex;position:sticky;top:0}.content-area{flex:1;padding:2rem;overflow-y:auto}.menu-toggle{color:var(--text-main);cursor:pointer;background:0 0;border:none;margin-right:1rem;display:none}.sidebar-overlay{display:none}.table-responsive{width:100%;overflow-x:auto}.flex-wrap-mobile{display:flex}.auth-layout{min-height:100vh;display:flex}.auth-banner{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);color:#fff;flex-direction:column;flex:1;justify-content:center;padding:4rem;display:flex}.auth-form-container{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.page-title{background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:1.875rem;font-weight:700}.section-title{margin-bottom:1rem;font-size:1.25rem;font-weight:600}@media (max-width:768px){.sidebar{z-index:1000;position:fixed;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#00000080;width:100vw;height:100vh;display:block;position:fixed;top:0;left:0}.menu-toggle{display:block}.top-header{padding:0 1rem}.content-area{padding:1rem}div[style*="display: grid"]{grid-template-columns:1fr!important}.flex-wrap-mobile{flex-wrap:wrap}.hide-on-mobile{display:none!important}.auth-layout{flex-direction:column}.auth-banner{text-align:center;flex:none;align-items:center;padding:2rem}}