:root{--primary: #0EA5E9;--primary-glow: rgba(14, 165, 233, .5);--accent: #8B5CF6;--accent-glow: rgba(139, 92, 246, .4);--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--background: #020617;--surface: #0F172A;--glass-bg: rgba(15, 23, 42, .7);--glass-border: rgba(255, 255, 255, .1);--text: #F8FAFC;--text-dim: #94A3B8;--radius: 16px;--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .2), 0 10px 10px -5px rgba(0, 0, 0, .1);--transition: all .4s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--background);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 0% 0%,rgba(14,165,233,.15) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(139,92,246,.15) 0%,transparent 50%);z-index:-1;pointer-events:none}h1,h2,h3,h4{font-family:Outfit,sans-serif;letter-spacing:-.02em}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);transition:var(--transition)}.glass-card:hover{border-color:#fff3;transform:translateY(-2px)}.btn{padding:12px 24px;border-radius:100px;border:none;font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-family:Outfit,sans-serif;font-size:.95rem}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px var(--primary-glow)}.btn-outline{background:#ffffff08;border:1px solid var(--glass-border);color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-outline:hover{background:#ffffff14;border-color:#ffffff4d}.input-field{width:100%;padding:14px 18px;background:#0003;border:1px solid var(--glass-border);border-radius:12px;color:var(--text);font-size:1rem;transition:var(--transition)}.input-field:focus{outline:none;border-color:var(--primary);background:#0000004d;box-shadow:0 0 0 4px #0ea5e91a}.container{max-width:1200px;margin:0 auto;padding:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes zoomIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.animate-fade-in{animation:fadeIn .6s cubic-bezier(.2,.8,.2,1) forwards}.animate-slide-in{animation:slideIn .5s cubic-bezier(.2,.8,.2,1) forwards}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-dim{color:var(--text-dim)}.bg-success{background-color:var(--success)}.bg-warning{background-color:var(--warning)}.bg-danger{background-color:var(--danger)}.kids-mode{--primary: hsl(330, 100%, 70%);--success: hsl(120, 100%, 50%);--warning: hsl(40, 100%, 65%);--danger: hsl(0, 100%, 65%);--background: hsl(190, 80%, 40%);--surface: hsl(190, 80%, 50%);--glass-bg: hsla(190, 80%, 60%, .8);--glass-border: hsla(190, 80%, 80%, .5);--text: white;--text-dim: hsl(190, 80%, 90%);--radius: 30px;font-family:Outfit,cursive}.kids-mode body{background-image:radial-gradient(circle at top right,hsla(40,100%,70%,.4),transparent),radial-gradient(circle at bottom left,hsla(330,100%,70%,.3),transparent)}.kids-mode .glass-card{border-width:4px;box-shadow:0 10px #0f758a80}.kids-mode .btn-primary{transform:rotate(-2deg);font-size:1.2rem}.kids-mode .btn-primary:active{transform:scale(.9) rotate(0)}.kids-mode h1{font-size:3rem;letter-spacing:2px;text-shadow:2px 2px 0 hsla(0,0%,0%,.2)}@media (max-width: 768px){.container{padding:15px!important}.glass-card{padding:20px!important}h1{font-size:1.8rem!important}h2{font-size:1.5rem!important}h3{font-size:1.2rem!important}[style*=grid-template-columns]{grid-template-columns:1fr!important}header{flex-direction:column;align-items:flex-start!important;gap:15px}header>div{flex-wrap:wrap;width:100%}header>div:last-child{justify-content:flex-start}div[style*="bottom: 30px"]{width:90%!important;bottom:15px!important;justify-content:center}table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}}.profile-layout{display:grid;grid-template-columns:250px 1fr;gap:30px}.res-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid-3{grid-template-columns:1fr 1fr 1fr}@media (max-width: 768px){.profile-layout,.res-grid,.form-grid-3{grid-template-columns:1fr!important}}