:root{--bg:#f6f7f9;--card:#fff;--ink:#1a2233;--mut:#6b7480;--acc:#0f6b5c;--line:#e4e7ec}*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink)}.wrap{max-width:760px;margin:0 auto;padding:32px 18px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px 24px}h1{font-size:19px;margin:0 0 4px}label{display:block;font-size:13px;color:var(--mut);margin:14px 0 4px}input{width:100%;max-width:360px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;font:inherit}button{background:var(--acc);color:#fff;border:0;border-radius:8px;padding:10px 18px;font:inherit;cursor:pointer;margin-top:14px}button:hover{filter:brightness(1.08)}.mut{color:var(--mut);font-size:13.5px}.pill{background:#eef4f2;color:var(--acc);border-radius:20px;padding:2px 11px;font-size:12.5px;margin-right:6px}.badge,.pill{display:inline-block}.badge{background:#fff3cd;color:#8a6d00;border-radius:6px;padding:1px 8px;font-size:12px;font-weight:600}table{width:100%;border-collapse:collapse;margin-top:10px;font-size:14px}td,th{text-align:left;padding:7px 8px;border-bottom:1px solid var(--line)}th{font-weight:500;font-size:12.5px}a.logout,th{color:var(--mut)}a.logout{font-size:13px}