.login-page{font-family:Poppins,sans-serif;margin:0;padding:0;color:#fff;overflow:hidden}.auth-container{position:relative;background:#0000004d;border-radius:20px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:2px solid transparent;background-clip:padding-box;padding:45px;width:350px;text-align:center;box-shadow:0 0 40px #0009;animation:floatUp .8s ease forwards;transition:transform .3s ease,box-shadow .3s ease}.auth-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,#0ff,#f0f,#0f8);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.auth-container:hover{transform:translateY(-10px);box-shadow:0 0 30px #0ff9,0 0 20px #f0f6;transition:all .3s ease}.login-title{font-size:26px;font-weight:600;color:#fff;margin-bottom:25px;letter-spacing:1px;text-shadow:0 0 10px #00ffff}.welcome-text{font-size:16px;color:#f1eaeadb;text-align:center;line-through:1.5;max-width:80%;margin:10px auto 20px}@media (max-width: 768px){.welcome-text{font-size:14px;max-width:90%}}.input-field{width:100%;padding:12px 15px;margin:12px 0;border-radius:10px;border:1px solid rgba(255,255,255,.3);background:#ffffff0d;color:#fff;font-size:16px;transition:all .3s ease;outline:none}select.input-field{width:100%;padding:12px 30px 12px 15px;margin:12px 0;border-radius:10px;border:1px solid rgba(255,255,255,.3);background:#ffffff0d;color:#fff;font-size:16px;transition:all .3s ease;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="white" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 15px center}select.input-field option{color:#000;background-color:#fff}select.input-field:focus{border-color:#0ff;box-shadow:0 0 15px #0ff;background:#ffffff1a}.input-field::placeholder{color:#fff9}.input-field:focus{border-color:#0ff;box-shadow:0 0 15px #0ff;background:#ffffff1a}.country-code{color:#fff}.country-code option{color:#1a1a1a}.password-container{position:relative;width:100%}.toggle-password{position:absolute;right:15px;top:50%;transform:translateY(-50%);cursor:pointer;color:#0ff;transition:all .3s ease}.toggle-password:hover{color:#f0f;text-shadow:0 0 8px #ff00ff}.forgot-password-container{text-align:right;margin-top:-5px;margin-bottom:15px}.forgot-password-link{color:#0ff;font-size:14px;text-decoration:none}.forgot-password-link:hover{color:#f0f;text-shadow:0 0 8px #ff00ff}.login-btn{width:100%;padding:12px;background:linear-gradient(135deg,#0ff,#0f8);border:none;border-radius:10px;color:#000;font-size:16px;font-weight:600;cursor:pointer;margin-top:18px;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.login-btn:hover{background:linear-gradient(135deg,#0fc,#0ff,#0f8);box-shadow:0 0 25px #0ff,0 0 15px #f0f;transform:scale(1.05)}.signup-text{margin-top:20px;color:#ffffffb3;font-size:14px}.signup-link{color:#0ff;text-decoration:none;font-weight:600;transition:all .3s ease}.signup-link:hover{color:#f0f;text-shadow:0 0 10px #ff00ff}@keyframes floatUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.auth-container{width:85%;padding:30px}.login-title{font-size:22px}}.logo-container{display:flex;justify-content:center;align-items:center;margin-bottom:15px}.login-logo{width:100px;height:100px;object-fit:contain;display:block;background:transparent;animation:logoGlow 3s ease-in-out infinite}@media (max-width: 600px){.login-logo{width:85px;height:85px}}body{margin:0;padding:0;font-family:Poppins,sans-serif;background-color:var(--primary-bg);color:var(--text-dark)}.active-tab{border-bottom:3px solid #0066cc!important;color:#06c!important;font-weight:600}nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;transition:all .3s ease}.desktop-nav a:hover{color:#06c;transform:translateY(-1px)}.side-drawer{position:fixed;top:0;left:-250px;height:100vh;width:250px;background:#fff;box-shadow:3px 0 12px #0003;display:flex;flex-direction:column;padding:25px 15px;gap:15px;z-index:300;transition:left .35s ease-in-out}.side-drawer a{text-decoration:none;color:#333;font-size:15px;display:flex;align-items:center;gap:10px;transition:.3s}.side-drawer a:hover{color:#06c;transform:translate(4px)}.mobile-nav{display:none;align-items:center;gap:15px}.mobile-nav svg{cursor:pointer;transition:transform .3s ease}.mobile-nav svg:hover{transform:rotate(90deg)}@media (max-width: 768px){.desktop-nav{display:none!important}.mobile-nav{display:flex!important}}@media (min-width: 769px){.mobile-nav,.side-drawer{display:none!important}}.mobile-nav{display:none}.desktop-nav{display:flex}.side-drawer{position:fixed;top:0;left:-250px;width:250px;height:100%;background:#fff;box-shadow:2px 0 10px #0000001a;transition:left .3s ease;z-index:300;padding:20px}.side-drawer.open{left:0}.side-drawer a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#000;padding:12px 0;border-bottom:1px solid #eee;font-weight:500}.side-drawer a:hover{color:#06c}.desktop-nav a{position:relative}.desktop-nav a:hover>div{transform:scaleX(1)!important}.desktop-nav a:hover .underline-hover{transform:scaleX(1)!important}.desktop-nav a>div{transform:scaleX(0);transition:transform .3s ease}.logo{height:80px;width:80px;object-fit:contain;background:transparent}@media (max-width: 1024px){.logo{height:60px;width:60px}nav{padding:12px 20px}}@media (max-width: 768px){.desktop-nav{display:none!important}.mobile-nav{display:flex!important}.logo{height:50px;width:50px}nav{padding:10px 16px}.dashboard-container{padding:16px!important}.stats-grid,.cards-grid{grid-template-columns:1fr!important;gap:16px!important}.chart-container{width:100%!important;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-container table{font-size:.875rem;min-width:600px}.table-container th,.table-container td{padding:8px 12px!important}button,.btn{min-height:44px;font-size:.95rem;padding:10px 16px}input,select,textarea{font-size:16px!important;min-height:44px;padding:12px 16px}.modal-content{width:95%!important;max-width:100%!important;margin:20px auto!important;padding:20px!important;max-height:90vh;overflow-y:auto}.side-drawer{width:280px;padding:20px 16px}.side-drawer a{padding:14px 0;font-size:16px;min-height:48px}.user-dropdown{right:16px!important;width:calc(100% - 32px)!important;max-width:300px}}@media (max-width: 480px){nav{padding:8px 12px}.logo{height:40px;width:40px}.dashboard-container{padding:12px!important}.stats-grid,.cards-grid{gap:12px!important}.table-container table{font-size:.8rem;min-width:500px}.table-container th,.table-container td{padding:6px 8px!important}.side-drawer{width:260px}.modal-content{padding:16px!important}}:root{--primary: #0A2885;--primary-light: #3366CC;--background: #FFFFFF;--card-bg: #F5F5F5;--text-dark: #333333;--text-light: #FFFFFF;--border-light: #DDDDDD;--shadow: 0 0 10px rgba(0,0,0,.1);--transition: all .3s ease}body{margin:0;padding:0;background-color:var(--background);color:var(--text-dark);font-family:Poppins,Arial,sans-serif}.sidebar{width:250px;background-color:var(--primary);color:var(--text-light);display:flex;flex-direction:column;justify-content:space-between;padding:20px 15px;box-shadow:var(--shadow)}.sidebar h2{margin-bottom:40px;font-size:1.8rem;color:var(--text-light)}.sidebar-link{display:flex;align-items:center;gap:10px;padding:10px;border-radius:6px;color:var(--text-light);text-decoration:none;transition:var(--transition)}.sidebar-link:hover,.sidebar-link.active{background-color:var(--primary-light)}.card{background-color:var(--card-bg);border:1px solid var(--border-light);border-radius:10px;padding:20px;box-shadow:var(--shadow);transition:var(--transition)}.card:hover{box-shadow:0 0 20px #00000026}.button{background-color:var(--primary);color:var(--text-light);border:none;border-radius:6px;padding:10px 16px;cursor:pointer;transition:var(--transition)}.button:hover{background-color:var(--primary-light)}h2,h3,h4,p{color:var(--text-dark)}.summary-card{background-color:var(--card-bg);border:1px solid var(--border-light);border-radius:8px;padding:20px;margin:20px 0}:root{--primary-bg: #f7f9fb;--sidebar-bg: #005db9;--accent: #0078ff;--card-bg: #ffffff;--text-dark: #111;--text-muted: #555;--hover-bg: #e6f0ff;--shadow: 0 4px 15px rgba(0, 0, 0, .08);--transition: all .3s ease}:root{--primary-color: #0066cc;--text-light: #111;--text-muted: #555;--card-bg: #fff;--shadow: 0 2px 12px rgba(0,0,0,.1);--transition: all .3s ease}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:10px 30px;border-bottom:1px solid #e5e5e5;position:sticky;top:0;z-index:100;background:transparent}.top-nav a{text-decoration:none;color:var(--text-light);font-weight:500;padding:10px 15px;position:relative;transition:var(--transition)}.top-nav a.active:after{content:"";position:absolute;bottom:0;left:0;height:3px;width:100%;background:var(--primary-color);border-radius:2px}.top-nav a:hover:after{width:100%}.card{background:var(--card-bg);box-shadow:var(--shadow);border-radius:12px;padding:20px;transition:var(--transition)}.card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.hamburger{display:none;cursor:pointer;flex-direction:column;gap:5px}.hamburger div{width:25px;height:3px;background:var(--text-light);transition:var(--transition)}@media (max-width: 900px){.top-nav-links{display:none}.hamburger{display:flex}.mobile-menu{position:absolute;top:50px;right:10px;background:#fff;border-radius:8px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box}:root{--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem}.hide-mobile{display:block}.show-mobile{display:none}@media (max-width: 768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}}.container-responsive{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}@media (max-width: 768px){.container-responsive{padding:0 var(--spacing-sm)}}.grid-responsive{display:grid;gap:var(--spacing-lg)}.grid-responsive-2{grid-template-columns:repeat(2,1fr)}.grid-responsive-3{grid-template-columns:repeat(3,1fr)}.grid-responsive-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid-responsive-4,.grid-responsive-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-responsive-2,.grid-responsive-3,.grid-responsive-4{grid-template-columns:1fr}}.flex-responsive{display:flex;gap:var(--spacing-md)}@media (max-width: 768px){.flex-responsive{flex-direction:column;gap:var(--spacing-sm)}.flex-responsive-row-mobile{flex-direction:row;flex-wrap:wrap}}h1{font-size:var(--font-size-5xl);line-height:1.2}h2{font-size:var(--font-size-4xl);line-height:1.3}h3{font-size:var(--font-size-3xl);line-height:1.4}h4{font-size:var(--font-size-2xl);line-height:1.4}h5{font-size:var(--font-size-xl);line-height:1.5}h6{font-size:var(--font-size-lg);line-height:1.5}@media (max-width: 1024px){h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}}@media (max-width: 768px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}}@media (max-width: 480px){h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}}.btn-responsive{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);border-radius:12px;min-height:44px;transition:all .3s ease;cursor:pointer;border:none;font-weight:600;white-space:nowrap}@media (max-width: 768px){.btn-responsive{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);width:100%;min-height:48px}}.input-responsive{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);border-radius:12px;min-height:44px;border:1.5px solid rgba(255,255,255,.3);transition:all .3s ease}@media (max-width: 768px){.input-responsive{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);min-height:48px}}.card-responsive{padding:var(--spacing-xl);border-radius:24px;background:#ffffff1a;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1.5px solid rgba(96,165,250,.3);transition:all .3s ease}@media (max-width: 768px){.card-responsive{padding:var(--spacing-lg);border-radius:20px}}@media (max-width: 480px){.card-responsive{padding:var(--spacing-md);border-radius:16px}}.nav-responsive{padding:var(--spacing-lg) var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}@media (max-width: 768px){.nav-responsive{padding:var(--spacing-md) var(--spacing-sm);flex-wrap:wrap}}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive table{width:100%;min-width:600px}@media (max-width: 768px){.table-responsive{display:block}.table-responsive table{font-size:var(--font-size-sm)}.table-responsive th,.table-responsive td{padding:var(--spacing-xs) var(--spacing-sm)}}.img-responsive{max-width:100%;height:auto;display:block}@media (max-width: 768px){.section-responsive{padding:var(--spacing-xl) var(--spacing-md)!important}.section-responsive-lg{padding:var(--spacing-2xl) var(--spacing-md)!important}}@media (max-width: 768px){a,button,input[type=button],input[type=submit]{min-height:44px;min-width:44px}}body{overflow-x:hidden;width:100%}html{scroll-behavior:smooth}.modal-responsive{width:90%;max-width:600px;margin:var(--spacing-xl) auto;padding:var(--spacing-xl);border-radius:24px}@media (max-width: 768px){.modal-responsive{width:95%;margin:var(--spacing-md) auto;padding:var(--spacing-lg);border-radius:20px;max-height:90vh;overflow-y:auto}}.form-responsive{width:100%;max-width:500px;margin:0 auto}@media (max-width: 768px){.form-responsive{max-width:100%;padding:0 var(--spacing-sm)}}@media (max-width: 768px){.text-center-mobile{text-align:center!important}.text-left-mobile{text-align:left!important}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}