:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;background:radial-gradient(circle at 0 0,#f973162e,#0000 28%),radial-gradient(circle at 100% 100%,#0f766e33,#0000 30%),linear-gradient(160deg,#fff7ed 0%,#f8fafc 48%,#eff6ff 100%);font-family:Trebuchet MS,Verdana,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.app-shell{grid-template-columns:300px minmax(0,1fr);min-height:100vh;display:grid}.side-nav{color:#e2e8f0;background:#0f172aeb;flex-direction:column;gap:1.5rem;height:100vh;padding:2rem 1.5rem;display:flex;position:sticky;top:0}.brand-block{background:linear-gradient(160deg,#f973162e,#0f172a33);border:1px solid #ffffff1f;border-radius:24px;padding:1.4rem}.brand-block h1,.hero-card h1,.page-header-card h1,.login-panel h1,.splash-panel h1{font-family:Georgia,Times New Roman,serif}.brand-block h1{margin-bottom:.55rem}.eyebrow{color:#fb923c;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem;font-size:.75rem;font-weight:700;display:inline-block}.nav-list,.mobile-nav{gap:.75rem;display:flex}.nav-list{flex-direction:column}.nav-link,.mobile-link{color:#cbd5e1;border:1px solid #0000;border-radius:18px;padding:.9rem 1rem;transition:transform .18s,background .18s,border-color .18s}.nav-link:hover,.mobile-link:hover,.nav-link.active,.mobile-link.active{color:#fff7ed;background:#f9731624;border-color:#fb923c66;transform:translate(2px)}.user-card,.hero-card,.page-header-card,.panel,.stat-card,.login-panel,.splash-panel{animation:.32s rise}.user-card{background:#0f172a8c;border:1px solid #ffffff14;border-radius:22px;flex-direction:column;gap:.4rem;margin-top:auto;padding:1rem;display:flex}.app-main{flex-direction:column;min-width:0;display:flex}.topbar{justify-content:space-between;align-items:center;padding:1.6rem 2rem .5rem;display:flex}.topbar h2{font-size:1.35rem}.topbar-note{flex-wrap:wrap;gap:.75rem;display:flex}.topbar-note span,.summary-ribbon span,.message,.helper-block span,.list-card span,.panel span,.hero-card p,.page-header-card p{color:#475569}.page-content{padding:1rem 2rem 6rem}.page-stack{flex-direction:column;gap:1.4rem;display:flex}.hero-card,.page-header-card{background:linear-gradient(135deg,#ffffffd6,#ffffff9e);border:1px solid #fffc;border-radius:30px;justify-content:space-between;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 22px 60px #0f172a14}.hero-card h1,.page-header-card h1{max-width:12ch;margin-bottom:.5rem;font-size:clamp(1.7rem,4vw,2.8rem)}.stats-grid,.content-grid{gap:1rem;display:grid}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.full-span{grid-column:1/-1}.stat-card,.panel{background:#ffffffc7;border:1px solid #ffffffe6;border-radius:26px;padding:1.25rem;box-shadow:0 16px 44px #0f172a12}.stat-card{flex-direction:column;gap:.55rem;display:flex}.stat-card strong{font-size:1.55rem}.section-heading,.list-card-row,.inline-actions,.summary-ribbon{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.section-heading{margin-bottom:1rem}.section-heading h2,.section-heading h3{font-size:1.1rem}.stack-form,.stack-list,.nested-section{flex-direction:column;gap:.85rem;display:flex}.stack-list.compact{gap:.65rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}label{color:#0f172a;flex-direction:column;gap:.38rem;font-size:.92rem;display:flex}input,select,textarea{color:#0f172a;background:#f8fafceb;border:1px solid #cbd5e1;border-radius:16px;padding:.8rem .95rem;transition:border-color .18s,box-shadow .18s,transform .18s}input:focus,select:focus,textarea:focus{border-color:#fb923c;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #fb923c26}.primary-button,.ghost-button,.inline-button{border:0;border-radius:999px;padding:.8rem 1.1rem}.primary-button{color:#fff7ed;background:linear-gradient(135deg,#ea580c,#f97316);font-weight:700}.ghost-button{color:#0f172a;background:#0f172a0f}.inline-button{color:#0f172a;background:#0f172a14;padding:.45rem .75rem}.message{background:#f973161a;border:1px solid #f9731647;border-radius:18px;padding:.8rem 1rem}.message.error{background:#dc262614;border-color:#dc262633}.list-card,.chip-card{background:#f8fafcb8;border:1px solid #cbd5e1d9;border-radius:20px;padding:1rem}.chip-list{flex-direction:column;gap:.55rem;margin-top:.35rem;display:flex}.chip-card{justify-content:space-between;align-items:center;display:flex}.status-pill{color:#0f766e;text-transform:uppercase;background:#0e74901f;border-radius:999px;align-self:flex-start;padding:.35rem .75rem;font-size:.78rem;font-weight:700}.status-pill.muted{color:#64748b;background:#64748b26}.summary-ribbon{background:linear-gradient(135deg,#0f766e1a,#f973161a);border:1px solid #94a3b84d;border-radius:20px;flex-wrap:wrap;padding:.95rem 1rem}.nested-section{background:#f8fafcb3;border:1px solid #cbd5e1cc;border-radius:20px;padding:1rem}.item-row{grid-template-columns:1.1fr 1.5fr .7fr .8fr auto;gap:.55rem;display:grid}.checklist-row{grid-template-columns:1.5fr .8fr 1.2fr auto}.empty-state{color:#64748b;text-align:center;background:#ffffff85;border:1px dashed #94a3b8a6;border-radius:20px;padding:1rem}.mobile-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd6;border-top:1px solid #94a3b833;padding:.75rem 1rem;display:none;position:sticky;bottom:0;overflow-x:auto}.login-screen,.splash-screen{justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-panel,.splash-panel{background:#ffffffdb;border:1px solid #ffffffeb;border-radius:32px;gap:1.25rem;width:min(100%,760px);max-width:760px;padding:2rem;display:grid;box-shadow:0 28px 70px #0f172a1f}.login-panel h1,.splash-panel h1{max-width:15ch;margin-bottom:.75rem;font-size:clamp(2rem,5vw,3.3rem)}.helper-block{background:#0f172a0f;border-radius:22px;gap:.35rem;padding:1rem;display:grid}.checkbox-line{flex-direction:row;align-items:center}.checkbox-line input{width:auto}.stretch{justify-content:flex-start}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1080px){.content-grid{grid-template-columns:1fr}.hero-card h1,.page-header-card h1{max-width:none}}@media (width<=900px){.app-shell{grid-template-columns:1fr}.side-nav{display:none}.mobile-nav{display:flex}.topbar,.page-content{padding-left:1rem;padding-right:1rem}}@media (width<=720px){.form-grid,.item-row,.checklist-row{grid-template-columns:1fr}.hero-card,.page-header-card,.summary-ribbon,.list-card-row,.section-heading{flex-direction:column;align-items:flex-start}.topbar{flex-direction:column;align-items:flex-start;gap:.75rem}}
