*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Rajdhani,"Exo 2",-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;--bg-primary: #0a0e17;--bg-secondary: #141c2e;--bg-card: #1e253a;--bg-input: #232b45;--bg-highlight: #2a325a;--text-primary: #ecf0ff;--text-secondary: #a2b8d8;--text-muted: #647696;--accent-primary: #4eeaff;--accent-primary-glow: rgba(78, 234, 255, .2);--accent-secondary: #ff7edb;--accent-secondary-glow: rgba(255, 126, 219, .2);--accent-tertiary: #00ff9d;--accent-tertiary-glow: rgba(0, 255, 157, .2);--accent-warning: #ffcc00;--accent-danger: #ff2222;--accent-green: var(--accent-tertiary);--accent-green-dark: #00cc7d;--accent-blue: var(--accent-primary);--accent-yellow: var(--accent-warning);--accent-red: var(--accent-danger);--border-color: #2e365f;--border-glow: 0 0 10px rgba(78, 234, 255, .15);--hover-bg: #2a365e;--neon-shadow: 0 0 8px rgba(78, 234, 255, .5);--card-shadow: 0 8px 16px rgba(0, 0, 0, .4);--button-glow: 0 0 15px rgba(0, 255, 157, .5)}body{margin:0;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-size:14px;background-image:radial-gradient(circle at 15% 50%,var(--bg-highlight) 0%,transparent 25%),radial-gradient(circle at 85% 30%,var(--bg-highlight) 0%,transparent 25%);background-attachment:fixed}*{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-secondary)}*::-webkit-scrollbar{width:6px}*::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}*::-webkit-scrollbar-thumb:hover{background:var(--hover-bg)}a{color:var(--accent-green);text-decoration:none}a:hover{color:var(--accent-green-dark)}button{border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .25s cubic-bezier(.2,.8,.2,1);background-color:var(--accent-tertiary);color:#000;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;box-shadow:0 0 0 0 var(--accent-tertiary-glow)}button:hover{background-color:var(--accent-green-dark);transform:translateY(-2px);box-shadow:var(--button-glow)}button:active{transform:translateY(0);box-shadow:0 0 0 0 var(--accent-tertiary-glow)}button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}button:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .6s ease}button:hover:after{left:100%}input,textarea{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;color:var(--text-primary);font-family:inherit;font-size:14px;transition:all .3s ease}input:focus,textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--neon-shadow)}input::placeholder,textarea::placeholder{color:var(--text-muted)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.card{background-color:var(--bg-card);border-radius:12px;padding:24px;border:1px solid var(--border-color);box-shadow:var(--card-shadow);transition:all .3s ease;position:relative;z-index:1;overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:var(--card-shadow),var(--border-glow);border-color:var(--accent-primary)}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent-tertiary),var(--accent-primary),var(--accent-secondary));opacity:0;transition:opacity .3s ease;z-index:2}.card:hover:before{opacity:1}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:none}.btn-secondary:hover{background-color:var(--hover-bg);border-color:var(--accent-primary);box-shadow:var(--neon-shadow)}.text-success{color:var(--accent-tertiary);text-shadow:0 0 5px var(--accent-tertiary-glow)}.text-warning{color:var(--accent-warning);text-shadow:0 0 5px rgba(255,204,0,.3)}.text-danger{color:var(--accent-danger);text-shadow:0 0 5px rgba(255,34,34,.3)}.text-info{color:var(--accent-primary);text-shadow:0 0 5px var(--accent-primary-glow)}.text-muted{color:var(--text-muted)}.badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:4px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid transparent}.badge:before{content:"";position:absolute;inset:-2px;z-index:-1;animation:pulse 2s infinite;opacity:.2;border-radius:inherit}.badge-success{background-color:#00ff9d1a;color:var(--accent-tertiary);border-color:var(--accent-tertiary)}.badge-success:before{background-color:var(--accent-tertiary)}.badge-warning{background-color:#ffcc001a;color:var(--accent-warning);border-color:var(--accent-warning)}.badge-warning:before{background-color:var(--accent-warning)}.badge-danger{background-color:#ff22221a;color:var(--accent-danger);border-color:var(--accent-danger)}.badge-danger:before{background-color:var(--accent-danger)}.badge-info{background-color:#4eeaff1a;color:var(--accent-primary);border-color:var(--accent-primary)}.badge-info:before{background-color:var(--accent-primary)}@keyframes pulse{0%{opacity:.2}50%{opacity:.5}to{opacity:.2}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0f172a4d;padding:24px;position:relative;overflow:hidden}.login-card{background-color:#1e293bbf;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;padding:48px;width:100%;max-width:480px;border:1px solid rgba(78,234,255,.3);box-shadow:0 20px 25px -5px #0006,0 0 50px #4eeaff1a,inset 0 1px #ffffff1a;position:relative;z-index:10}.login-header{text-align:center;margin-bottom:32px}.logo{display:flex;justify-content:center;margin-bottom:24px}.logo-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--accent-green),var(--accent-green-dark));border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;box-shadow:0 8px 25px #22c55e4d}.login-header h1{font-size:28px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.login-header p{color:var(--text-secondary);font-size:16px;margin:0}.login-form{display:flex;flex-direction:column;gap:24px}.form-group input{padding:16px;font-size:16px;border-radius:8px;background-color:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);transition:all .2s ease}.form-group input:focus{outline:none;border-color:var(--accent-green);box-shadow:0 0 0 3px #22c55e1a}.form-group input::placeholder{color:var(--text-muted)}.password-input{border:2px solid var(--accent-green)!important;box-shadow:0 0 0 1px #22c55e33!important}.sign-in-btn{background:linear-gradient(135deg,var(--accent-green),var(--accent-green-dark));color:#fff;border:none;padding:16px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.sign-in-btn:hover{background:linear-gradient(135deg,var(--accent-green-dark),#15803d);transform:translateY(-1px);box-shadow:0 8px 25px #22c55e4d}.sign-in-btn:active{transform:translateY(0)}@media (max-width: 640px){.login-card{padding:32px 24px}.login-header h1{font-size:24px}.logo-icon{width:56px;height:56px;font-size:24px}}.auth-toggle{display:flex;background-color:var(--bg-highlight);border-radius:8px;padding:4px;margin-bottom:24px;border:1px solid var(--border-color)}.toggle-btn{flex:1;padding:12px 16px;border:none;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .3s ease}.toggle-btn.active{background-color:var(--accent-primary);color:#000;box-shadow:0 2px 8px #4eeaff4d}.toggle-btn:hover:not(.active){color:var(--text-primary);background-color:var(--hover-bg)}.auth-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color)}.auth-footer p{color:var(--text-secondary);font-size:14px;margin:0}.link-btn{background:none;border:none;color:var(--accent-primary);font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:all .3s ease}.link-btn:hover{color:var(--accent-tertiary);text-decoration:underline}.link-text{color:var(--accent-primary);font-size:14px;font-weight:500;cursor:pointer;text-decoration:underline;transition:color .3s ease}.link-text:hover{color:var(--text-primary)}.form-group{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px;font-weight:500;text-align:center;animation:messageSlideIn .3s ease-out}.error-message{background-color:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ff6b6b}.success-message{background-color:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#4ade80}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sign-in-btn:disabled{opacity:.7;cursor:not-allowed;background:var(--surface-accent)}.loading-dots{animation:loadingDots 1.5s ease-in-out infinite}@keyframes loadingDots{0%,80%,to{opacity:0}40%{opacity:1}}input:disabled{opacity:.7;cursor:not-allowed;background-color:#33415580}input:invalid{border-color:#ef444480}input:valid{border-color:#22c55e80}.loading-spinner{text-align:center;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:64px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:0 16px;align-items:center;justify-content:space-between;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000004d}.menu-toggle{background:none;border:1px solid var(--border-color);border-radius:8px;padding:8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;width:40px;height:40px;justify-content:center;align-items:center;transition:all .3s ease;background-color:var(--bg-input)}.menu-toggle:hover{border-color:var(--accent-primary);background-color:var(--hover-bg);box-shadow:var(--neon-shadow)}.hamburger-line{width:20px;height:3px;background-color:var(--accent-primary);border-radius:2px;transition:all .3s ease;box-shadow:0 0 5px var(--accent-primary-glow)}.menu-toggle:hover .hamburger-line{background-color:var(--accent-tertiary);box-shadow:0 0 8px var(--accent-tertiary-glow)}.mobile-logo{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:var(--text-primary);text-decoration:none;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.mobile-logo:hover{color:var(--accent-primary);transform:translateY(-1px)}.mobile-logo .logo-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-tertiary));border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#000;position:relative;overflow:hidden}.mobile-logo .logo-icon:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(transparent,rgba(255,255,255,.3),transparent 30%);animation:rotate 3s linear infinite}.mobile-actions{display:flex;align-items:center;gap:12px}.notification-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;text-decoration:none;transition:all .3s ease;cursor:pointer}.notification-btn:hover{background-color:var(--hover-bg);border-color:var(--accent-primary);box-shadow:var(--neon-shadow);transform:translateY(-1px)}.notification-icon{font-size:18px;color:var(--accent-primary)}.notification-badge{position:absolute;top:-8px;right:-8px;background-color:var(--accent-danger);color:#fff;font-size:12px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px #ff222280;animation:pulse 2s infinite;z-index:103;pointer-events:none}.mobile-avatar{width:36px;height:36px;min-width:36px;min-height:36px;background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));border:2px solid var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#000;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer;outline:none;padding:0;box-sizing:border-box;aspect-ratio:1 / 1}.mobile-avatar:hover{transform:scale(1.05);box-shadow:var(--neon-shadow)}.mobile-avatar:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:all .6s ease;transform:rotate(45deg) translate(-100%)}.mobile-avatar:hover:after{transform:rotate(45deg) translate(100%)}.mobile-menu-overlay{position:fixed;inset:0;background-color:#0a0e17cc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1001;display:flex;animation:fadeIn .3s ease-out}.mobile-menu{width:280px;height:100vh;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;box-shadow:5px 0 20px #0000004d;position:relative;overflow:hidden}.mobile-menu:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,var(--bg-highlight) 0%,transparent 25%),radial-gradient(circle at 80% 70%,var(--bg-highlight) 0%,transparent 25%);z-index:-1}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.mobile-menu-header .logo{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;color:var(--text-primary);text-decoration:none;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.mobile-menu-header .logo:hover{color:var(--accent-primary);transform:translateY(-1px)}.mobile-menu-header .logo-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-tertiary));border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#000;position:relative;overflow:hidden}.mobile-menu-header .logo-icon:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(transparent,rgba(255,255,255,.3),transparent 30%);animation:rotate 3s linear infinite}.close-menu{background:none;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:18px;cursor:pointer;padding:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-menu:hover{color:var(--accent-danger);border-color:var(--accent-danger);background-color:#ff22221a;box-shadow:0 0 8px #ff22224d}.mobile-nav{flex:1;padding:24px 16px;display:flex;flex-direction:column;gap:8px}.mobile-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:var(--text-secondary);text-decoration:none;transition:all .3s cubic-bezier(.2,.8,.2,1);position:relative;border:1px solid transparent;overflow:hidden;background:none;width:100%;cursor:pointer}.mobile-nav-item:hover{background-color:var(--hover-bg);color:var(--text-primary);border-color:var(--accent-primary);transform:translate(4px);box-shadow:0 0 10px #4eeaff33}.mobile-nav-item.active{background-color:#0000004d;color:var(--accent-primary);border-color:var(--accent-primary);box-shadow:var(--neon-shadow)}.mobile-nav-item.active:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(180deg,var(--accent-primary),var(--accent-tertiary));border-radius:0 2px 2px 0}.mobile-nav-item .nav-icon{font-size:18px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background-color:var(--bg-highlight);transition:all .3s ease}.mobile-nav-item:hover .nav-icon,.mobile-nav-item.active .nav-icon{background:linear-gradient(135deg,var(--accent-primary),var(--accent-tertiary));color:#000;box-shadow:0 0 10px #4eeaff4d}.mobile-nav-item .nav-badge{background-color:var(--accent-primary);color:#000;font-size:12px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;margin-left:auto;box-shadow:0 0 8px #4eeaff80;animation:pulse 2s infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{opacity:.8}50%{opacity:1;transform:scale(1.05)}to{opacity:.8}}@media (max-width: 1024px){.mobile-header{display:flex}}.dashboard{padding:32px;background-color:var(--bg-primary);min-height:100vh;position:relative}.desktop-top-nav{width:100%;margin-bottom:24px;padding:0}.nav-spacer{display:none}.desktop-navbar{display:flex;justify-content:flex-end;align-items:center;gap:16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:12px 24px;box-shadow:var(--card-shadow);transition:all .3s ease;position:relative;overflow:hidden;width:100%}.desktop-navbar:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:3px;background:linear-gradient(90deg,var(--accent-tertiary),var(--accent-primary),var(--accent-secondary));transition:left .6s ease}.desktop-navbar:hover:before{left:0}.desktop-navbar:hover{border-color:var(--accent-primary);box-shadow:var(--border-glow);transform:translateY(-2px)}.navbar-item{position:relative;display:flex;align-items:center;padding:8px 12px;border-radius:8px;transition:all .3s ease;cursor:pointer;text-decoration:none;color:var(--text-primary);overflow:hidden;z-index:1}.navbar-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(78,234,255,.1),transparent);transition:left .6s ease;z-index:-1}.navbar-item:hover:before{left:100%}.navbar-item:hover{background-color:var(--bg-highlight);color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 4px 8px #0003}.navbar-icon{font-size:18px;position:relative}.notification-container{position:relative;display:inline-block}.notification-btn{z-index:100;padding:10px 14px;border-radius:10px;transition:all .2s ease;pointer-events:auto;background:none;border:none;color:inherit;font-family:inherit;cursor:pointer}.notification-btn:hover{background-color:var(--bg-highlight);color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.notification-btn:before{display:none}.notification-btn .navbar-icon{transition:all .2s ease;z-index:101;position:relative;pointer-events:none}.notification-btn:hover .navbar-icon{transform:scale(1.1);filter:drop-shadow(0 0 8px var(--accent-primary))}.notification-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,var(--accent-danger),#ff4444);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:16px;text-align:center;box-shadow:0 0 10px #ff222280;animation:pulseNotification 2s infinite;border:1px solid rgba(255,255,255,.3);pointer-events:none;z-index:103}@keyframes pulseNotification{0%{transform:scale(1);box-shadow:0 0 10px #ff222280}50%{transform:scale(1.1);box-shadow:0 0 15px #f22c}to{transform:scale(1);box-shadow:0 0 10px #ff222280}}.navbar-tooltip{position:absolute;bottom:-35px;left:50%;transform:translate(-50%);background:var(--bg-secondary);color:var(--text-primary);padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;z-index:100;border:1px solid var(--border-color);box-shadow:var(--card-shadow);pointer-events:none}.notification-btn:hover .navbar-tooltip{opacity:1;visibility:visible;bottom:-40px}.profile-section{display:flex;align-items:center;gap:12px;padding:6px 12px;border-radius:8px;transition:all .3s ease;cursor:pointer}.profile-section:hover{background-color:var(--bg-highlight)}.desktop-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;color:#000;box-shadow:0 0 10px #4eeaff4d;transition:all .3s ease}.desktop-avatar:hover{transform:scale(1.05);box-shadow:0 0 15px #4eeaff80}.profile-name{font-size:14px;font-weight:500;color:var(--text-primary)}@media (max-width: 768px){.desktop-top-nav{display:none}}@media (max-width: 1024px) and (min-width: 769px){.desktop-navbar{gap:12px;padding:6px 8px}.profile-name{display:none}.navbar-item{padding:6px 8px}}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;position:relative}.dashboard-title{font-size:36px;font-weight:700;color:var(--text-primary);margin:0 0 8px;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(90deg,var(--text-primary),var(--accent-primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative}.dashboard-subtitle{color:var(--text-secondary);margin:0;font-size:16px}.month-indicator{display:flex;align-items:center;gap:8px;background:#00ff9d1a;color:var(--accent-tertiary);padding:10px 16px;border-radius:20px;font-size:14px;font-weight:600;border:1px solid var(--accent-tertiary);position:relative;overflow:hidden;transition:all .3s ease}.month-indicator:hover{transform:translateY(-2px);box-shadow:0 0 15px #00ff9d4d}.indicator-icon{font-size:16px}.indicator-text{position:relative;z-index:2}.indicator-glow{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,255,157,.2) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.month-indicator:hover .indicator-glow{opacity:1}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:40px}.stat-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:all .3s cubic-bezier(.2,.8,.2,1);box-shadow:var(--card-shadow);position:relative;overflow:hidden;opacity:0;transform:translateY(20px);min-height:160px;display:flex;flex-direction:column;justify-content:space-between}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--card-shadow),0 0 15px #4eeaff33;border-color:var(--accent-primary)}.animate-in{animation:fadeInUp .5s ease-out forwards}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color);flex-shrink:0}.stat-title{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;flex:1}.stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--bg-primary);flex-shrink:0}.stat-value{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:8px;line-height:1.2}.stat-change{font-size:14px;margin-bottom:12px}.stat-change.positive{color:var(--accent-tertiary)}.stat-change.negative{color:var(--accent-danger)}.stat-xp{font-size:12px;font-weight:600;color:var(--accent-primary);padding:4px 8px;background-color:#4eeaff1a;border-radius:4px;display:inline-block}.stat-card:hover{transform:translateY(-2px)}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stat-title{color:var(--text-secondary);font-size:14px;font-weight:500}.stat-icon{font-size:20px}.stat-value{font-size:36px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.stat-change{font-size:14px;font-weight:500}.stat-change.positive{color:var(--accent-green)}.stat-change.negative{color:var(--accent-red)}.dashboard-content{display:grid;grid-template-columns:2fr 1fr;gap:32px}.view-all-btn{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.view-all-btn:hover{background-color:var(--hover-bg)}.borrowers-list{display:flex;flex-direction:column;gap:16px}.no-borrowers{text-align:center;padding:40px 20px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary)}.no-borrowers p{margin-bottom:16px;font-size:14px}.add-borrower-btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-tertiary));color:#000;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #4eeaff4d}.add-borrower-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4eeaff66}.borrower-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:transform .2s ease}.borrower-card:hover{transform:translateY(-1px)}.borrower-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.borrower-avatar-container{display:flex;flex-direction:column;align-items:center;gap:4px}.borrower-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#000;box-shadow:0 0 10px #4eeaff4d;transition:all .3s ease}.borrower-avatar:hover{transform:scale(1.05);box-shadow:0 0 15px #4eeaff80}.borrower-level{font-size:10px;color:var(--text-muted);font-weight:500}.borrower-main-info{flex:1;margin-left:12px}.borrower-main-info h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.borrower-compact-details{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin-bottom:16px}.detail-item{display:flex;flex-direction:column;gap:2px}.detail-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;font-weight:500}.detail-value{font-size:13px;color:var(--text-primary);font-weight:500}.phone-with-copy{display:flex;align-items:center;gap:6px}.phone-number{font-size:13px;color:var(--text-primary);font-family:monospace;font-weight:500}.copy-phone-btn-dash{background:#22c55e1a;color:var(--accent-green);border:none;width:20px;height:20px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.7;padding:0}.copy-phone-btn-dash:hover{background:#22c55e33;opacity:1;transform:scale(1.1)}.copy-phone-btn-dash:active{transform:scale(.95)}.copy-icon-dash{width:10px;height:10px}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:lowercase}.borrower-amount{font-size:16px;color:var(--text-secondary);margin-bottom:4px}.borrower-due{font-size:14px;color:var(--text-muted);margin-bottom:16px}.monthly-interest{font-size:14px;color:var(--text-secondary);margin-bottom:12px}.amount-green{color:var(--accent-green);font-weight:600}.progress-section{display:flex;flex-direction:column;gap:8px}.progress-header{display:flex;justify-content:space-between;align-items:center}.progress-text{font-size:14px;color:var(--text-secondary);min-width:60px}.achievements-list{display:flex;flex-direction:column;gap:16px}.achievement-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:transform .2s ease}.achievement-card:hover{transform:translateY(-1px)}.achievement-icon{font-size:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-green),var(--accent-green-dark));border-radius:12px}.achievement-info h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.achievement-info p{font-size:14px;color:var(--text-secondary);margin:0}@media (max-width: 1024px){.dashboard-content{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width: 768px){.dashboard{padding:70px 16px 16px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}.dashboard-header h1{font-size:28px}.month-indicator{align-self:stretch;text-align:center}.stats-grid{grid-template-columns:1fr;gap:16px;margin-bottom:32px}.stat-card{padding:20px}.stat-value{font-size:28px}.dashboard-content{gap:24px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.section-header h2{font-size:20px}.view-all-btn{align-self:stretch;text-align:center}.borrower-card{padding:16px}.borrower-header{flex-direction:row;align-items:center;gap:8px;margin-bottom:12px}.borrower-avatar{width:32px;height:32px;font-size:12px}.borrower-level{font-size:9px}.borrower-main-info h3{font-size:16px}.borrower-compact-details{grid-template-columns:1fr;gap:6px;margin-bottom:12px}.detail-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px}.detail-label{font-size:10px;min-width:60px}.detail-value{font-size:12px;text-align:right}.phone-with-copy{gap:4px}.phone-number{font-size:12px}.copy-phone-btn-dash{width:18px;height:18px}.copy-icon-dash{width:8px;height:8px}.progress-section{flex-direction:column;gap:6px}.progress-header{flex-direction:row;justify-content:space-between}.progress-label,.progress-streak{font-size:12px}.achievement-card{padding:16px}.achievement-icon{width:40px;height:40px;font-size:20px}.stat-card{padding:16px;min-height:120px}.stat-title{font-size:12px}.stat-value{font-size:24px}.stat-icon{width:32px;height:32px;font-size:16px}}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}.welcome-popup{position:fixed;top:20px;right:20px;z-index:1000;background:var(--bg-card);border:2px solid var(--accent-primary);border-radius:12px;padding:20px;box-shadow:0 10px 30px #0000004d,var(--neon-shadow);animation:welcomeSlideIn .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:300px}.welcome-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.welcome-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-tertiary));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;animation:welcomePulse 2s ease-in-out infinite}.welcome-content h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px}.welcome-content p{margin:0;font-size:14px;color:var(--text-secondary)}@keyframes welcomeSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes welcomePulse{0%,to{transform:scale(1);box-shadow:0 0 10px #4eeaff80}50%{transform:scale(1.05);box-shadow:0 0 20px #4eeaffcc}}@media (max-width: 768px){.welcome-popup{top:10px;right:10px;left:10px;max-width:none}}.statistics-section{margin-top:24px;margin-bottom:24px;width:100%}.chart-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:var(--card-shadow);transition:all .3s ease;position:relative;overflow:hidden;width:100%;max-width:none}.chart-container:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:3px;background:linear-gradient(90deg,var(--accent-tertiary),var(--accent-primary),var(--accent-secondary));transition:left .6s ease}.chart-container:hover:before{left:0}.chart-wrapper{height:500px;width:100%;border-radius:12px;overflow:hidden}.chart-tooltip{background:#1e293bf2;color:#e2e8f0;padding:12px;border-radius:8px;border:1px solid rgba(78,234,255,.3);box-shadow:0 4px 6px #0000001a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tooltip-header{font-weight:600;margin-bottom:8px;color:var(--accent-primary);border-bottom:1px solid rgba(78,234,255,.2);padding-bottom:4px}.tooltip-item{display:flex;align-items:center;gap:8px;margin:4px 0;font-size:12px}.tooltip-color{width:10px;height:10px;border-radius:50%;flex-shrink:0}@media (max-width: 1024px){.chart-wrapper{height:450px}.chart-container{padding:20px}}@media (max-width: 768px){.chart-wrapper{height:400px}.chart-container{padding:16px;margin:16px 0}.statistics-section{margin-top:16px;margin-bottom:16px}}@media (max-width: 480px){.chart-wrapper{height:350px}.chart-container{padding:12px}}.sidebar{width:260px;height:100vh;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);position:fixed;left:0;top:0;display:flex;flex-direction:column;z-index:100;box-shadow:5px 0 20px #0003}.sidebar-header{padding:24px;border-bottom:1px solid var(--border-color);position:relative}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;transition:all .3s ease;position:relative;z-index:1}.logo:hover{transform:translateY(-2px)}.logo:hover .logo-glow{opacity:1}.logo-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-tertiary));border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#000;position:relative;overflow:hidden;transition:all .3s ease}.logo-icon:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(transparent,rgba(255,255,255,.5),transparent 30%);animation:rotate 3s linear infinite}.logo-text{font-size:18px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px}.logo-glow{position:absolute;inset:0;background:radial-gradient(circle at center,var(--accent-primary-glow) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;z-index:-1}.sidebar-nav{flex:1;padding:24px 16px;display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:var(--text-secondary);text-decoration:none;transition:all .3s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;border:1px solid transparent}.nav-item:hover{background-color:var(--hover-bg);color:var(--text-primary);transform:translateY(-2px)}.nav-item.active{background-color:#0000004d;color:var(--text-primary)}.nav-item.expanded{padding-left:20px}.hover-indicator{position:absolute;left:0;top:0;width:4px;height:100%;opacity:0;transition:opacity .3s ease}.nav-item:hover .hover-indicator{opacity:1}.nav-item.active:before{content:"";position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:4px;height:24px;border-radius:0 2px 2px 0}.nav-icon{font-size:18px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;position:relative;transition:all .3s ease}.nav-item.active .nav-icon{color:#000}.icon-glow{position:absolute;inset:0;border-radius:8px;filter:blur(8px);opacity:.6;z-index:-1}.nav-label{font-size:19px;font-weight:500;flex:1;transition:all .3s ease}.nav-item:hover .nav-label{transform:translate(4px)}.nav-badge{background-color:var(--accent-primary);color:#000;font-size:12px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 0 8px #4eeaff80}.nav-badge:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transition:all .6s ease;transform:rotate(45deg) translate(-100%)}.nav-item:hover .nav-badge:after{transform:rotate(45deg) translate(100%)}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}.pulse-effect{animation:pulse .5s ease-in-out}.sidebar-footer{padding:24px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.user-profile{display:flex;align-items:center;position:relative;cursor:pointer;transition:all .3s ease}.user-profile:hover{transform:scale(1.05)}.user-avatar{width:40px;height:40px;min-width:40px;min-height:40px;background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#000;position:relative;overflow:hidden;border:2px solid transparent;transition:all .3s ease;cursor:pointer;outline:none;padding:0;box-sizing:border-box;aspect-ratio:1 / 1}.user-avatar:hover,.user-profile:hover .user-avatar{border-color:var(--accent-primary);box-shadow:var(--neon-shadow)}.user-avatar:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:all .6s ease;transform:rotate(45deg) translate(-100%)}.user-avatar:hover:after,.user-profile:hover .user-avatar:after{transform:rotate(45deg) translate(100%)}.notification-dot{position:absolute;top:-2px;right:-2px;width:12px;height:12px;background-color:var(--accent-danger);border-radius:50%;border:2px solid var(--bg-secondary);box-shadow:0 0 8px #ff222280}@media (max-width: 1024px){.sidebar{transform:translate(-100%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.sidebar.open{transform:translate(0)}}.level-indicator{display:flex;align-items:center;gap:8px;padding:6px 12px;background-color:var(--bg-highlight);border-radius:20px;border:1px solid var(--accent-primary);box-shadow:var(--neon-shadow);transition:all .3s ease}.level-indicator:hover{transform:translateY(-2px);box-shadow:0 0 15px #4eeaff80}.level-text{font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap}.logout-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:auto 24px 16px;border-radius:8px;background:none;border:1px solid transparent;border-top:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;text-decoration:none;transition:all .3s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;width:calc(100% - 48px);font-size:14px;font-family:inherit}.logout-btn:hover{background-color:#ef44441a;color:#ef4444;transform:translateY(-2px);border-color:#ef44444d}.logout-btn:hover .hover-indicator{opacity:1;background-color:#ef4444}.logout-btn .hover-indicator{position:absolute;left:0;top:0;width:4px;height:100%;background-color:#ef4444;opacity:0;transition:opacity .3s ease}.logout-btn:active{transform:translateY(0);background-color:#ef444433}.borrowers{padding:32px;background-color:var(--bg-primary);min-height:100vh}.borrowers-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.borrowers-header h1{font-size:32px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.borrowers-header p{color:var(--text-secondary);margin:0;font-size:16px}.add-borrower-btn{background:linear-gradient(135deg,var(--accent-green),var(--accent-green-dark));color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.add-borrower-btn:hover{background:linear-gradient(135deg,var(--accent-green-dark),#15803d);transform:translateY(-1px)}.borrowers-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:24px}.search-container{flex:1;max-width:400px}.search-input{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-input);color:var(--text-primary);font-size:14px}.search-input:focus{outline:none;border-color:var(--accent-green)}.filter-buttons{display:flex;gap:8px}.filter-btn{padding:8px 16px;border:1px solid var(--border-color);border-radius:6px;background-color:var(--bg-secondary);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background-color:var(--hover-bg);color:var(--text-primary)}.filter-btn.active{background-color:var(--accent-green);color:#fff;border-color:var(--accent-green)}.borrowers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.borrower-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.borrower-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.borrower-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.borrower-info h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.borrower-info p{font-size:14px;color:var(--text-secondary);margin:0 0 8px}.borrower-phone{display:flex;align-items:center;gap:8px;margin-top:4px}.phone-number{font-size:14px;color:var(--text-secondary);font-family:monospace}.copy-text{font-size:12px;font-weight:500}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.status-current{background-color:#22c55e1a;color:var(--accent-green)}.status-due{background-color:#f59e0b1a;color:var(--accent-yellow)}.status-overdue{background-color:#ef44441a;color:var(--accent-red)}.borrower-header-actions{display:flex;align-items:center;gap:12px}.delete-borrower-btn{background:linear-gradient(135deg,#ff4757,#ff3742);color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);padding:4px;box-shadow:0 4px 8px #ff47574d,0 0 #ff475766,inset 0 1px #fff3;position:relative;overflow:hidden}.delete-borrower-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.delete-borrower-btn:hover{background:linear-gradient(135deg,#ff3742,#ff2d39);transform:scale(1.1) rotate(5deg);box-shadow:0 8px 16px #ff475766,0 0 0 4px #ff475733,inset 0 1px #ffffff4d;animation:gamePulse .6s ease-in-out}.delete-borrower-btn:hover:before{left:100%}.delete-borrower-btn:active{transform:scale(.9) rotate(-2deg);background:linear-gradient(135deg,#ff2d39,#e63946);box-shadow:0 2px 4px #ff47574d,inset 0 2px 4px #0003;animation:gameShake .3s ease-in-out}@keyframes gamePulse{0%,to{box-shadow:0 8px 16px #ff475766,0 0 0 4px #ff475733}50%{box-shadow:0 8px 20px #ff475799,0 0 0 8px #ff47574d}}@keyframes gameShake{0%,to{transform:scale(.9) rotate(-2deg)}25%{transform:scale(.9) rotate(-4deg)}75%{transform:scale(.9) rotate(0)}}.trash-icon{width:18px;height:22px;color:#fff}.borrower-details{display:flex;flex-direction:column;gap:16px}.detail-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.loan-interest-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.loan-interest-left,.loan-interest-right{display:flex;flex-direction:column;gap:12px}.address-row{grid-column:1 / -1}.detail-group{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.detail-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;font-weight:500;margin-bottom:2px}.detail-value{font-size:16px;font-weight:600;color:var(--text-primary);line-height:1.3}.detail-value.green{color:var(--accent-green)}.progress-section{margin-top:8px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;font-weight:500}.progress-percentage{font-size:14px;font-weight:600;color:var(--text-primary)}.progress-streak{font-size:14px;font-weight:600;color:var(--accent-green);display:flex;align-items:center;gap:4px}.progress-bar{height:8px;background-color:var(--bg-input);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-green),var(--accent-green-dark));border-radius:4px;transition:width .3s ease}.next-due{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border-color)}.due-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;font-weight:500}.due-date{font-size:14px;color:var(--text-secondary);font-weight:500}@media (max-width: 1024px){.borrowers-controls{flex-direction:column;align-items:stretch}.borrowers-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (max-width: 768px){.borrowers{padding:70px 16px 16px}.borrowers-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}.borrowers-header h1{font-size:28px}.add-borrower-btn{align-self:stretch;text-align:center}.borrowers-grid{grid-template-columns:1fr}.filter-buttons{flex-wrap:wrap}.borrower-card{padding:20px}.borrower-header{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:8px}.borrower-info{flex:1}.borrower-info h3{font-size:18px;margin-bottom:8px}.borrower-header-actions{flex-direction:row;justify-content:flex-end;align-items:center;flex-shrink:0;gap:6px}.delete-borrower-btn{width:28px;height:28px;border-radius:50%;box-shadow:0 3px 6px #ff47574d,0 0 #ff475766}.delete-borrower-btn:hover{transform:scale(1.08) rotate(3deg);box-shadow:0 6px 12px #ff475766,0 0 0 3px #ff475733}.trash-icon{width:16px;height:18px}.borrower-phone{flex-direction:row;align-items:center;gap:0px}.phone-number{font-size:14px;word-break:break-all;margin-right:15px}.copy-phone-btn{width:28px;height:28px;padding:4px;font-size:14px;margin-left:8px}.copy-icon{width:14px;height:14px}.copy-text{display:none}.detail-row{grid-template-columns:1fr;gap:12px}.loan-interest-row{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px;grid-column:1 / -1}.loan-interest-left,.loan-interest-right{flex:1;display:flex;flex-direction:column;gap:12px}.address-row{margin-bottom:16px}.address-row .detail-value{font-size:13px;line-height:1.4;word-break:break-word}.next-due{flex-direction:column;align-items:flex-start;gap:8px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-secondary);border-radius:16px;padding:0;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #0000004d,0 0 0 1px #4eeaff1a;animation:modalSlideIn .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px 16px;border-bottom:1px solid rgba(78,234,255,.1)}.modal-header h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.modal-close:hover{background-color:#ff3b301a;color:#ff3b30}.borrower-form{padding:24px 32px 32px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.form-group input{padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;background-color:var(--bg-primary);color:var(--text-primary);font-size:14px;transition:all .2s ease}.form-group input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #4eeaff1a}.form-group input::placeholder{color:var(--text-secondary)}.form-actions{display:flex;justify-content:flex-end;gap:16px;padding-top:24px;border-top:1px solid rgba(78,234,255,.1)}.btn-secondary{padding:12px 24px;border:2px solid var(--border-color);background:transparent;color:var(--text-secondary);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{border-color:var(--text-secondary);background-color:#ffffff0d}.btn-primary{padding:12px 24px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-tertiary));color:#000;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #4eeaff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4eeaff66}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #4eeaff4d}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.modal-content{width:95%;margin:20px}.modal-header{padding:20px 24px 16px}.borrower-form{padding:20px 24px 24px}.form-grid{grid-template-columns:1fr;gap:16px}.form-actions{flex-direction:column-reverse;gap:12px}.btn-secondary,.btn-primary{width:100%;justify-content:center}}.loading-container,.error-container,.empty-container{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;min-height:300px;padding:40px 20px}.retry-btn,.add-first-borrower-btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-tertiary));color:#000;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #4eeaff4d}.retry-btn:hover,.add-first-borrower-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4eeaff66}@media (max-width: 550px){.borrower-phone{gap:0px}.copy-phone-btn{margin-left:-8px}}@media (max-width: 480px){.borrowers{padding:70px 12px 12px}.borrowers-header{margin-bottom:16px}.borrowers-header h1{font-size:22px}.borrowers-controls{flex-direction:column;gap:12px;align-items:stretch}.search-input{width:100%}.filter-buttons{justify-content:center}.filter-btn{padding:6px 10px;font-size:11px}.borrower-card{padding:12px}.borrower-info h3{font-size:16px}.phone-number{font-size:13px}.copy-phone-btn{width:26px;height:26px;padding:3px;margin-left:-8px}.copy-text{display:none}.copy-icon{width:12px;height:12px}.status-badge{font-size:10px;padding:2px 6px}.delete-borrower-btn{width:24px;height:24px;border-radius:50%;box-shadow:0 2px 4px #ff47574d,0 0 #ff475766}.delete-borrower-btn:hover{transform:scale(1.05) rotate(2deg);box-shadow:0 4px 8px #ff475766,0 0 0 2px #ff475733}.trash-icon{width:12px;height:14px}.detail-value{font-size:14px}.detail-label{font-size:12px}.loan-interest-row{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.loan-interest-left,.loan-interest-right{flex:1;display:flex;flex-direction:column;gap:6px}.address-row{margin-bottom:12px}.address-row .detail-value{font-size:12px;line-height:1.3;word-break:break-word}.progress-label,.progress-percentage,.due-label,.due-date{font-size:12px}}@media (max-width: 768px){.copy-popup{top:50%;left:50%;transform:translate(-50%,-50%);animation:gamePopInMobile .6s cubic-bezier(.68,-.55,.265,1.55) forwards,gamePopOutMobile .4s ease-in 1.8s forwards}.copy-popup-content{padding:10px 16px;font-size:13px;border-radius:10px;max-width:240px;box-shadow:0 0 12px #22c55e66,0 0 24px #22c55e33,0 4px 16px #0003}.copy-popup-icon{width:22px;height:22px;font-size:12px}}@media (max-width: 480px){.copy-popup-content{padding:8px 14px;font-size:12px;border-radius:8px;max-width:200px}.copy-popup-icon{width:20px;height:20px;font-size:11px}}@keyframes gamePopInMobile{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}80%{transform:translate(-50%,-50%) scale(.95);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes gamePopOutMobile{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(0);opacity:0}}.notifications{padding:32px;background-color:var(--bg-primary);min-height:100vh}.notifications-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.notifications-header h1{font-size:32px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.notifications-header p{color:var(--text-secondary);margin:0;font-size:16px}.unread-count{background-color:var(--accent-red);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500}.notification-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:40px}.summary-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;transition:transform .2s ease}.summary-card:hover{transform:translateY(-2px)}.summary-warning{border-left:4px solid var(--accent-yellow)}.summary-danger{border-left:4px solid var(--accent-red)}.summary-info{border-left:4px solid var(--accent-blue)}.summary-icon{font-size:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px}.summary-warning .summary-icon{background-color:#f59e0b1a}.summary-danger .summary-icon{background-color:#ef44441a}.summary-info .summary-icon{background-color:#3b82f61a}.summary-content{flex:1}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.summary-title{font-size:16px;font-weight:600;color:var(--text-primary)}.summary-count{font-size:24px;font-weight:700;color:var(--text-primary)}.summary-description{font-size:14px;color:var(--text-secondary);margin:0}.notifications-section{margin-top:32px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.refresh-btn{background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.refresh-btn:hover:not(:disabled){background-color:var(--hover-bg);color:var(--text-primary);border-color:var(--accent-primary)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.mark-all-read-btn{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.mark-all-read-btn:hover{background-color:var(--hover-bg)}.notifications-list{display:flex;flex-direction:column;gap:16px}.notification-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;align-items:flex-start;gap:16px;transition:all .2s ease;position:relative}.notification-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.notification-card.unread{border-left:4px solid var(--accent-green);background-color:#22c55e05}.notification-card.unread:before{content:"";position:absolute;top:20px;right:20px;width:8px;height:8px;background-color:var(--accent-green);border-radius:50%}.priority-urgent{border-left-color:var(--accent-red)!important}.priority-high{border-left-color:var(--accent-yellow)!important}.priority-normal{border-left-color:var(--accent-green)!important}.notification-priority{font-size:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background-color:var(--bg-input)}.notification-content{flex:1}.notification-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.notification-info h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.notification-type{font-size:12px;color:var(--text-muted);text-transform:uppercase;font-weight:500}.notification-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.notification-amount{font-size:16px;font-weight:600;color:var(--accent-green)}.notification-time{font-size:12px;color:var(--text-muted)}.notification-message{font-size:14px;color:var(--text-secondary);margin:0 0 12px;line-height:1.4}.notification-details{display:flex;align-items:center;gap:16px}.notification-date{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.borrower-phone{display:flex;align-items:center;gap:6px;margin-top:4px}.phone-number{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:4px;font-family:monospace}.copy-phone-btn{background:#22c55e1a;color:var(--accent-green);border:none;width:auto;height:28px;padding:4px 8px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .2s ease;opacity:.7}.copy-phone-btn:hover{background:#22c55e33;opacity:1;transform:scale(1.05)}.copy-phone-btn:active{transform:scale(.95)}.copy-icon{width:12px;height:12px}.copy-text{font-size:10px;font-weight:500}.notification-actions{display:flex;flex-direction:column;gap:8px}.action-btn{padding:6px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease;background-color:var(--bg-secondary);color:var(--text-secondary)}.action-btn:hover{background-color:var(--hover-bg);color:var(--text-primary)}.mark-read-btn,.paid-btn{background-color:var(--accent-green);color:#fff;border-color:var(--accent-green)}.mark-read-btn:hover,.paid-btn:hover{background-color:var(--accent-green-dark);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.dismiss-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%}.dismiss-btn:hover{background-color:var(--accent-red);color:#fff;border-color:var(--accent-red)}@media (max-width: 1024px){.notification-summary{grid-template-columns:1fr}}@media (max-width: 768px){.notifications{padding:80px 16px 16px}.notifications-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}.notifications-header h1{font-size:28px}.unread-count{align-self:stretch;text-align:center}.notification-summary{margin-bottom:32px}.summary-card{padding:20px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.section-header h2{font-size:20px}.mark-all-read-btn{align-self:stretch;text-align:center}.notification-card{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.notification-header{flex-direction:column;align-items:flex-start;gap:8px}.notification-meta{flex-direction:row;align-items:center;gap:12px}.notification-priority{align-self:flex-start}.notification-details{flex-direction:column;align-items:flex-start;gap:8px}.borrower-phone{width:auto;justify-content:flex-start;gap:6px}.copy-phone-btn{padding:6px 8px;font-size:12px}.notification-actions{flex-direction:row;justify-content:flex-end;align-self:flex-end}}@media (max-width: 480px){.notifications{padding:80px 12px 12px}.copy-popup-content{padding:12px 20px;margin:0 16px;max-width:calc(100vw - 32px)}.copy-popup-content p{font-size:13px}}.loading-container,.error-container,.empty-container{display:flex;justify-content:center;align-items:center;min-height:200px;padding:40px 20px}.loading-message,.error-message,.empty-message{text-align:center;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.error-icon,.empty-icon{font-size:48px;display:block;margin-bottom:16px}.error-message h3,.empty-message h3{font-size:20px;color:var(--text-primary);margin-bottom:8px}.error-message p,.empty-message p{font-size:14px;margin-bottom:20px;line-height:1.5}.retry-btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-tertiary));color:#000;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #4eeaff4d}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4eeaff66}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.copy-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;animation:gamePopIn .6s cubic-bezier(.68,-.55,.265,1.55) forwards,gamePopOut .4s ease-in 1.8s forwards}.copy-popup-content{background:linear-gradient(135deg,#22c55e,#16a34a,#15803d);color:#fff;padding:12px 20px;border-radius:12px;display:flex;align-items:center;gap:10px;box-shadow:0 0 16px #22c55e80,0 0 32px #22c55e4d,0 6px 24px #0003,inset 0 1px #ffffff4d;font-weight:700;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.copy-popup-content:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:gameShine .8s ease-out .2s;pointer-events:none}.copy-popup-content:after{content:"";position:absolute;inset:0;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);pointer-events:none}.copy-popup-icon{background:linear-gradient(135deg,#ffffffe6,#fff9);color:#16a34a;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;box-shadow:0 4px 12px #ffffff4d,inset 0 2px 4px #fff3;animation:gameIconBounce .8s ease-out .3s;position:relative}.copy-popup-icon:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.4),transparent);animation:gameIconSpin 1s linear infinite .5s;z-index:-1}.copy-popup-text{color:#fff;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);animation:gameTextGlow .6s ease-out .4s}@keyframes gamePopIn{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}80%{transform:translate(-50%,-50%) scale(.95);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes gamePopOut{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(0);opacity:0}}@keyframes gameShine{0%{transform:translate(-100%,-100%) rotate(45deg)}to{transform:translate(100%,100%) rotate(45deg)}}@keyframes gameIconBounce{0%,20%,50%,80%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-8px) scale(1.1)}60%{transform:translateY(-4px) scale(1.05)}}@keyframes gameIconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gameTextGlow{0%{text-shadow:0 2px 4px rgba(0,0,0,.3)}50%{text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 20px rgba(255,255,255,.8)}to{text-shadow:0 2px 4px rgba(0,0,0,.3)}}.upcoming-section{margin-top:32px;border-top:2px solid var(--border-color);padding-top:32px}.upcoming-section .section-header{background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));color:#fff;padding:16px 24px;border-radius:12px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.upcoming-section .section-header h2{margin:0;font-size:20px;font-weight:600}.upcoming-count{background:#fff3;padding:4px 12px;border-radius:16px;font-size:14px;font-weight:500}.upcoming-card{border-left:4px solid var(--accent-blue);background:linear-gradient(135deg,var(--bg-card),rgba(52,152,219,.05))}.upcoming-card.priority-urgent{border-left-color:var(--accent-red);background:linear-gradient(135deg,var(--bg-card),rgba(231,76,60,.05))}.upcoming-card.priority-high{border-left-color:var(--accent-orange);background:linear-gradient(135deg,var(--bg-card),rgba(243,156,18,.05))}.upcoming-list .notification-card{margin-bottom:16px}.progress-info{color:var(--text-secondary);font-size:14px;display:flex;align-items:center;gap:4px}.header-buttons{display:flex;gap:12px;align-items:center}.upcoming-btn{background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.upcoming-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3498db4d}.upcoming-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.upcoming-btn:active{transform:translateY(0)}@media (max-width: 768px){.header-buttons{flex-direction:column;gap:8px}.upcoming-btn,.refresh-btn{width:100%;justify-content:center}.upcoming-section .section-header{flex-direction:column;gap:8px;text-align:center}}.settings{padding:32px;background-color:var(--bg-primary);min-height:100vh}.settings-header{margin-bottom:32px}.settings-header h1{font-size:32px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.settings-header p{color:var(--text-secondary);margin:0;font-size:16px}.settings-content{display:grid;grid-template-columns:280px 1fr;gap:32px}.settings-tabs{display:flex;flex-direction:column;gap:4px}.tab-button{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;border-radius:8px;background-color:transparent;color:var(--text-secondary);text-align:left;cursor:pointer;transition:all .2s ease;font-size:14px}.tab-button:hover{background-color:var(--hover-bg);color:var(--text-primary)}.tab-button.active{background-color:var(--accent-green);color:#fff}.tab-icon{font-size:16px;width:20px;display:flex;align-items:center;justify-content:center}.tab-label{font-weight:500}.settings-panel{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:32px}.settings-section{margin-bottom:48px}.settings-section:last-child{margin-bottom:0}.settings-section h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:14px;font-weight:500;color:var(--text-primary)}.form-group input{padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-input);color:var(--text-primary);font-size:14px;transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:var(--accent-green)}.save-btn{background:linear-gradient(135deg,var(--accent-green),var(--accent-green-dark));color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.save-btn:hover{background:linear-gradient(135deg,var(--accent-green-dark),#15803d);transform:translateY(-1px)}.notification-options,.security-options,.preference-options{display:flex;flex-direction:column;gap:24px}.notification-item,.preference-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:12px}.notification-info,.preference-info{flex:1}.notification-info h3,.preference-info h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.notification-info p,.preference-info p{font-size:14px;color:var(--text-secondary);margin:0}.toggle{position:relative;display:inline-block;width:60px;height:34px}.toggle input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-color);transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--accent-green)}input:checked+.slider:before{transform:translate(26px)}.security-item{padding:24px;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem}.security-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;width:100%}.security-item h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.security-item p{font-size:14px;color:var(--text-secondary);margin:0}.password-form-container{border-top:1px solid var(--border-color);padding-top:1.5rem;margin-top:1rem}.password-form{max-width:400px}.password-form .form-group{margin-bottom:1.5rem}.password-form label{display:block;color:var(--text-primary);font-weight:500;margin-bottom:.5rem;font-size:14px}.password-form input{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-input);color:var(--text-primary);font-size:14px;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.password-form input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #4a90e21a}.form-actions{display:flex;gap:1rem;margin-top:2rem}.form-actions button{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.form-actions .btn-secondary{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.form-actions .btn-secondary:hover:not(:disabled){background:var(--border-color);color:var(--text-primary)}.form-actions .btn-primary{background:var(--accent-blue);color:#fff}.form-actions .btn-primary:hover:not(:disabled){background:#4078c0;transform:translateY(-1px)}.form-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.error-message{display:flex;align-items:center;gap:.5rem;background:#fee;color:#c53030;padding:12px;border-radius:8px;font-size:14px;margin-top:1rem;border:1px solid #fed7d7}.success-message{display:flex;align-items:center;gap:.5rem;background:#f0fff4;color:#2f855a;padding:12px;border-radius:8px;font-size:14px;margin-top:1rem;border:1px solid #c6f6d5}.error-icon,.success-icon{font-size:1rem}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;min-width:fit-content}.btn-secondary:hover{background-color:var(--hover-bg);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}@media (max-width: 1024px){.settings-content{grid-template-columns:1fr;gap:24px}.settings-tabs{flex-direction:row;overflow-x:auto;padding-bottom:8px}.tab-button{white-space:nowrap;min-width:fit-content}}@media (max-width: 768px){.settings{padding:70px 16px 16px}.settings-header{margin-bottom:24px}.settings-header h1{font-size:28px}.settings-panel{padding:24px 16px}.settings-section{margin-bottom:32px}.settings-section h2{font-size:20px;margin-bottom:20px}.form-grid{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.save-btn{width:100%;justify-content:center}.notification-item,.preference-item,.security-item{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.security-item-header{flex-direction:column;align-items:flex-start;gap:12px;width:100%}.toggle{align-self:flex-end}.btn-secondary{align-self:flex-end;text-align:center;padding:10px 32px;font-size:13px;min-width:160px;max-width:200px;white-space:nowrap}.settings-tabs{margin-bottom:16px}.tab-button{padding:10px 12px;font-size:13px}}@media (max-width: 480px){.settings{padding:70px 12px 12px}.btn-secondary{padding:12px 28px;font-size:12px;min-width:140px;max-width:170px}.security-item-header{gap:8px}.security-item{padding:12px}}.achievement-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;animation:achievementPopIn .8s cubic-bezier(.68,-.55,.265,1.55) forwards,achievementPopOut .5s ease-in 2.5s forwards}.achievement-popup-content{background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);color:#fff;padding:28px;border-radius:20px;display:flex;align-items:center;gap:20px;box-shadow:0 0 30px #8b5cf6cc,0 0 60px #8b5cf680,0 12px 40px #0006,inset 0 2px #ffffff80;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:3px solid rgba(255,255,255,.3);position:relative;overflow:hidden;min-width:350px;transform-style:preserve-3d}.achievement-popup-content:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);animation:achievementShine 1s ease-out .3s;pointer-events:none}.achievement-popup-content:after{content:"";position:absolute;inset:0;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);pointer-events:none}.achievement-icon{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);color:#6366f1;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 8px 16px #ffffff4d,inset 0 2px 8px #fff3;animation:achievementIconBounce 1s ease-out .4s;position:relative;flex-shrink:0}.achievement-icon:before{content:"";position:absolute;inset:-6px;border-radius:50%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.5),transparent);animation:achievementIconSpin 2s linear infinite .6s;z-index:-1}.achievement-emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.achievement-details{flex:1}.achievement-title{font-size:20px;font-weight:800;margin:0 0 4px;text-shadow:0 2px 4px rgba(0,0,0,.3);animation:achievementTextGlow .8s ease-out .5s}.achievement-description{font-size:14px;margin:0 0 8px;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.2)}.achievement-xp{font-size:16px;font-weight:700;color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,.4);animation:achievementXpPulse 1s ease-in-out infinite 1s}.achievement-effects{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:16px}.particle{position:absolute;border-radius:50%;animation:particleFloat 2s ease-out infinite;box-shadow:0 0 6px currentColor}.particle:nth-child(1){width:6px;height:6px;background:radial-gradient(circle,#fbbf24,#f59e0b);top:15%;left:10%;animation-delay:.3s}.particle:nth-child(2){width:8px;height:8px;background:radial-gradient(circle,#10b981,#059669);top:70%;right:15%;animation-delay:.6s}.particle:nth-child(3){width:5px;height:5px;background:radial-gradient(circle,#f472b6,#ec4899);bottom:25%;left:20%;animation-delay:.9s}.particle:nth-child(4){width:7px;height:7px;background:radial-gradient(circle,#06b6d4,#0891b2);top:35%;right:25%;animation-delay:1.2s}.particle:nth-child(5){width:4px;height:4px;background:radial-gradient(circle,#8b5cf6,#7c3aed);top:60%;left:35%;animation-delay:1.5s}.particle:nth-child(6){width:6px;height:6px;background:radial-gradient(circle,#f97316,#ea580c);bottom:40%;right:30%;animation-delay:1.8s}@keyframes achievementPopIn{0%{transform:translate(-50%,-50%) scale(0) rotate(-360deg);opacity:0;filter:blur(10px)}30%{transform:translate(-50%,-50%) scale(.8) rotate(-180deg);opacity:.5}60%{transform:translate(-50%,-50%) scale(1.15) rotate(-60deg);opacity:.9}80%{transform:translate(-50%,-50%) scale(.98) rotate(10deg);opacity:1;filter:blur(0px)}to{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1;filter:blur(0px)}}@keyframes achievementPopOut{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(0);opacity:0}}@keyframes achievementShine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}@keyframes achievementIconBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes achievementIconSpin{to{transform:rotate(360deg)}}@keyframes achievementTextGlow{0%,to{text-shadow:0 2px 4px rgba(0,0,0,.3)}50%{text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 20px rgba(255,255,255,.5)}}@keyframes achievementXpPulse{0%,to{transform:scale(1);color:#fbbf24}50%{transform:scale(1.05);color:#f59e0b}}@keyframes particleFloat{0%{transform:translateY(0) translate(0) scale(0) rotate(0);opacity:0}15%{opacity:1;transform:scale(.8) rotate(45deg)}50%{transform:translateY(-25px) translate(10px) scale(1.2) rotate(180deg);opacity:.8}80%{transform:translateY(-40px) translate(-5px) scale(.9) rotate(270deg);opacity:.4}to{transform:translateY(-50px) translate(15px) scale(0) rotate(360deg);opacity:0}}@media (max-width: 768px){.achievement-popup-content{min-width:280px;padding:20px;margin:0 16px}.achievement-icon{width:50px;height:50px;font-size:20px}.achievement-title{font-size:18px}.achievement-description{font-size:13px}.achievement-xp{font-size:14px}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes glow{0%{box-shadow:0 0 5px var(--accent-primary-glow)}50%{box-shadow:0 0 15px var(--accent-primary-glow),0 0 30px var(--accent-primary-glow)}to{box-shadow:0 0 5px var(--accent-primary-glow)}}@keyframes border-flow{0%{background-position:0% 0%}to{background-position:100% 0%}}.crystal{position:absolute;width:40px;height:40px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);animation:float 6s ease-in-out infinite,glow 3s ease-in-out infinite;opacity:.7;z-index:-1}.progress-bar{height:8px;width:100%;background-color:var(--bg-secondary);border-radius:4px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--accent-tertiary),var(--accent-primary));background-size:200% 100%;animation:border-flow 2s linear infinite;transition:width .5s ease}.progress-value{position:absolute;top:-20px;right:0;font-size:12px;font-weight:600;color:var(--accent-primary)}.stat-card{padding:15px;border-radius:8px;background-color:var(--bg-card);border:1px solid var(--border-color);transition:all .3s ease;display:flex;align-items:center;gap:12px}.stat-card:hover{transform:translateY(-5px);border-color:var(--accent-primary);box-shadow:var(--neon-shadow)}.stat-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--bg-highlight)}.stat-content{flex:1}.stat-value{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:5px}.stat-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.level-indicator{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background-color:var(--bg-highlight);border-radius:20px;border:1px solid var(--accent-primary);box-shadow:var(--neon-shadow)}.level-badge{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-tertiary));display:flex;align-items:center;justify-content:center;font-weight:700;color:#000;font-size:12px}.level-text{font-size:12px;font-weight:600;color:var(--text-primary)}.achievement{position:relative;display:inline-flex;flex-direction:column;align-items:center;margin:10px;transition:all .3s ease}.achievement:hover{transform:scale(1.05)}.achievement-icon{width:50px;height:50px;border-radius:50%;background-color:var(--bg-highlight);border:2px solid var(--accent-primary);display:flex;align-items:center;justify-content:center;margin-bottom:8px;position:relative;overflow:hidden;box-shadow:var(--neon-shadow)}.achievement-icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(transparent,var(--accent-primary),transparent 30%);animation:rotate 4s linear infinite}.achievement-icon:after{content:"";position:absolute;inset:5px;background-color:var(--bg-highlight);border-radius:50%;z-index:2}.achievement-title{font-size:12px;color:var(--text-primary);font-weight:600;text-align:center}@keyframes rotate{to{transform:rotate(1turn)}}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:var(--bg-secondary)}*::-webkit-scrollbar-thumb{background:linear-gradient(var(--accent-primary),var(--accent-tertiary));border-radius:3px}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(var(--accent-tertiary),var(--accent-primary))}.glass-card{background-color:#1e253ab3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(78,234,255,.1);border-radius:12px}.data-grid{width:100%;border-spacing:0;border-collapse:separate;border-radius:8px;overflow:hidden;margin:20px 0}.data-grid th{background-color:var(--bg-highlight);color:var(--text-primary);font-weight:600;text-align:left;padding:12px 16px;border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.data-grid td{padding:12px 16px;border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.data-grid tr:last-child td{border-bottom:none}.data-grid tr{transition:all .2s ease}.data-grid tr:hover td{background-color:var(--bg-highlight);color:var(--text-primary)}.data-grid tr.active td{background-color:#4eeaff1a;color:var(--accent-primary)}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-secondary);transition:.4s;border-radius:24px;border:1px solid var(--border-color)}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:3px;background-color:var(--text-secondary);transition:.4s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--accent-tertiary-glow);border-color:var(--accent-tertiary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px);background-color:var(--accent-tertiary)}.layout{display:flex;min-height:100vh;background-color:var(--bg-primary);position:relative}.main-content{flex:1;margin-left:260px;min-height:100vh;padding:20px;position:relative;transition:all .3s cubic-bezier(.2,.8,.2,1)}.level-up-notification,.achievement-notification{position:fixed;top:30px;right:30px;background:#1e253ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--accent-primary);border-radius:12px;padding:16px;display:flex;align-items:center;gap:16px;z-index:1000;animation:fadeInRight .5s ease-out forwards,fadeOutRight .5s ease-in forwards 2.5s;box-shadow:var(--neon-shadow),0 10px 20px #0000004d;max-width:300px}.level-up-icon,.achievement-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-tertiary));color:var(--bg-primary)}.level-up-text h3,.achievement-text h3{margin:0 0 8px;color:var(--accent-primary);font-size:18px;font-weight:600;text-shadow:0 0 10px var(--accent-primary-glow)}.level-up-text p,.achievement-text p{margin:0;color:var(--text-primary);font-size:14px}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(50px)}}@media (max-width: 1024px){.main-content{margin-left:0}.layout .sidebar{display:none}.xp-bar-container{bottom:70px}.level-up-notification,.achievement-notification{top:70px;right:20px;max-width:calc(100% - 40px)}}.App{min-height:100vh;background-color:var(--bg-primary);position:relative;overflow-x:hidden}.App:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(78,234,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(78,234,255,.05) 1px,transparent 1px);background-size:30px 30px;z-index:-1;pointer-events:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .5s ease-out forwards}.xp-bar-container{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:200px;z-index:1000;background-color:var(--bg-card);border-radius:20px;padding:10px;border:1px solid var(--accent-primary);box-shadow:0 0 15px #4eeaff33;display:flex;flex-direction:column;align-items:center}.xp-bar{width:100%;height:6px;background-color:var(--bg-secondary);border-radius:3px;overflow:hidden;margin-bottom:5px}.xp-progress{height:100%;background:linear-gradient(90deg,var(--accent-tertiary),var(--accent-primary));border-radius:3px;transition:width .3s ease}.xp-text{font-size:10px;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px}.website-loading-screen{position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#475569);display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden}.loading-bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(78,234,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(78,234,255,.03) 1px,transparent 1px);background-size:50px 50px;animation:patternMove 20s linear infinite}.loading-crystals{position:absolute;width:100%;height:100%}.crystal-1{top:15%;left:10%;animation:crystalFloat 6s ease-in-out infinite}.crystal-2{top:70%;right:20%;animation:crystalFloat 4s ease-in-out infinite reverse}.crystal-3{bottom:25%;left:75%;animation:crystalFloat 5s ease-in-out infinite}.loading-container{text-align:center;z-index:10;animation:fadeInUp 1.2s ease-out;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:500px;margin:0 auto}.loading-logo-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2rem;width:100%}.loading-logo-icon{width:100px;height:100px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-tertiary));border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:#000;margin:0 auto;box-shadow:0 15px 35px #4eeaff66,0 5px 15px #4eeaff33;animation:logoSpin 4s ease-in-out infinite;position:relative;z-index:3}.logo-pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border:2px solid rgba(78,234,255,.6);border-radius:50%;animation:pulseRing 2s ease-out infinite}.pulse-delay{animation-delay:1s;border-color:#10b98199}.loading-brand{font-size:3rem;font-weight:800;color:var(--text-primary);margin:1rem 0 .5rem;text-shadow:0 0 30px rgba(78,234,255,.6);animation:textGlow 3s ease-in-out infinite alternate;letter-spacing:2px;width:100%}.loading-tagline{font-size:1.1rem;color:var(--text-secondary);margin:0 0 3rem;opacity:.9;font-weight:300;width:100%}.loading-progress-wrapper{margin:0 0 2rem;width:350px;max-width:90%}.loading-bar{position:relative;width:100%;height:6px;background-color:#1e293bcc;border-radius:3px;overflow:hidden;margin-bottom:1rem;border:1px solid rgba(78,234,255,.2)}.loading-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-tertiary),var(--accent-secondary));border-radius:3px;animation:progressAnimation 3s ease-in-out infinite}.loading-shine{position:absolute;top:0;left:-100px;height:100%;width:100px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:shineEffect 2s linear infinite}.loading-text{font-size:1rem;color:var(--text-secondary);text-align:center;display:block;font-weight:500}.loading-dots{margin:0 0 2rem;display:flex;justify-content:center;align-items:center;gap:12px;width:100%}.loading-dot{width:12px;height:12px;background:var(--accent-primary);border-radius:50%;animation:dotBounce 1.4s ease-in-out infinite both;box-shadow:0 0 10px #4eeaff80}.loading-dot:nth-child(1){animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s;background:var(--accent-tertiary)}.loading-dot:nth-child(3){animation-delay:0s;background:var(--accent-secondary)}.loading-status{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1rem;color:var(--text-secondary);opacity:.8;font-weight:400;width:100%;margin:0}.status-indicator{font-size:1.4rem;animation:statusSpin 3s linear infinite}@keyframes patternMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes crystalFloat{0%,to{transform:translateY(0) rotate(0);opacity:.6}50%{transform:translateY(-30px) rotate(180deg);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes logoSpin{0%,to{transform:translateY(0) rotateY(0)}25%{transform:translateY(-10px) rotateY(90deg)}50%{transform:translateY(0) rotateY(180deg)}75%{transform:translateY(-10px) rotateY(270deg)}}@keyframes pulseRing{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}@keyframes textGlow{0%{text-shadow:0 0 30px rgba(78,234,255,.6)}to{text-shadow:0 0 40px rgba(78,234,255,.9),0 0 60px rgba(78,234,255,.4)}}@keyframes progressAnimation{0%{width:0%}50%{width:75%}to{width:100%}}@keyframes shineEffect{0%{left:-100px}to{left:400px}}@keyframes dotBounce{0%,80%,to{transform:scale(.8)}40%{transform:scale(1.2)}}@keyframes statusSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.loading-brand{font-size:2.2rem}.loading-logo-icon{width:80px;height:80px;font-size:36px}.logo-pulse-ring{width:100px;height:100px}.loading-progress-wrapper{width:280px}.loading-tagline{font-size:1rem}}@media (max-width: 480px){.loading-brand{font-size:1.8rem}.loading-logo-icon{width:70px;height:70px;font-size:28px}.loading-progress-wrapper{width:250px}}