:root{--bg:#f7f8fa;--panel:#fff;--text:#15171a;--muted:#667085;--line:#d9dee7;--brand:#0f766e;--brand-strong:#115e59;--accent:#c2410c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.shell{min-height:100vh}.nav{align-items:center;background:hsla(0,0%,100%,.94);border-bottom:1px solid var(--line);display:flex;gap:24px;height:64px;justify-content:space-between;padding:0 40px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand{font-size:18px;font-weight:700}.nav-links{align-items:center;display:flex;gap:16px}.nav-button,.nav-links a{align-items:center;display:inline-flex;gap:8px}.nav-button{background:transparent;border:0;color:var(--text);cursor:pointer;font:inherit;padding:0}.button{align-items:center;background:var(--brand);border:1px solid var(--brand);border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;min-height:40px;padding:0 14px}.button.secondary{background:#fff;color:var(--brand-strong)}.hero{display:grid;grid-gap:40px;gap:40px;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);margin:0 auto;max-width:1180px;min-height:calc(100vh - 120px);padding:72px 40px 40px}.hero h1{font-size:56px;letter-spacing:0;line-height:1.02;margin:0 0 22px}.hero p{color:var(--muted);font-size:18px;line-height:1.6;margin:0 0 28px;max-width:680px}.hero-panel,.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:24px}.metric-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.metric{border:1px solid var(--line);border-radius:8px;padding:16px}.metric span{color:var(--muted);display:block;font-size:13px}.metric strong{display:block;font-size:26px;margin-top:8px}.page{margin:0 auto;max-width:1180px;padding:32px 40px 56px}.page-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.page-header h1{font-size:32px;margin:0}.grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.table{border-collapse:collapse;width:100%}.table-wrap{overflow-x:auto}.table-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:10px}.table-header h2{margin:0}.compact-select{max-width:180px}.table td,.table th{border-bottom:1px solid var(--line);padding:12px;text-align:left}.table th{font-size:13px}.muted,.table th{color:var(--muted)}.section-gap{margin-top:18px}.auth-wrap{display:flex;justify-content:center}.auth-panel{max-width:460px;width:100%}.segmented{background:#eef2f6;border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px}.icon-button,.segmented button{align-items:center;background:transparent;border:0;color:var(--text);cursor:pointer;display:inline-flex;gap:8px;justify-content:center}.segmented button{border-radius:6px;font-weight:700;min-height:38px}.segmented button.active{background:#fff;border:1px solid var(--line)}.form{display:grid;grid-gap:14px;gap:14px;margin-top:18px}.form label{color:var(--muted);display:grid;font-size:13px;grid-gap:6px;gap:6px}.input{background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--text);font:inherit;min-height:40px;padding:0 12px;width:100%}.inline-form{align-items:center;display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(0,1fr) auto;margin-bottom:14px}.status{background:#eef2f6;border:1px solid var(--line);border-radius:6px;margin:12px 0;padding:10px 12px}.status.error{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.secret-box{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;display:grid;grid-gap:8px;gap:8px;margin:12px 0;padding:12px}.secret-box span{color:#047857;font-size:13px;font-weight:700}.secret-box code{overflow-wrap:anywhere}.icon-button{align-items:center;background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--text);display:inline-flex;height:32px;justify-content:center;width:32px}.table-input{min-height:32px;min-width:120px;padding:0 8px}.wide-input{min-width:260px}.number-input{min-width:96px}.price-input{min-width:130px}.feature-list{display:grid;grid-gap:10px;gap:10px;list-style:none;margin:16px 0;padding:0}.feature-list li{align-items:center;color:var(--muted);display:flex;gap:8px}@media (max-width:820px){.nav{padding:0 18px}.nav-links{gap:10px}.grid,.hero{grid-template-columns:1fr}.hero{padding:44px 18px 28px}.hero h1{font-size:42px}.page{padding:24px 18px 40px}.page-header{align-items:flex-start;flex-direction:column}.inline-form{grid-template-columns:1fr}}