.account-nav { display:flex; align-items:center; gap:24px; }
.account-main { max-width:1040px; padding-block:64px 100px; min-height:calc(100vh - 155px); }
.account-intro { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-bottom:48px; border-bottom:1px solid var(--line); }
.account-intro h1 { font-size:clamp(38px,5vw,62px); line-height:1.25; margin:22px 0; }
.account-intro p:last-child { color:var(--muted); }
.account-stamp { display:grid; place-items:center; height:84px; width:70px; flex-shrink:0; border:1px solid var(--accent); color:var(--accent); font-size:42px; transform:rotate(6deg); margin-right:20px; }
.account-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:32px 0 20px; }
.account-toolbar h2 { font-size:28px; } #draft-total { font:14px var(--sans); color:var(--muted); margin-left:8px; }
.order-toolbar { margin-top:58px; margin-bottom:20px; }
#order-total { font:14px var(--sans); color:var(--muted); margin-left:8px; }
.toolbar-note { color:var(--muted); font-size:12px; }
#account-message:not(:empty), #account-error:not(:empty) { margin-bottom:20px; }
#order-message:not(:empty), #order-error:not(:empty) { margin-bottom:20px; }
.draft-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.draft-card { background:var(--paper); border:1px solid var(--line); padding:28px; display:flex; flex-direction:column; min-width:0; position:relative; }
.draft-card::before { content:''; position:absolute; top:0; left:28px; width:36px; border-top:3px solid #c18c80; }
.draft-card h3 { font-size:28px; line-height:1.4; margin:12px 0; overflow-wrap:anywhere; }
.draft-excerpt { color:var(--muted); font-size:14px; white-space:pre-wrap; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; min-height:74px; margin-bottom:20px; }
.draft-meta { color:var(--muted); font-size:12px; margin-bottom:16px; }
.draft-card .account-actions { margin-top:auto; justify-content:space-between; }
.account-actions { display:flex; align-items:center; flex-wrap:wrap; gap:16px; }
.account-empty { text-align:center; padding:54px 24px; border:1px dashed var(--line); }
.account-empty .serif { font-size:27px; margin-bottom:16px; }.account-empty .button { margin-top:24px; }
.account-empty-compact { padding:34px 24px; }
.account-empty-compact .serif { font-size:23px; margin-bottom:10px; }
.account-empty-compact p:last-of-type { color:var(--muted); font-size:13px; }
.order-list { display:grid; gap:14px; }
.order-card { position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:16px 24px; padding:23px 25px; border:1px solid var(--line); background:var(--paper); }
.order-card::before { content:''; position:absolute; top:0; left:25px; width:30px; border-top:3px solid #c18c80; }
.order-card h3 { font-size:22px; line-height:1.45; margin:8px 0 5px; overflow-wrap:anywhere; }
.order-card p { margin:0; color:var(--muted); font-size:12px; line-height:1.8; }
.order-card .order-status { align-self:start; padding:6px 10px; border:1px solid #d6b4a5; color:var(--accent-dark); background:#fcf4ed; font-size:12px; white-space:nowrap; }
.order-card .order-story { grid-column:1 / -1; padding-top:14px; border-top:1px solid var(--line); font-size:13px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.order-card .account-actions { grid-column:1 / -1; }
.order-detail-note { color:var(--muted); font-size:11px; line-height:1.8; }
.director-toolbar { margin-top:58px; margin-bottom:20px; }
#director-total { font:14px var(--sans); color:var(--muted); margin-left:8px; }
#director-message:not(:empty), #director-error:not(:empty) { margin-bottom:20px; }
.director-project-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.director-project-card { position:relative; padding:24px 25px 20px; border:1px solid var(--line); background:var(--paper); }
.director-project-card::before { content:''; position:absolute; top:0; left:25px; width:30px; border-top:3px solid #c18c80; }
.director-project-card h3 { margin:9px 0 6px; font-size:22px; line-height:1.45; overflow-wrap:anywhere; }
.director-project-card p { color:var(--muted); font-size:12px; line-height:1.8; }
.director-project-card .account-actions { margin-top:16px; justify-content:space-between; }
.director-project-status { color:var(--accent-dark); font-size:11px; }
.production-toolbar { margin-top:58px; margin-bottom:20px; }
#production-total { font:14px var(--sans); color:var(--muted); margin-left:8px; }
#production-message:not(:empty), #production-error:not(:empty) { margin-bottom:20px; }
.production-list { display:grid; gap:14px; }
.production-card { position:relative; padding:24px 25px 20px; border:1px solid var(--line); background:var(--paper); }
.production-card::before { content:''; position:absolute; top:0; left:25px; width:30px; border-top:3px solid #c18c80; }
.production-card h3 { margin:9px 0 6px; font-size:22px; line-height:1.45; }
.production-card p { color:var(--muted); font-size:12px; line-height:1.8; }
.production-meta, .production-note { margin:0; }
.production-progress { margin:10px 0 0 !important; color:var(--accent-dark) !important; }
.production-note { margin-top:10px !important; padding-top:10px; border-top:1px solid var(--line); }
.production-card > .text-button { margin-top:13px; font-size:12px; }
.account-footnote { margin-top:32px; color:var(--muted); font-size:13px; }
#delete-dialog { width:min(460px,calc(100% - 32px)); border:1px solid var(--line); background:var(--paper); color:var(--ink); padding:32px; }
#delete-dialog::backdrop { background:rgb(48 44 42 / .38); } #delete-dialog h2 { font-size:30px; margin:16px 0; } #delete-dialog .account-actions { margin-top:24px; }
#refund-dialog { width:min(520px,calc(100% - 32px)); border:1px solid var(--line); background:var(--paper); color:var(--ink); padding:30px; box-shadow:0 18px 60px rgb(73 45 34 / .18); }
#refund-dialog::backdrop { background:rgb(48 31 25 / .28); }
#refund-dialog h2 { font-size:30px; margin:10px 0 12px; }
#refund-dialog > p { color:var(--muted); font-size:13px; line-height:1.8; }
#refund-form { display:grid; gap:10px; margin-top:22px; }
#refund-form label { color:var(--muted); font-size:13px; }
#refund-reason { width:100%; min-height:120px; resize:vertical; border:1px solid var(--line); border-radius:2px; background:#fffefa; color:var(--ink); padding:11px 13px; font:inherit; line-height:1.7; }
#refund-reason:focus { border-color:var(--accent); outline:2px solid rgb(191 71 59 / .16); outline-offset:1px; }
.account-dialog-hint { margin:0; color:var(--muted); font-size:11px; line-height:1.7; }
#refund-form .account-actions { margin-top:8px; }
#refund-status { min-height:1.75em; margin:0; color:var(--accent-dark); font-size:12px; }
@media(max-width:600px) { .account-main { padding-top:36px; } .account-intro { padding-bottom:32px; }.account-stamp { width:48px;height:64px;font-size:32px;margin:0; }.account-nav { gap:12px; }.account-nav .text-button { font-size:14px; }.draft-list { grid-template-columns:1fr; }.draft-card { padding:24px; }.order-toolbar,.director-toolbar,.production-toolbar { margin-top:44px; align-items:flex-end; }.toolbar-note { max-width:145px; text-align:right; line-height:1.6; }.order-card { grid-template-columns:1fr; gap:10px; padding:22px 20px; }.order-card .order-status { justify-self:start; grid-row:1; }.order-card h3 { grid-row:2; }.order-card .order-story, .order-card .account-actions { grid-column:1; }.director-project-list { grid-template-columns:1fr; }.director-project-card, .production-card { padding-inline:20px; } #refund-dialog { padding:25px 20px; } #refund-dialog h2 { font-size:26px; } }