@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Inter:wght@400;500&display=swap');
:root{--paper:#f5f2ec;--ink:#171717;--muted:#77736c;--line:#d8d3ca;--dark:#202020;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}.top,.clienthead{min-height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:12px 22px;background:rgba(245,242,236,.96);position:sticky;top:0;z-index:10}.top img,.clienthead img{width:145px}.top span,.clienthead span,.eyebrow{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}main{max-width:1100px;margin:auto;padding:42px 22px 70px}h1{font:500 clamp(54px,12vw,100px)/.86 'Cormorant Garamond',Georgia,serif;margin:0 0 25px}h2{font:500 36px/.95 'Cormorant Garamond',Georgia,serif}a{color:inherit}.auth{max-width:470px;margin:auto;padding-top:90px}.form,.panel{background:var(--white);border:1px solid var(--line);padding:24px}label{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 18px}input,textarea{display:block;width:100%;margin-top:8px;border:1px solid var(--line);background:#fff;padding:13px;font:13px Inter}textarea{min-height:150px;resize:vertical}button,.btn{border:1px solid var(--ink);padding:14px 16px;background:transparent;color:var(--ink);font:500 10px Inter;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;text-decoration:none;display:inline-block}.dark,.primary{background:var(--dark);color:#fff}.adminhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.panel{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:16px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}td small{display:block;color:var(--muted);margin-top:5px}.pill{font-size:9px;text-transform:uppercase;letter-spacing:.08em;padding:7px 9px;border:1px solid var(--line);display:inline-block}.pill.approved{background:#e5eee5}.pill.changes{background:#eee7dd}.link{text-decoration:underline}.security{font-size:10px;color:var(--muted);margin-top:18px}.logout{position:fixed;right:22px;bottom:20px;background:var(--paper)}.client{max-width:1100px}.crumb{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}.status{font-size:9px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b78d3e;margin-right:7px}.sub{font-size:13px;line-height:1.65;color:#514e49}.viewer{background:#ddd8cf;border:1px solid var(--line);padding:12px;margin-top:25px}.viewer iframe{width:100%;height:70vh;min-height:480px;border:0;background:#fff;display:block}.viewer-note{display:flex;justify-content:space-between;padding:10px 2px 0;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:650px;margin-top:20px}.note{border-top:1px solid var(--line);margin-top:40px;padding-top:20px}.note p,.sheet p{font-size:12px;line-height:1.65;color:#57534d}.modal{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;align-items:center;justify-content:center;z-index:30}.modal.open{display:flex}.sheet{width:min(620px,calc(100% - 30px));background:var(--paper);padding:28px}.close{border:0;padding:0;text-decoration:underline;margin-bottom:18px}.approved{margin-top:20px;padding:18px;background:#e5eee5;border:1px solid #c7d8c7;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.error{color:#9b3b2f;font-size:12px}.success{background:#e5eee5;border:1px solid #c7d8c7;padding:14px;font-size:12px}.history{list-style:none;padding:0;margin:0}.history li{padding:14px 0;border-bottom:1px solid var(--line);font-size:11px}.history time{color:var(--muted);display:block;margin-top:4px;font-size:9px}.muted{color:var(--muted)}@media(max-width:650px){.top span,.clienthead span{display:none}.adminhead{align-items:start;gap:18px}.adminhead .btn{white-space:nowrap}.actions{grid-template-columns:1fr}main{padding:30px 16px 80px}.viewer iframe{min-height:430px;height:65vh}th,td{padding:12px 7px}}
