:root{--primary: 99 102 241;--primary-dark: 79 70 229;--accent: 236 72 153;--surface: 255 255 255;--muted: 248 250 252;--border: 226 232 240;--ring: 99 102 241;--gradient-start: 99 102 241;--gradient-end: 168 85 247}html{font-size:14px;scroll-behavior:smooth}@media(min-width:1024px){html{font-size:15px}}body,.app-body{font-family:Plus Jakarta Sans,system-ui,sans-serif;background:linear-gradient(160deg,#f8fafc,#f1f5f9,#eef2ff);min-height:100vh;color:#1e293b}.card{background:rgb(var(--surface));border-radius:1rem;border:1px solid rgb(var(--border));box-shadow:0 1px 3px #0000000d,0 4px 12px #6366f10a;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 4px 12px #0000000f,0 8px 24px #6366f114}.card-elevated{box-shadow:0 4px 20px #0000000f,0 12px 40px #6366f10f;border:1px solid rgba(99,102,241,.12)}.btn-primary{background:linear-gradient(135deg,rgb(var(--gradient-start)),rgb(var(--gradient-end)));color:#fff;font-weight:600;padding:.75rem 1.5rem;border-radius:.75rem;box-shadow:0 4px 14px #6366f159;transition:box-shadow .2s,transform .15s}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #6366f173;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#fff;color:#4f46e5;border:2px solid rgba(99,102,241,.3);font-weight:600;padding:.75rem 1.5rem;border-radius:.75rem;transition:background .2s,border-color .2s,transform .15s}.btn-secondary:hover{background:#6366f10f;border-color:rgb(var(--primary))}.input-field{width:100%;padding:.75rem 1rem;border-radius:.75rem;border:2px solid rgb(var(--border));font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.input-field:focus{outline:none;border-color:rgb(var(--primary));box-shadow:0 0 0 4px #6366f126}.section-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:linear-gradient(135deg,#6366f11f,#a855f714);border-radius:.75rem;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#4f46e5}.nav-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:600;font-size:.8125rem;text-transform:uppercase;letter-spacing:.04em;border-radius:.75rem;transition:all .2s}.nav-tab-active{background:linear-gradient(135deg,#6366f126,#a855f714);color:#4f46e5}.nav-tab-inactive{color:#64748b}.nav-tab-inactive:hover{color:#475569;background:#00000008}.welcome-block{background:linear-gradient(135deg,#6366f114,#a855f70d,#ec48990a);border:1px solid rgba(99,102,241,.15);border-radius:1.25rem;position:relative;overflow:hidden}.welcome-block:before{content:"";position:absolute;top:-50%;right:-20%;width:60%;height:120%;background:radial-gradient(circle,rgba(99,102,241,.12) 0%,transparent 70%);pointer-events:none}.table-row-hover:hover{background:#6366f10a}.no-select{-webkit-user-select:none;user-select:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}@media(max-width:768px){.nav-tab{min-height:44px;padding:.625rem .875rem;font-size:.75rem}.btn-primary,.btn-secondary{min-height:44px;padding:.625rem 1.25rem}.input-field{min-height:44px;padding:.625rem .875rem}.section-badge{flex-wrap:wrap;gap:.375rem;font-size:.6875rem;padding:.375rem .625rem}}.container-padding{padding-left:1rem;padding-right:1rem}@media(min-width:640px){.container-padding{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.container-padding{padding-left:1.5rem;padding-right:1.5rem}}