:root{font-family:Arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:#f0f4fc;background:linear-gradient(135deg,#0a0e27,#141b35);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{margin:0;display:flex;flex-direction:column;min-width:320px;min-height:100vh;min-height:100dvh;overflow-x:hidden;position:relative;-webkit-tap-highlight-color:rgba(22,160,133,.15);touch-action:manipulation;overscroll-behavior-y:contain}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(15,56,96,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(22,160,133,.06) 0%,transparent 50%);pointer-events:none;z-index:0}#root{width:100%;margin:0 auto;padding:0;text-align:left;position:relative;z-index:1}:root{color-scheme:dark!important}*{-webkit-text-size-adjust:100%}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}input[type=text],input[type=number],input[type=email],input[type=password],input[type=tel],textarea,select{font-size:16px!important}.toast-container{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;gap:.5rem;max-width:400px;width:calc(100% - 2rem)}.toast{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:12px;background:var(--card-bg);border:1px solid var(--border);box-shadow:0 8px 32px #0006;animation:toastIn .3s ease;position:relative;overflow:hidden}.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.toast-success:before{background:var(--success)}.toast-error:before{background:var(--danger)}.toast-warning:before{background:var(--warning)}.toast-info:before{background:var(--primary)}.toast-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem}.toast-success .toast-icon{background:#22c55e26;color:#4ade80}.toast-error .toast-icon{background:#ef444426;color:#f87171}.toast-warning .toast-icon{background:#f59e0b26;color:#fbbf24}.toast-info .toast-icon{background:#3b82f626;color:#60a5fa}.toast-message{flex:1;font-size:.875rem;font-weight:600;color:var(--text-primary);line-height:1.4}.toast-close{width:28px;height:28px;border-radius:8px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s;flex-shrink:0;font-size:1.25rem}.toast-close:hover{background:#ffffff1a;color:var(--text-primary)}.toast-close svg{width:16px;height:16px}.toast-exit{animation:toastOut .2s ease forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.layout{min-height:100vh;display:flex;flex-direction:column;width:100%;overflow-x:hidden}.layout-main{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,var(--card-bg) 0%,var(--dark-lighter) 100%);border-top:1px solid;border-image:linear-gradient(90deg,var(--primary),var(--secondary)) 1;display:flex;justify-content:space-around;align-items:center;padding:.75rem 0;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 -4px 16px #0000004d,0 -1px 8px #16a0851a;max-width:100vw}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;padding:.625rem 1rem;text-decoration:none;color:var(--text-secondary);transition:all .3s ease;border-radius:16px;min-width:60px;flex:1;max-width:100px;position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#16a0851a,#0f38601a);opacity:0;transition:opacity .3s}@media(hover:hover){.nav-item:hover{color:var(--secondary);transform:translateY(-2px)}.nav-item:hover:before{opacity:1}.nav-item:hover svg{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(22,160,133,.25))}}.nav-item:active{transform:scale(.95);transition:transform .1s}.nav-item svg{width:24px;height:24px;stroke-width:2;flex-shrink:0;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));position:relative;z-index:1}.nav-item span{font-size:.8125rem;font-weight:700;letter-spacing:.3px;white-space:nowrap;position:relative;z-index:1}.nav-item.active{color:var(--text-primary);background:linear-gradient(135deg,#16a08533,#0f386033);box-shadow:0 4px 16px #16a08540,0 0 24px #16a08526;transform:translateY(-3px)}.nav-item.active svg{stroke-width:2.5;color:var(--secondary);filter:drop-shadow(0 0 6px rgba(22,160,133,.4))}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(max-width:1024px){.bottom-nav{padding:.625rem 0}.nav-item{padding:.5rem .75rem}}@media(max-width:768px){.bottom-nav{padding:.5rem 0}.nav-item{padding:.5rem;gap:.25rem;min-width:50px}.nav-item svg{width:22px;height:22px}.nav-item span{font-size:.75rem}}@media(max-width:480px){.bottom-nav{padding:.625rem .25rem;min-height:68px}.nav-item{padding:.5rem .375rem;gap:.3125rem;min-width:48px;min-height:56px;border-radius:12px}.nav-item svg{width:22px;height:22px}.nav-item span{font-size:.6875rem}}@media(max-width:375px){.bottom-nav{padding:.5rem .125rem;min-height:64px}.nav-item{padding:.5rem .25rem;min-width:44px;min-height:52px}.nav-item svg{width:20px;height:20px}.nav-item span{font-size:.625rem}}@media(max-height:500px)and (orientation:landscape){.bottom-nav{padding:.375rem 0}.nav-item{flex-direction:row;gap:.375rem;padding:.375rem .75rem}.nav-item svg{width:18px;height:18px}.nav-item span{font-size:.75rem}}:root{--primary: #0F3860;--primary-dark: #082653;--primary-light: #1a5a8c;--secondary: #16A085;--secondary-light: #2eb89d;--secondary-dark: #0d7759;--accent: #D4AF37;--accent-gold: #e6c547;--accent-subtle: #9e9070;--success: #27AE60;--success-light: #3cb371;--warning: #E67E22;--danger: #C0392B;--info: #3498DB;--dark: #0A0E27;--dark-lighter: #141B35;--card-bg: #0F1829;--card-hover: #1a2850;--border: #1e3a5f;--border-light: #2d4a6f;--text-primary: #F0F4FC;--text-secondary: #B8C5D6;--text-muted: #7a8899;--gradient-start: #0F3860;--gradient-mid: #16A085;--gradient-end: #0F3860;--gradient-premium: linear-gradient(135deg, #0F3860 0%, #16A085 50%, #0F3860 100%);--gradient-gold: linear-gradient(135deg, #D4AF37 0%, #9e9070 100%);--gradient-teal: linear-gradient(135deg, #16A085 0%, #0d7759 100%);--glow-primary: rgba(15, 56, 96, .3);--glow-secondary: rgba(22, 160, 133, .25);--glow-gold: rgba(212, 175, 55, .2)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.card,.btn,.nav-item,.stat-card{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.btn:active{transform:scale(.97);transition:transform .1s}.app{min-height:100vh;background:var(--dark);color:var(--text-primary)}.page{padding:1.25rem;padding-bottom:100px;max-width:600px;margin:0 auto}.page-header{padding:2.5rem 1.5rem;background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-mid) 50%,var(--gradient-end) 100%);margin:-1rem -1rem 2rem;border-radius:0 0 28px 28px;box-shadow:0 8px 32px var(--glow-secondary),0 2px 8px #0006;position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="20" height="20" patternUnits="userSpaceOnUse"><path d="M 20 0 L 0 0 0 20" fill="none" stroke="rgba(255,255,255,0.03)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)" /></svg>');opacity:.4}.page-title{font-size:2rem;font-weight:800;margin-bottom:.5rem;text-shadow:0 2px 8px rgba(0,0,0,.3);letter-spacing:-.5px;position:relative;z-index:1}@media(hover:hover){.page-title:hover{transform:none}}.page-subtitle{font-size:1rem;opacity:.95;font-weight:500;position:relative;z-index:1}.card{background:var(--card-bg);border-radius:16px;padding:1.75rem;margin-bottom:1.5rem;border:1px solid var(--border);box-shadow:0 2px 12px #0000004d,0 0 1px #16a0851a;transition:all .3s ease;position:relative;overflow:hidden}.card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(22,160,133,.03),transparent);transition:left .5s}@media(hover:hover){.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000059,0 0 20px #16a08526;border-color:var(--secondary)}.card:hover:after{left:100%}}.btn{padding:1rem 1.875rem;border-radius:12px;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;letter-spacing:.2px}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;box-shadow:0 4px 16px #0f386066,0 0 24px #16a08533;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.08),transparent);opacity:0;transition:opacity .3s}@media(hover:hover){.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f386080,0 0 32px #16a0854d;filter:brightness(1.1)}.btn-primary:hover:before{opacity:1}}.btn-success{background:var(--success);color:#fff;box-shadow:0 4px 12px #27ae604d}@media(hover:hover){.btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 20px #27ae6066}}.btn-outline{background:transparent;border:1.5px solid var(--border);color:var(--text-primary)}@media(hover:hover){.btn-outline:hover{border-color:var(--secondary);background:#16a0850d}}.btn-block{width:100%}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(2,1fr)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:2rem}.stat-card{background:var(--card-bg);padding:1.5rem;border-radius:16px;border:1px solid var(--border);text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%)}@media(hover:hover){.stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #16a08533;border-color:var(--secondary)}}.stat-value{font-size:1.75rem;font-weight:900;color:var(--secondary);margin-bottom:.5rem;line-height:1.2;text-shadow:0 1px 4px rgba(22,160,133,.3)}.stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.4px}@media(min-width:1200px){.page{max-width:700px}}@media(max-width:1024px){.page{max-width:100%;padding:1rem}}@media(max-width:768px){.page{padding:1rem;padding-bottom:100px}.page-header{padding:1.5rem 1rem;margin:-1rem -1rem 1rem;border-radius:0 0 24px 24px}.page-title{font-size:1.5rem}.page-subtitle{font-size:.875rem}.card{padding:1.25rem;border-radius:16px;margin-bottom:1rem}.btn{padding:.875rem 1.5rem;font-size:.9375rem}.stats-grid{gap:1rem}.stat-card{padding:1.25rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.8125rem}}@media(max-width:480px){.page{padding:.875rem;padding-bottom:90px}.page-header{padding:1.25rem .875rem;border-radius:0 0 20px 20px}.page-title{font-size:1.375rem}.page-subtitle{font-size:.8125rem}.card{padding:1rem;border-radius:14px}.btn{padding:.75rem 1.25rem;font-size:.875rem}.stats-grid{gap:.875rem}.stat-card{padding:1rem}.stat-value{font-size:1.375rem}.stat-label{font-size:.75rem}}@media(max-width:375px){.page{padding:.875rem;padding-bottom:95px}.page-title{font-size:1.375rem}.page-subtitle{font-size:.8125rem}.card{padding:1rem}.btn{padding:.875rem 1.25rem;font-size:.9375rem}.stat-value{font-size:1.375rem}.stats-grid{grid-template-columns:1fr}}@media(max-width:320px){.page{padding:.75rem}.page-title{font-size:1.25rem}.btn{padding:.75rem 1rem;font-size:.875rem}}@media(max-height:500px)and (orientation:landscape){.page-header{padding:1rem}.page-title{font-size:1.25rem;margin-bottom:.25rem}.page-subtitle{font-size:.75rem}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes softPulse{0%,to{opacity:1;box-shadow:0 0 #16a08566}50%{opacity:.95;box-shadow:0 0 0 8px #16a08500}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes floatAnim{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes accentShimmer{0%{left:-100%}to{left:100%}}.card{animation:slideInUp .6s ease-out;animation-fill-mode:both}.card:nth-child(1){animation-delay:.1s}.card:nth-child(2){animation-delay:.2s}.card:nth-child(3){animation-delay:.3s}.card:nth-child(4){animation-delay:.4s}.card:nth-child(5){animation-delay:.5s}.page-header{animation:slideInUp .7s ease-out}.page-title{animation:fadeIn .8s ease-out}.btn{position:relative}.btn:before{animation:softPulse 2s infinite}.stat-card{animation:scaleIn .6s ease-out;animation-fill-mode:both}.stat-card:nth-child(1){animation-delay:.15s}.stat-card:nth-child(2){animation-delay:.25s}.stat-card:nth-child(3){animation-delay:.35s}@media(hover:hover){.card:hover{animation:none}}