:root{color:#172033;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.loading-screen,.login-shell{min-height:100vh}.loading-screen{display:grid;place-items:center;color:#607086}.login-shell{display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,470px);background:radial-gradient(circle at 20% 20%,rgba(255,176,32,.2),transparent 30%),linear-gradient(135deg,#102033,#1f6b5a 45%,#f4f7fb 45%)}.login-art{display:grid;place-items:center;padding:48px}.orbital-board{position:relative;width:min(520px,100%);aspect-ratio:1.2;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:linear-gradient(135deg,#fff3,#ffffff0f),url("data:image/svg+xml,%3Csvg width='420' height='320' viewBox='0 0 420 320' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.28'%3E%3Cpath d='M42 248c55-50 90-91 149-78 57 13 64 65 125 42 33-12 50-36 65-58'/%3E%3Cpath d='M58 205h300M76 156h240M104 106h236'/%3E%3C/g%3E%3Cg fill='%23ffb020'%3E%3Ccircle cx='126' cy='182' r='8'/%3E%3Ccircle cx='216' cy='170' r='8'/%3E%3Ccircle cx='322' cy='210' r='8'/%3E%3C/g%3E%3C/svg%3E");background-size:cover;box-shadow:0 30px 80px #0d1c2c57}.rank-card{position:absolute;display:grid;gap:8px;min-width:170px;padding:18px;border-radius:8px;background:#ffffffeb;box-shadow:0 20px 60px #0d1c2c3d}.rank-card-primary{top:34px;left:34px}.rank-card-secondary{right:28px;bottom:42px}.rank-card span{color:#607086;font-size:.9rem}.rank-card strong{color:#122033;font-size:2.2rem}.track{position:absolute;left:32px;right:32px;bottom:24px;height:12px;overflow:hidden;border-radius:999px;background:#ffffff52}.track span,.meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffb020,#30a46c,#246bfe)}.login-panel{display:flex;flex-direction:column;justify-content:center;gap:34px;padding:clamp(28px,6vw,64px);background:#fffffff5}.login-logo{display:block;width:min(250px,72vw);height:auto;object-fit:contain}.eyebrow{margin:0 0 7px;color:#246bfe;font-size:.75rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(2.1rem,4vw,4rem);line-height:1}h2{margin-bottom:6px;font-size:1.45rem}h3{font-size:1rem}.muted,.hero-copy p{color:#607086;line-height:1.6}.stack{display:grid;gap:18px}label span{display:inline-block;margin-bottom:8px;color:#43536a;font-weight:700}.input-shell,.date-control,.user-chip{display:flex;align-items:center;gap:10px;border:1px solid #d8e0ea;border-radius:8px;background:#fff}.input-shell{padding:0 14px}input,select{min-width:0;width:100%;border:1px solid #d8e0ea;border-radius:8px;padding:11px 12px;color:#172033;background:#fff}.input-shell input{border:0;outline:0;padding-inline:0}.primary-button,.secondary-button,.icon-button{border:0;border-radius:8px;font-weight:800}.primary-button{padding:14px 18px;color:#fff;background:linear-gradient(135deg,#246bfe,#1f6b5a);box-shadow:0 16px 36px #246bfe40}.secondary-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#172033;background:#edf3fb}.secondary-button{padding:11px 13px}.icon-button{width:42px;height:42px;flex:0 0 42px}.danger{color:#b42318;background:#fff0ed}.error{color:#b42318;font-weight:700}.banner{margin:0 auto 18px;max-width:1380px;padding:12px 18px}.app-shell{min-height:100vh;background:linear-gradient(180deg,rgba(36,107,254,.08),transparent 340px),#f4f7fb}.app-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px clamp(18px,4vw,48px);border-bottom:1px solid rgba(216,224,234,.72);background:#f4f7fbdb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-heading{display:flex;align-items:center;gap:18px;min-width:0}.header-logo{width:clamp(132px,16vw,218px);height:auto;flex:0 0 auto;object-fit:contain}.app-header h1{font-size:clamp(1.7rem,3vw,2.6rem)}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.date-control,.user-chip{min-height:42px;padding:0 12px}.date-control input{border:0;padding:0}.dashboard-grid{display:grid;gap:20px;max-width:1380px;margin:0 auto;padding:24px clamp(18px,4vw,48px) 48px}.hero-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:24px;align-items:stretch;overflow:hidden;border-radius:8px;background:linear-gradient(135deg,#122033f5,#1f6b5aeb),url("data:image/svg+xml,%3Csvg width='900' height='260' viewBox='0 0 900 260' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.13'%3E%3Cpath d='M0 210h900M0 156h900M0 102h900M0 48h900M110 0v260M270 0v260M430 0v260M590 0v260M750 0v260'/%3E%3C/g%3E%3Cpath fill='%23ffb020' fill-opacity='.22' d='M650 190l38-78 42 39 54-98 52 137z'/%3E%3C/svg%3E");background-size:cover;color:#fff;box-shadow:0 24px 70px #0f203429}.hero-copy,.achievement-strip{padding:clamp(22px,4vw,36px)}.hero-copy h2{font-size:clamp(2rem,5vw,4.4rem);line-height:.98}.hero-copy p{max-width:620px;color:#ffffffc7}.achievement-strip{display:grid;grid-template-columns:1fr;gap:12px;background:#ffffff1a}.achievement-strip div{display:grid;gap:7px;align-content:center;min-height:122px;padding:20px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#ffffff1a}.achievement-strip span{color:#ffffffb8}.achievement-strip strong{font-size:1.6rem}.stats-grid,.content-grid,.admin-grid{display:grid;gap:18px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card,.leaderboard,.chart-panel,.admin-panel,.admin-block{border:1px solid #d8e0ea;border-radius:8px;background:#fff;box-shadow:0 20px 50px #12203312}.stat-card{display:grid;gap:8px;min-height:150px;padding:22px}.stat-card span,.stat-card p{color:#607086}.stat-card strong{font-size:2.4rem}.tone-blue{border-top:5px solid #246bfe}.tone-amber{border-top:5px solid #ffb020}.tone-green{border-top:5px solid #30a46c}.content-grid{grid-template-columns:minmax(360px,.95fr) minmax(420px,1.2fr)}.leaderboard,.chart-panel,.admin-panel{padding:22px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.leader-list{display:grid;gap:12px}.leader-row{display:grid;grid-template-columns:48px minmax(0,1fr) 96px;gap:14px;align-items:center;min-height:118px;padding:14px;border:1px solid #e7edf4;border-radius:8px}.rank-badge{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#fff;background:#172033;font-weight:900}.leader-main{display:grid;gap:10px}.leader-title,.leader-meta{display:flex;justify-content:space-between;gap:12px}.leader-title span{display:inline-flex;align-items:center;gap:5px;color:#ff8a00;font-weight:800}.leader-meta{color:#607086;font-size:.88rem}.meter{height:12px;overflow:hidden;border-radius:999px;background:#edf3fb}.progress-ring{display:grid;place-items:center;width:88px;aspect-ratio:1;border-radius:50%;background:conic-gradient(#30a46c var(--progress),#e8eef5 0deg)}.progress-ring div{display:grid;place-items:center;width:68px;aspect-ratio:1;border-radius:50%;background:#fff}.progress-ring strong{font-size:1rem}.progress-ring span{color:#607086;font-size:.72rem}.chart-wrap{width:100%;min-height:310px}.chart-tooltip{display:grid;gap:5px;padding:11px 12px;border:1px solid #d8e0ea;border-radius:8px;background:#fff;box-shadow:0 12px 28px #1220331f}.chart-tooltip span{color:#607086;font-size:.88rem}.admin-grid{grid-template-columns:1fr}.admin-block{min-width:0;overflow:hidden;padding:18px}.admin-status{margin:-4px 0 14px;color:#1f6b5a;font-weight:800}.compact-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin-bottom:18px}.compact-form .secondary-button{min-width:96px}.goals-form{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.field-label{display:grid;gap:6px;min-width:0}.field-label span{margin:0;color:#607086;font-size:.75rem;font-weight:800}.switch-row{display:flex;align-items:center;gap:10px;min-height:42px}.switch-row input{width:auto}.switch-row span{margin:0}.table-list,.goal-list{display:grid;gap:8px}.table-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(180px,1.2fr) minmax(90px,.55fr) minmax(130px,.8fr) minmax(150px,.9fr) 42px 42px 42px;gap:8px;min-width:0}.goal-row{display:grid;grid-template-columns:minmax(130px,.9fr) minmax(180px,1.2fr) minmax(90px,.5fr) minmax(90px,.5fr) minmax(120px,.65fr) 42px 42px;gap:8px;align-items:center;min-width:0;padding:12px;border:1px solid #e7edf4;border-radius:8px}.goal-switch{min-height:42px}.goal-list span{color:#607086}@media(max-width:980px){.login-shell,.hero-band,.content-grid,.admin-grid,.stats-grid{grid-template-columns:1fr}.login-art{min-height:340px;padding:26px}.app-header{align-items:flex-start;flex-direction:column}.brand-heading{align-items:flex-start;flex-direction:column;gap:12px}.compact-form,.table-row,.goal-row{grid-template-columns:repeat(2,minmax(0,1fr))}.table-row .icon-button,.goal-row .icon-button{width:100%;flex-basis:auto}}@media(max-width:620px){.login-shell{background:#f4f7fb}.login-art{display:none}.login-logo{width:min(230px,78vw)}.header-logo{width:min(210px,74vw)}.header-actions{width:100%;justify-content:stretch}.date-control,.user-chip{flex:1 1 170px}.leader-row,.table-row,.goal-row,.compact-form,.goals-form{grid-template-columns:1fr}.progress-ring{width:82px;justify-self:start}.leader-title,.leader-meta{flex-direction:column;gap:5px}}