:root{--bg:#f7fafc;--fg:#111827;--panel:#fff;--border:#d1d5db;--muted:#6b7280;--accent:#0f766e;--danger:#b91c1c}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top,#fff 0%,var(--bg)60%);min-height:100%;color:var(--fg);margin:0;padding:0;font-family:Avenir Next,Segoe UI,sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}.app-frame{flex-direction:column;min-height:100vh;display:flex}.app-content{flex:1}.app-footer{border-top:1px solid var(--border);color:var(--muted);background:#fffc;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;font-size:.9rem;display:flex}main{max-width:920px;margin:0 auto;padding:2rem 1rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1rem}.muted{color:var(--muted)}button{cursor:pointer;border:1px solid var(--accent);background:linear-gradient(180deg,#149286 0%,var(--accent)100%);color:#fff;border-radius:10px;padding:.55rem .85rem;font-size:.95rem;font-weight:600;line-height:1.1;transition:transform .12s,box-shadow .12s,filter .12s;box-shadow:0 1px 2px #0f766e40}button:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 4px 10px #0f766e38}button:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #0f766e33}button:focus-visible{outline-offset:2px;outline:2px solid #0c5f59}button:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.2);box-shadow:none;transform:none}.auth-shell{align-items:flex-start;gap:1rem;display:flex}@media (max-width:920px){.app-footer{flex-direction:column;align-items:flex-start;gap:.35rem}.auth-shell{flex-direction:column}.auth-shell>aside{display:none;width:100%!important}}