:root{--paper:#f7f6f2;--ink:#202c31;--muted:#616d70;--line:#dedfd8;--accent:#a45c38;--nav:#172d32}
#clerkSignIn{width:100%;min-width:0}#clerkSignIn .cl-rootBox,#clerkSignIn .cl-cardBox,#clerkSignIn .cl-card{width:100%;min-width:0;max-width:100%}
#clerkSignIn .cl-footerItem p{color:#33251c}
*{box-sizing:border-box}body{margin:0;font:14px/1.6 'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--paper)}[hidden]{display:none!important}button,input,select{font:inherit}button,a{cursor:pointer}button:disabled{opacity:.6;cursor:wait}a{color:inherit}input,select{min-width:0}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #a45c3880;outline-offset:3px}.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,1fr)}.login-intro{background:var(--nav);color:#f7f6f2;display:flex;flex-direction:column;justify-content:space-between;padding:54px clamp(32px,6vw,100px);gap:60px}.auth-brand{font:24px Georgia,serif;text-decoration:none}.auth-eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:600}.login-intro .auth-eyebrow{color:#deae8a}.login-intro h1{font:normal clamp(30px,3vw,44px)/1.2 Georgia,serif;margin:20px 0}.login-intro h1 em{color:#deae8a;font-weight:400}.login-intro p:not(.auth-eyebrow){max-width:390px;color:#b4c8c1;line-height:1.9}.login-intro small{color:#9cb3b1;font-size:11px}.login-card{width:min(100% - 64px,420px);margin:auto;padding:50px 0}.login-card h2{font:normal 28px/1.2 Georgia,serif;margin:16px 0}.login-card>p:not(.auth-eyebrow){color:var(--muted)}.login-card form{margin-top:24px}.login-card label,.account-dialog label{display:flex;flex-direction:column;gap:7px;font-size:12px;margin:16px 0}.login-card input,.account-dialog input,.account-dialog select{width:100%;padding:12px;border:1px solid var(--line);border-radius:5px;background:#fffefa;color:var(--ink)}.auth-primary,.google-login{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:13px 16px;border-radius:5px;font-size:13px;text-decoration:none}.auth-primary{border:0;background:var(--nav);color:#fffefa;margin-top:24px}.auth-primary:hover{background:#2c474a}.google-login{background:#fffefa;border:1px solid var(--line);margin-top:26px}.google-login:hover{border-color:var(--accent)}.login-divider{text-align:center;font-size:11px;color:var(--muted);margin:20px 0}.auth-help{font-size:12px;color:var(--muted);margin-top:22px}.auth-notice{padding:12px 14px;background:#f3e5dc;border:1px solid #dfbaa2;border-radius:5px;color:#844522!important;overflow-wrap:anywhere}.account-actions{display:flex;align-items:center;gap:12px;letter-spacing:0;min-width:0}.account-actions>span{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.account-dialog{width:min(680px,calc(100% - 32px));max-height:85vh;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:28px;background:var(--paper);color:var(--ink)}.account-dialog::backdrop{background:#172d3280}.account-dialog h2{font:normal 28px Georgia,serif;margin:0}.account-dialog h3{font:normal 22px Georgia,serif;margin:28px 0 12px}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.account-dialog form{border-top:1px solid var(--line);margin-top:20px}.account-dialog .auth-primary{width:auto}.account-dialog .user-row{padding:14px 0;border-bottom:1px solid var(--line);display:flex;gap:14px;justify-content:space-between;align-items:center}.user-info{min-width:0;overflow-wrap:anywhere}.user-info small{display:block;color:var(--muted)}.user-controls{display:flex;align-items:center;gap:10px}.user-controls select{width:auto;padding:6px}.invite-result{margin-top:16px}.invite-result input{font-size:12px}.account-dialog .auth-help{margin:8px 0}.account-dialog .auth-notice{margin-top:15px}.account-dialog #usersList{margin-top:16px}.close-dialog{border:0;background:none;color:var(--muted);font-size:22px}.account-dialog .user-controls button{border:1px solid var(--line);padding:7px;border-radius:4px;background:#fffefa;white-space:nowrap}@media(max-width:760px){.login-layout{display:block}.login-intro{padding:28px;gap:20px}.login-intro>div,.login-intro>small{display:none}.login-card{padding:35px 0;width:calc(100% - 48px)}.account-actions>span{max-width:110px;font-size:10px}.account-actions{gap:8px}.account-dialog{padding:20px}.user-row{flex-wrap:wrap}.user-controls{width:100%;justify-content:space-between}}