:root{--navy:#123157;--green:#1f9d73;--soft:#f4f8fb;--white:#fff;--line:#d6e3ed}*{box-sizing:border-box}body{font-family:Inter,Arial,sans-serif;margin:0;background:var(--soft);color:#15233a}.auth-shell,.app-shell{min-height:100vh}.auth-shell{display:grid;place-items:center;padding:1rem}.auth-card{background:var(--white);padding:1.5rem;border-radius:16px;max-width:420px;width:100%;box-shadow:0 8px 24px #1231571a}.input{width:100%;padding:.7rem;margin:.4rem 0;border:1px solid var(--line);border-radius:10px}.btn{border:none;background:#e6eef5;color:var(--navy);padding:.65rem .95rem;border-radius:10px;font-weight:600;text-decoration:none;display:inline-block;cursor:pointer}.btn-primary{background:var(--green);color:#fff}.quick-btn{width:100%;text-align:center}.topbar{background:var(--navy);color:#fff;padding:1rem;display:flex;justify-content:space-between;gap:1rem;align-items:center}.topbar h1{font-size:1.1rem;margin:0}.topbar p{margin:.2rem 0 0;font-size:.85rem;opacity:.85}.layout{display:grid;grid-template-columns:260px 1fr;gap:1rem;padding:1rem;max-width:1200px;margin:0 auto}.sidebar{background:#fff;border-radius:14px;padding:.8rem;border:1px solid var(--line);display:flex;flex-direction:column;gap:.45rem}.nav-btn{padding:.65rem;border-radius:10px;border:1px solid transparent;background:transparent;text-align:left;cursor:pointer}.nav-btn.active{background:#e8f4ef;color:#166e53;border-color:#b6e2d3}.content{display:flex;flex-direction:column;gap:1rem}.page-header{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1rem}.page-header h2{margin:0 0 .25rem}.stack{display:flex;flex-direction:column;gap:1rem}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1rem}.card h3{margin-top:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}.grid.two{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.mini{border:1px solid var(--line);border-radius:10px;padding:.8rem;background:#fbfdff}.metric{font-size:1.7rem;font-weight:700;color:var(--navy);margin:.2rem 0}.feedback{margin-top:.8rem}.warn{color:#8a4c00}.row-actions{display:flex;gap:.6rem;flex-wrap:wrap}.list{display:flex;flex-direction:column;gap:.7rem}.option{display:block;margin:.45rem 0}.option-card{cursor:pointer}.muted{color:#4d627e}.result{margin-top:.7rem;color:#1c6f55;font-weight:600}.steps{margin:.4rem 0 .8rem 1rem;padding:0}.steps li{margin:.25rem 0}@media (max-width:900px){.layout{grid-template-columns:1fr;padding:.75rem}.sidebar{overflow:auto;white-space:nowrap;flex-direction:row}}