:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;background:#08111f;color:#ecf3ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:320px;background:radial-gradient(circle at top,rgba(99,102,241,.28),transparent 30%),linear-gradient(180deg,#08111f,#111c2f,#08111f);color:#ecf3ff}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.app-shell{width:min(1240px,calc(100% - 32px));margin:0 auto;padding:24px 0 48px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.brand{display:flex;align-items:center;gap:14px}.brand strong,.brand small{display:block}.brand small{color:#9bb0cf}.brand__mark{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;font-size:1.2rem;box-shadow:0 10px 30px #6366f147}.header-actions{display:flex;flex-wrap:wrap;gap:12px}.page-shell{display:flex;flex-direction:column;gap:24px}.hero-card,.chart-card,.metric-card,.child-card,.banner,.app-state{border:1px solid rgba(148,163,184,.16);background:#0c1525db;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 60px #03071247}.hero-card{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,.8fr);gap:20px;padding:28px;border-radius:28px}.hero-card h1,.detail-header h1{margin:0;font-size:clamp(2rem,4vw,3.25rem);line-height:1.05}.hero-card p,.detail-header p,.section-heading p,.child-card p,.activity-row p,.activity-row small,.lot-row p,.metric-card__detail,.empty-state,label span,small{color:#9bb0cf}.hero-card__stats{display:grid;gap:12px}.hero-card__stats div{padding:18px;border-radius:20px;background:#0f172aa6}.hero-card__stats strong{display:block;font-size:1.3rem}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;color:#7dd3fc}.metrics-grid,.child-grid{display:grid;gap:16px}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.child-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{padding:20px;border-radius:24px}.metric-card--indigo{background:linear-gradient(180deg,#4f46e53d,#0c1525e6)}.metric-card--teal{background:linear-gradient(180deg,#14b8a638,#0c1525e6)}.metric-card--gold{background:linear-gradient(180deg,#f59e0b38,#0c1525e6)}.metric-card--rose{background:linear-gradient(180deg,#f43f5e38,#0c1525e6)}.metric-card__header{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#bfdbfe}.metric-card__value{margin-top:16px;font-size:1.75rem;font-weight:700}.metric-card__detail{margin-top:10px;font-size:.92rem}.section-block{display:flex;flex-direction:column;gap:16px}.section-heading{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading h2,.section-heading h3{margin:0}.child-card{display:flex;flex-direction:column;gap:18px;padding:20px;border-radius:24px;transition:transform .2s ease,border-color .2s ease}.child-card:hover{transform:translateY(-2px);border-color:var(--accent, rgba(99, 102, 241, .5))}.child-card__top,.child-card__identity,.activity-row,.lot-row,.detail-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.child-card__avatar{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;background:#ffffff14;font-size:1.5rem}.child-card__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.child-card__metrics div{padding:12px;border-radius:16px;background:#0f172aa6}.child-card__metrics span,.child-card__metrics small{display:block}.dashboard-grid,.detail-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.95fr);gap:24px;align-items:start}.dashboard-grid__main,.dashboard-grid__side,.detail-grid__main,.detail-grid__side{display:grid;gap:24px}.chart-card{padding:22px;border-radius:24px}.chart-shell{height:280px}.transaction-card .section-heading{margin-bottom:20px}.transaction-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.transaction-grid label{display:flex;flex-direction:column;gap:8px}.transaction-grid__note{grid-column:1 / -1}input,select{width:100%;min-height:44px;padding:11px 14px;border-radius:14px;border:1px solid rgba(148,163,184,.22);background:#08111ff2;color:#ecf3ff}input:focus,select:focus{outline:2px solid rgba(96,165,250,.55);border-color:transparent}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border:0;border-radius:999px;background:#1e293bf2;color:#f8fafc}.button:disabled{cursor:not-allowed;opacity:.65}.button--primary{width:100%;margin-top:18px;background:linear-gradient(135deg,#7c3aed,#2563eb)}.access-card{display:grid;gap:16px}.access-card label{display:flex;flex-direction:column;gap:8px}.access-card__identity,.approval-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.access-card__identity{padding:14px 16px;border-radius:18px;background:#0f172aa6}.access-card__message{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;border:1px solid rgba(96,165,250,.24);background:#2563eb1f;color:#dbeafe}.access-card__secondary{width:100%}.access-chip{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 12px;border-radius:999px;background:#7dd3fc24;color:#bae6fd;font-size:.85rem}.approval-list{display:grid;gap:12px}.approval-row{padding:14px 0;border-top:1px solid rgba(148,163,184,.12)}.approval-row:first-child{border-top:0;padding-top:0}.banner,.app-state,.empty-state{border-radius:18px}.banner{margin-bottom:18px;padding:14px 16px}.banner--error{border-color:#f8717159;color:#fecaca}.banner--success{border-color:#4ade8059;color:#bbf7d0}.app-state,.empty-state{padding:28px;text-align:center}.activity-list,.lot-list{display:grid;gap:12px}.activity-row,.lot-row{padding:14px 0;border-top:1px solid rgba(148,163,184,.12);align-items:start}.activity-row:first-child,.lot-row:first-child{border-top:0;padding-top:0}.allocation-grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(140px,.9fr);gap:16px;align-items:center}.allocation-legend{display:grid;gap:12px}.allocation-legend div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.swatch{width:12px;height:12px;border-radius:999px}.back-link{display:inline-flex;align-items:center;gap:8px;color:#bfdbfe}.detail-header{align-items:start}.logic-shell{width:min(1320px,calc(100% - 32px));margin:0 auto;padding:24px 0 56px}.logic-header,.logic-profile__header,.logic-profile__stats,.logic-leaderboard__row{display:flex;align-items:center;justify-content:space-between;gap:16px}.logic-header{margin-bottom:20px}.logic-header h1,.logic-hero h2,.logic-card h3{margin:0}.logic-header p,.logic-card p,.logic-card small,.logic-header__eyebrow{color:#b8c7e5}.logic-header__eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.16em;font-size:.74rem}.logic-header__actions,.logic-mode-tabs{display:flex;flex-wrap:wrap;gap:12px}.logic-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.9fr);gap:24px;align-items:start}.logic-grid__main,.logic-grid__side{display:grid;gap:24px}.logic-card{position:relative;overflow:hidden}.logic-card--profile{background:linear-gradient(145deg,#818cf82e,#0f172af2),#0c1525db}.logic-card--board{background:linear-gradient(180deg,#22c55e14,#0c1525f5),#0c1525e6}.logic-hero{position:relative;overflow:hidden;margin-bottom:24px;border:1px solid rgba(192,132,252,.28);border-radius:28px;background:radial-gradient(circle at top left,rgba(96,165,250,.35),transparent 32%),radial-gradient(circle at bottom right,rgba(244,63,94,.2),transparent 28%),linear-gradient(180deg,#1e293bf5,#08111ffa);box-shadow:0 26px 60px #0307126b}.logic-hero__content{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.9fr);gap:24px;padding:28px}.logic-hero__scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,rgba(255,255,255,.03) 50%,transparent 50%,transparent 100%);background-size:100% 6px;opacity:.35;pointer-events:none}.logic-hero__sprites{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;place-items:center;font-size:2.2rem}.logic-hero__sprites span{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:20px;background:#0f172ab8;border:1px solid rgba(250,204,21,.3);animation:logic-float 2.6s ease-in-out infinite}.logic-hero__sprites span:nth-child(2){animation-delay:.25s}.logic-hero__sprites span:nth-child(3){animation-delay:.5s}.logic-hero__sprites span:nth-child(4){animation-delay:.75s}.logic-profile__header{align-items:start}.logic-profile__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.logic-profile__stats div,.logic-rules div,.logic-answer-card,.logic-match-card{border:1px solid rgba(148,163,184,.16);background:#0f172ab8}.logic-profile__stats div{padding:16px;border-radius:18px}.logic-profile__stats strong,.logic-rules strong,.logic-leaderboard__row strong,.logic-match-card strong{display:block}.logic-feedback{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:10px 14px;border-radius:999px;font-size:.94rem}.logic-feedback--idle{background:#3b82f624;color:#bfdbfe}.logic-feedback--correct{background:#22c55e29;color:#bbf7d0;box-shadow:0 0 24px #22c55e24}.logic-feedback--wrong{background:#f8717129;color:#fecaca;animation:logic-shake .28s ease-in-out}.logic-match-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.logic-match-column,.logic-answer-grid,.logic-rules,.logic-leaderboard{display:grid;gap:12px}.logic-match-card,.logic-answer-card{width:100%;padding:16px;border-radius:18px;color:#f8fafc;text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.logic-match-card:hover,.logic-answer-card:hover{transform:translateY(-2px);border-color:#60a5fa73;box-shadow:0 16px 32px #02061742}.logic-match-card--selected{border-color:#facc158c;box-shadow:0 0 0 1px #facc1559,0 18px 32px #0206173d}.logic-match-card--resolved{border-color:#22c55e80;background:#16653461}.logic-prompt{margin-bottom:18px;padding:18px;border-radius:18px;border:1px solid rgba(96,165,250,.18);background:#0f172ab8}.logic-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.logic-leaderboard__row{padding:14px 0;border-top:1px solid rgba(148,163,184,.12);align-items:start}.logic-leaderboard__row:first-child{border-top:0;padding-top:0}.logic-leaderboard__row--self{color:#fde68a}.logic-rules div{padding:16px;border-radius:18px}@keyframes logic-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes logic-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@media (max-width: 1080px){.metrics-grid,.child-grid,.dashboard-grid,.detail-grid,.hero-card,.logic-grid,.logic-hero__content,.logic-match-board,.logic-answer-grid,.logic-profile__stats{grid-template-columns:1fr}}@media (max-width: 760px){.app-shell{width:min(100% - 20px,1240px);padding-top:18px}.logic-shell{width:min(100% - 20px,1320px);padding-top:18px}.app-header,.detail-header,.child-card__top,.activity-row,.lot-row,.access-card__identity,.approval-row,.logic-header,.logic-profile__header,.logic-leaderboard__row{flex-direction:column;align-items:stretch}.header-actions,.transaction-grid,.child-card__metrics,.allocation-grid,.logic-header__actions,.logic-mode-tabs{grid-template-columns:1fr}.header-actions,.logic-header__actions,.logic-mode-tabs{display:grid}.transaction-grid{grid-template-columns:1fr}}