:root{--ink:#17201b;--muted:#647067;--surface:#fbfaf5;--panel:#ffffff;--line:#d8ded7;--charcoal:#101713;--gold:#c7962f;--emerald:#19745b;--red:#b91c1c}*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--ink);font-family:Calibri,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:grid;grid-template-columns:270px minmax(0,1fr)}.side{background:var(--charcoal);color:#f8f5ea;padding:20px 16px}.brand{display:grid;grid-gap:3px;gap:3px;padding-bottom:18px;border-bottom:1px solid #2d3b32}.brand strong{font-size:19px}.brand span,.muted,.side-note{color:var(--muted)}.side nav{display:grid;grid-gap:8px;gap:8px;margin-top:18px}.side a{padding:10px;border:1px solid transparent;color:#e5eadf}.side a:hover{border-color:rgba(199,150,47,.45);background:#1a261f}.auth-badge{display:grid;grid-gap:8px;gap:8px;margin-top:14px;padding:12px;border:1px solid #2d3b32;background:#17231d}.auth-badge a,.auth-badge button{display:block;border:1px solid rgba(199,150,47,.45);background:transparent;color:#fff7dc;padding:8px;text-align:center;cursor:pointer;font:inherit}.auth-badge.signed-in span{color:#fff;font-weight:800}.auth-badge.signed-in strong{color:#f3d68b}.side-note{margin-top:26px;border-left:3px solid var(--gold);padding:10px;background:#1b241f;color:#d7dfd2;line-height:1.45}.main{min-width:0}.hero{position:relative;min-height:240px;padding:38px clamp(20px,4vw,52px);color:#fffaf0;overflow:hidden}.hero img{width:100%;height:100%;object-fit:cover}.hero img,.hero:after{position:absolute;inset:0}.hero:after{content:"";background:linear-gradient(90deg,rgba(13,19,16,.9),rgba(13,19,16,.55),rgba(13,19,16,.22))}.hero-content{position:relative;z-index:1;max-width:780px}.eyebrow{margin:0 0 8px;color:#f3d68b;font-size:12px;font-weight:800;text-transform:uppercase}h1,h2,h3{margin:0}.hero h1{font-size:clamp(32px,5vw,58px);line-height:1.03}.hero p{max-width:680px;line-height:1.55;color:#eee8d7}.content{padding:24px clamp(18px,3vw,40px) 46px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.panel{background:var(--panel);border:1px solid var(--line);box-shadow:0 8px 22px rgba(20,29,24,.06)}.panel{padding:18px;margin-bottom:16px}.card{padding:16px}.card span{display:block;color:var(--muted);font-size:13px}.card strong{display:block;margin-top:8px;font-size:30px}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border:1px solid var(--emerald);background:var(--emerald);color:#fff;font-weight:800}.button.secondary{background:#fff;color:var(--emerald)}label{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:13px;font-weight:800}input,select,textarea{min-height:40px;border:1px solid #c8d0c7;padding:8px 10px;font:inherit;background:#fff;color:var(--ink)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.auth-layout{display:grid;grid-template-columns:minmax(320px,520px) minmax(280px,1fr);grid-gap:16px;gap:16px;align-items:start}.auth-panel h2{margin-bottom:14px}.form-stack{display:grid;grid-gap:14px;gap:14px}.check-row{display:flex;align-items:center;gap:8px;color:var(--ink)}.check-row input{min-height:auto}.timeline{display:grid;grid-gap:10px;gap:10px}.tracker-form{display:grid;grid-template-columns:160px 220px 160px minmax(220px,1fr) 90px;grid-gap:10px;gap:10px;margin-bottom:16px}.tracker-list{display:grid;grid-gap:8px;gap:8px}.tracker-entry{display:grid;grid-template-columns:130px minmax(180px,1fr) 140px 36px;grid-gap:10px;gap:10px;align-items:center;border:1px solid var(--line);background:#fff;padding:10px}.tracker-entry button{min-height:30px;border:0;background:#f3f0e6;cursor:pointer}.code-grid,.security-options{display:grid;grid-gap:10px;gap:10px;margin-top:14px}.code-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.code-grid code{display:block;padding:9px;background:#111816;color:#f5d37c;text-align:center}.timeline-row{display:grid;grid-template-columns:110px 1fr 130px;grid-gap:10px;gap:10px;align-items:center}.track{height:24px;position:relative;background:#eef2ec;border:1px solid var(--line)}.seg{position:absolute;top:3px;bottom:3px;background:var(--gold)}.badge{display:inline-flex;padding:4px 8px;background:#fff7df;color:#6b4a09;font-weight:800}.danger{border-left:5px solid var(--red)}@media (max-width:940px){.auth-layout,.form-grid,.grid,.shell,.tracker-entry,.tracker-form,.two{grid-template-columns:1fr}}