:root{--bg: #fafafa;--surface: #ffffff;--ink: #1a1a1a;--body: #555;--muted: #777;--light: #999;--border: #e0ddd8;--gold: #c9a86c;--green: #4a7a4a;--rust: #a05030}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh}body{font-family:Helvetica Neue,Helvetica,Arial,Futura,sans-serif;font-size:14px;line-height:1.5;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font:inherit;color:inherit}a{color:var(--ink);text-decoration:none}a:hover{color:var(--gold)}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:14px 28px;display:flex;justify-content:space-between;align-items:center}.brand{font-family:Cormorant Garamond,Georgia,serif;font-size:22px;font-weight:400;letter-spacing:-.01em}.brand-mark{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-left:12px;vertical-align:2px;font-family:Helvetica Neue,sans-serif;font-weight:600}.user-strip{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--muted)}.btn{display:inline-block;padding:8px 16px;border:1px solid var(--ink);border-radius:4px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;background:var(--ink);color:var(--surface);transition:opacity .15s,background .15s}.btn:hover{opacity:.9}.btn:disabled{opacity:.5;cursor:wait}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--border)}.btn-ghost:hover{border-color:var(--ink);background:transparent}.login-shell{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px}.login-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:36px 32px}.login-eyebrow{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;font-weight:600}.login-title{font-family:Cormorant Garamond,Georgia,serif;font-size:32px;font-weight:400;margin-bottom:8px;line-height:1.1}.login-sub{color:var(--muted);font-size:13px;line-height:1.55;margin-bottom:24px}.field{width:100%;background:transparent;border:none;border-bottom:1px solid var(--border);padding:10px 0;font-size:14px;letter-spacing:.04em;color:var(--ink);margin-bottom:18px}.field:focus{outline:none;border-bottom-color:var(--ink)}.field::placeholder{color:var(--light);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.notice{margin-top:14px;padding:10px 14px;border-radius:4px;font-size:12px;line-height:1.5}.notice-ok{background:#e8f0e0;color:var(--green);border:1px solid #c5dcc5}.notice-error{background:#f0e0e0;color:var(--rust);border:1px solid #e0c5c5}.main{flex:1;padding:48px 32px;max-width:720px;margin:0 auto;width:100%}.eyebrow{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:6px;font-weight:600}.hello-title{font-family:Cormorant Garamond,Georgia,serif;font-size:42px;font-weight:400;margin-bottom:14px;line-height:1.1}.hello-body{color:var(--body);font-size:15px;line-height:1.7;margin-bottom:24px}.placeholder-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:22px 24px;margin:14px 0}.placeholder-card-title{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--muted);margin-bottom:8px}.placeholder-card-body{font-size:13px;color:var(--body);line-height:1.55}