:root{--ink:#152d36;--muted:#5f7278;--paper:#fffdf7;--cream:#f5f0e6;--teal:#087f78;--teal-dark:#05655f;--amber:#eea544}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,sans-serif}main{max-width:1120px;margin:auto;padding:0 28px}nav{border-bottom:1px solid #e8e2d7;justify-content:space-between;align-items:center;height:82px;display:flex}nav div{align-items:center;gap:22px;display:flex}a{color:var(--ink);text-decoration:none}.brand{letter-spacing:-1px;font-size:23px;font-weight:800}.brand span{color:var(--teal)}.button{background:var(--teal);color:#fff;border-radius:10px;padding:14px 20px;font-weight:700}.button:hover{background:var(--teal-dark)}.small{padding:10px 14px}.hero{max-width:790px;padding:105px 0 70px}.eyebrow{color:var(--teal);letter-spacing:1.5px;font-size:12px;font-weight:800}.hero h1,.docs h1,.admin h1{letter-spacing:-4px;margin:16px 0 24px;font-size:clamp(42px,7vw,75px);line-height:1.02}.lead{color:var(--muted);max-width:650px;font-size:20px;line-height:1.55}.actions{align-items:center;gap:20px;margin:35px 0;display:flex}.ghost{color:var(--teal);font-weight:700}pre{color:#e6fffb;background:#173a3b;border-radius:14px;padding:21px;font-size:13px;line-height:1.55;overflow:auto}.grid{grid-template-columns:repeat(3,1fr);gap:18px;padding:50px 0 80px;display:grid}.grid article,.stats article,.panel{background:#fff;border:1px solid #e5ded3;border-radius:16px;padding:28px}.grid h2{font-size:20px}.grid p,.panel p{color:var(--muted);line-height:1.5}.icon{color:var(--amber);font-size:22px}footer{color:var(--muted);border-top:1px solid #e8e2d7;padding:30px 0 50px;font-size:14px}.docs,.admin{max-width:850px;padding:60px 0 90px}.docs h1,.admin h1{font-size:50px}.docs h2{margin-top:42px}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin:30px 0;display:grid}.stats p{color:var(--muted);margin:0}.stats strong{margin-top:12px;font-size:36px;display:block}.table{border-top:1px solid #eee;grid-template-columns:1fr 1.4fr .6fr;gap:15px;margin-top:25px;padding-top:18px;display:grid}.table span{color:var(--muted);font-size:13px}.table em{color:var(--teal);font-style:normal;font-weight:700}@media (max-width:700px){main{padding:0 18px}.grid,.stats{grid-template-columns:1fr}.hero{padding-top:65px}.hero h1{letter-spacing:-2px}.table{grid-template-columns:1fr}.table span{display:none}}.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-shell .form{width:min(100%,440px)}.admin-shell{background:var(--cream);grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.admin-shell aside{background:var(--paper);border-right:1px solid #e5ded3;flex-direction:column;gap:28px;padding:32px 24px;display:flex}.admin-shell aside>a:last-child{color:var(--teal);margin-top:auto;font-weight:700}.side-nav{gap:5px;align-items:initial;justify-content:initial;border:0;height:auto;display:grid}.side-nav a{border-radius:9px;padding:11px 13px;font-weight:700}.side-nav a:hover{color:var(--teal-dark);background:#e6f3f1}.admin-content{width:100%;max-width:1000px;padding:62px 48px 90px}.admin-content h1{letter-spacing:-3px;margin:10px 0 18px;font-size:clamp(40px,5vw,64px)}.admin-grid{padding:35px 0}.admin-grid .panel{transition:transform .15s,border-color .15s}.admin-grid .panel:hover{border-color:var(--teal);transform:translateY(-3px)}.form{gap:16px;max-width:650px;margin:24px 0 36px;display:grid}.form label{gap:7px;font-size:14px;font-weight:700;display:grid}.form input,.form select{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #d9d2c6;border-radius:9px;padding:12px}.form input:focus,.form select:focus{border-color:var(--teal);outline:3px solid #bce5e0}.form .button{cursor:pointer;border:0;justify-self:start}.data-list{gap:12px;max-width:850px;display:grid}.data-list .panel{grid-template-columns:minmax(150px,1fr) minmax(190px,1.2fr) minmax(180px,1fr);align-items:center;gap:14px;padding:17px 20px;display:grid}.data-list code,.data-list span{color:var(--muted);overflow-wrap:anywhere;font-size:14px}.notice{color:#176345;overflow-wrap:anywhere;background:#e3f4ed;border-radius:10px;max-width:650px;padding:14px 16px;font-weight:700}.error{color:#af2730;font-weight:700}@media (max-width:800px){.admin-shell{grid-template-columns:1fr}.admin-shell aside{border-bottom:1px solid #e5ded3;border-right:0;gap:14px;padding:20px}.side-nav{grid-template-columns:repeat(3,1fr)}.admin-shell aside>a:last-child{margin-top:0}.admin-content{padding:36px 20px 60px}.data-list .panel{grid-template-columns:1fr}}