*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f1f3f6;color:#1f2430}.shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.card{background:#fff;border-radius:12px;box-shadow:0 8px 30px #1f243014;padding:2rem;width:100%;max-width:380px}.card h1{margin:0 0 1.25rem;font-size:1.5rem;text-align:center}.card h2{margin:0 0 .75rem;font-size:1.2rem}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;background:#fff;box-shadow:0 1px 4px #1f243014;padding:.6rem 1.25rem}.brand{font-size:1.15rem;font-weight:700;color:#2f6fed}.user-menu{position:relative}.user-button{display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem .35rem .4rem;border:1px solid #d6dbe3;border-radius:999px;background:#fff;color:#1f2430;font-size:.9rem;cursor:pointer}.user-button:hover{border-color:#2f6fed}.user-avatar{display:inline-flex;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;border-radius:50%;background:#2f6fed;color:#fff;font-weight:700;font-size:.85rem}.chevron{font-size:.7rem;color:#8a92a3;transition:transform .15s}.chevron.up{transform:rotate(180deg)}.user-dropdown{position:absolute;right:0;top:calc(100% + .5rem);width:300px;background:#fff;border:1px solid #e3e7ee;border-radius:12px;box-shadow:0 8px 30px #1f243024;padding:1rem}.user-dropdown dl{display:grid;grid-template-columns:auto 1fr;gap:.4rem .75rem;margin:0 0 1rem;font-size:.85rem}.user-dropdown dt{font-weight:600;color:#5a6272}.user-dropdown dd{margin:0;overflow-wrap:anywhere}.user-dropdown .logout{width:100%;padding:.5rem;border:1px solid #f0c4c6;border-radius:8px;background:#fdebec;color:#b0413e;font-weight:600;cursor:pointer}.user-dropdown .logout:hover{background:#fbdcde}.content{display:flex;justify-content:center;padding:2.5rem 1.5rem}.content .card{width:100%;max-width:520px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.hint{margin:0 0 1rem;font-size:.9rem;color:#5a6272}.tabs{display:flex;gap:.5rem;margin-bottom:1.25rem}.tabs button{flex:1;padding:.5rem 0;border:1px solid #d6dbe3;border-radius:8px;background:#fff;color:#5a6272;font-size:.95rem;cursor:pointer}.tabs button.active{background:#2f6fed;border-color:#2f6fed;color:#fff;font-weight:600}form{display:flex;flex-direction:column;gap:1rem}label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:600}input{padding:.6rem .75rem;border:1px solid #d6dbe3;border-radius:8px;font-size:1rem}input:focus{outline:2px solid #2f6fed;outline-offset:1px;border-color:transparent}small{color:#8a92a3;font-weight:400}form button,.card>button{padding:.65rem;border:none;border-radius:8px;background:#2f6fed;color:#fff;font-size:1rem;font-weight:600;cursor:pointer}form button:disabled{opacity:.6;cursor:wait}.card>button{width:100%;margin-top:1.25rem}.notice{padding:.6rem .75rem;border-radius:8px;font-size:.9rem;margin:0 0 1rem}.notice.ok{background:#e7f6ec;color:#1e7a3c}.notice.error{background:#fdebec;color:#b0413e}.loading{color:#5a6272}.mono{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.85rem}