:root{--bg-0:#0f1c1a;--bg-1:#16302b;--bg-2:#1f4038;--surface:#f5f1e8eb;--surface-solid:#f5f1e8;--ink:#14201d;--ink-soft:#3d524c;--line:#14201d1f;--accent:#d9772c;--accent-deep:#b75c16;--ok:#1f7a4c;--danger:#b42318;--warn:#9a6700;--shadow:0 18px 50px #08121047;--radius:14px;--font:"Manrope", sans-serif;--display:"Source Serif 4", Georgia, serif;color:var(--ink);background:var(--bg-0);font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(1200px 600px at 10% -10%, #d9772c47, transparent 55%), radial-gradient(900px 500px at 90% 0%, #4a8c7a59, transparent 50%), linear-gradient(160deg, var(--bg-0), var(--bg-1) 45%, var(--bg-2));background-attachment:fixed;min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.topbar{color:#f6f1e7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;background:#0a141273;border-bottom:1px solid #f6f1e71f;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.25rem;animation:.45s both fadeDown;display:flex;position:sticky;top:0}.brand{font-family:var(--display);letter-spacing:.01em;font-size:1.25rem;font-weight:700}.nav{flex-wrap:wrap;gap:.55rem;display:flex}.nav a{color:#f6f1e7db;border-radius:999px;padding:.35rem .65rem;transition:background .2s,color .2s}.nav a.active,.nav a:hover{color:#fff;background:#f6f1e71f}.content{width:min(1120px,100% - 2rem);margin:1.25rem auto 2.5rem;animation:.5s both riseIn}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.panel+.panel{margin-top:1rem}h1,h2,h3{font-family:var(--display);margin:0 0 .5rem;line-height:1.2}h1{font-size:clamp(1.6rem,3vw,2.1rem)}h2{font-size:1.35rem}p{color:var(--ink-soft);line-height:1.5}.muted{color:var(--ink-soft);font-size:.92rem}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.grow{flex:1}.btn{background:var(--ink);color:#f7f2e8;border:0;border-radius:10px;padding:.65rem 1rem;font-weight:600;transition:transform .15s,background .2s,opacity .2s}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-accent{background:linear-gradient(135deg, var(--accent), var(--accent-deep));color:#fff}.btn-ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:.4rem .7rem;font-size:.9rem}.field{gap:.35rem;margin-bottom:.85rem;display:grid}.field label{font-size:.92rem;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffef9;border-radius:10px;padding:.7rem .8rem}.field textarea{resize:vertical;min-height:96px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.94rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.7rem .55rem}th{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);font-size:.78rem}.badge{background:#14201d14;border-radius:8px;align-items:center;padding:.2rem .55rem;font-size:.78rem;font-weight:700;display:inline-flex}.badge.ok{color:var(--ok);background:#1f7a4c26}.badge.warn{color:var(--warn);background:#9a670026}.badge.danger{color:var(--danger);background:#b423181f}.auth-page{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.auth-card{background:var(--surface);border-radius:calc(var(--radius) + 4px);width:min(440px,100%);box-shadow:var(--shadow);border:1px solid var(--line);padding:1.6rem;animation:.55s both riseIn}.auth-card .brand-hero{font-family:var(--display);margin-bottom:.25rem;font-size:clamp(1.8rem,5vw,2.3rem)}.auth-card .lead{margin:0 0 1.2rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.price-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin:.8rem 0 1rem;display:grid}.price-box{border:1px solid var(--line);text-align:center;background:#fffef9;border-radius:12px;padding:.8rem;animation:.4s both popIn}.price-box strong{margin-top:.2rem;font-size:1.2rem;display:block}.error{color:var(--danger);white-space:pre-wrap;background:#b423181a;border-radius:10px;margin-bottom:.85rem;padding:.7rem .85rem}.success{color:var(--ok);background:#1f7a4c1f;border-radius:10px;margin-bottom:.85rem;padding:.7rem .85rem}.stack{gap:.75rem;display:grid}.task-card{border:1px solid var(--line);background:#fffef9;border-radius:12px;gap:.35rem;padding:.95rem;transition:transform .18s,box-shadow .18s;display:grid}.task-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #14201d14}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.meta-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:.85rem 0;display:grid}.meta-grid>div{border:1px solid var(--line);background:#fffef9;border-radius:10px;gap:.2rem;padding:.65rem .75rem;display:grid}.meta-grid strong{font-size:.95rem}.table-cards{display:none}@media (width<=780px){.grid-2,.price-strip,.meta-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:stretch;gap:.75rem;padding:.85rem 1rem}.nav{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;width:100%;padding-bottom:.2rem;overflow-x:auto}.nav a{white-space:nowrap;flex:none}.content{width:min(100% - 1rem,1120px);margin-top:.85rem}.panel{padding:1rem}.row{gap:.55rem}.btn,.btn-sm{min-height:42px}input,select,textarea{font-size:16px}table{font-size:.88rem}.table-wrap{border-radius:10px;margin:0 -.25rem}th,td{padding:.55rem .4rem}.task-card{padding:.85rem}.auth-card{padding:1.25rem}}@media (width<=520px){.brand{font-size:1.1rem}h1{font-size:1.45rem}.btn-ghost{width:100%}}