:root{font-family:system-ui,"Segoe UI",Tahoma,sans-serif;color:#ecf2fb;background:#081426;font-size:16px}*{box-sizing:border-box}body{margin:0;min-height:100vh}header{display:flex;align-items:center;justify-content:space-between;padding:12px clamp(16px,4vw,60px);border-bottom:1px solid #40516b;background:#0d1b32}.brand{display:flex;gap:14px;align-items:center}.brand img{width:50px;height:50px;object-fit:contain;border-radius:12px}.brand strong{display:block;color:#e9bc61;font-size:1.3rem;letter-spacing:.12em}.brand small{color:#a9b9d2;letter-spacing:.12em}.notice{padding:12px 22px;background:#48361b;border-bottom:1px solid #b78d49;text-align:center;color:#ffe2a2}main{max-width:1280px;margin:auto;padding:24px clamp(14px,3vw,38px)}h1{font-size:clamp(1.4rem,3vw,2rem);margin:0 0 12px}h2{font-size:1.2rem;color:#f0c36a;margin:0 0 18px}h3{font-size:1rem;color:#e6b967}.muted{color:#a8bad4;line-height:1.7}.auth-grid,.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{border:1px solid #344766;border-radius:18px;background:#10213b;padding:22px;box-shadow:0 10px 30px #0003}.wide{grid-column:1/-1}.workspace-head,.actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.workspace-head{margin-bottom:18px}form{display:grid;gap:14px}label{display:grid;gap:6px;color:#d6e0ef}input,select,textarea{width:100%;background:#0a172b;border:1px solid #52617c;color:#f4f7fb;border-radius:10px;padding:11px 12px;font:inherit;min-height:46px}textarea{min-height:84px;resize:vertical}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid #efc573;outline-offset:2px}button{background:#1e3557;border:1px solid #60708e;color:#fff;padding:10px 17px;border-radius:10px;font:inherit;cursor:pointer;min-height:44px}button.gold{color:#172238;background:#eac16e;border-color:#eac16e;font-weight:700}button:hover{filter:brightness(1.1)}button:disabled{opacity:.5;cursor:not-allowed}.records{display:grid;gap:10px}.records.compact{margin-top:14px}.record{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #344664;border-radius:12px;padding:12px;background:#0c1b31}.record span{line-height:1.6}.record small{display:block;color:#abc0d9}.record button{white-space:nowrap}#message{min-height:2em;margin:18px 0;color:#eec470}#message.error{color:#ff9c9c}footer{text-align:center;color:#8ba0bc;padding:24px;border-top:1px solid #293c59}@media(max-width:800px){.auth-grid,.grid{grid-template-columns:1fr}.wide{grid-column:auto}.record{align-items:flex-start;flex-direction:column}}
.record{flex-wrap:wrap}.record .inline-form{width:100%;border-top:1px solid #344664;padding-top:14px}.inline-form label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px}.inline-form input[type=checkbox]{width:auto;min-height:auto}
[hidden]{display:none!important}.invite-code{margin:16px 0;padding:14px;border:1px solid #c49a50;border-radius:12px;background:#312b22;overflow-wrap:anywhere}.invite-code strong,.invite-code code{display:block}.invite-code code{margin-top:8px;direction:ltr;text-align:left;font-size:1rem;user-select:all}