:root { --bg:#f2eee8; --paper:#f8f5f1; --ink:#40372f; --muted:#786d65; --line:rgba(64,55,47,.16); --white:#fffdfa; --danger:#8c4339; }
* { box-sizing:border-box; }
[hidden] { display:none!important; }
body { min-width:320px; margin:0; background:var(--bg); color:var(--ink); font-family:Manrope,system-ui,sans-serif; }
button,input,textarea,select { font:inherit; }
button { cursor:pointer; }
a { color:inherit; }
img { display:block; max-width:100%; }
h1,h2,h3 { margin:0; font-family:"Cormorant Garamond",Georgia,serif; font-weight:500; line-height:1; }
.eyebrow { margin:0; color:var(--muted); font-size:.66rem; font-weight:600; letter-spacing:.2em; text-transform:uppercase; }
.primary-button,.outline-button,.danger-button,.icon-button,.round-button { min-height:42px; border:1px solid var(--ink); border-radius:999px; background:transparent; padding:0 17px; color:var(--ink); font-size:.75rem; }
.primary-button { background:var(--ink); color:white; }
.danger-button { border-color:rgba(140,67,57,.4); color:var(--danger); }
.round-button { width:44px; padding:0; background:var(--ink); color:white; font-size:1.4rem; }
.auth-view { display:grid; min-height:100svh; place-items:center; padding:24px; background:radial-gradient(circle at 70% 15%,#fff 0,transparent 35%),var(--bg); }
.auth-card { width:min(520px,100%); border:1px solid var(--line); border-radius:28px; background:rgba(255,253,250,.86); padding:clamp(28px,6vw,54px); box-shadow:0 30px 80px rgba(64,55,47,.1); text-align:center; }
.auth-card > img { width:245px; margin:0 auto 45px; }
.auth-card h1 { margin:12px 0 20px; font-size:3.5rem; }
.auth-card > p:not(.eyebrow,.status) { color:var(--muted); line-height:1.75; }
.auth-form { display:grid; gap:15px; margin-top:24px; text-align:left; }
.auth-form label { display:grid; gap:7px; color:#574d45; font-size:.72rem; font-weight:600; }
.auth-card .primary-button { width:100%; margin-top:5px; }
.auth-link { min-height:38px; border:0; background:transparent; padding:10px 4px 0; color:var(--muted); font-size:.75rem; text-decoration:underline; text-underline-offset:3px; }
.auth-link:disabled { cursor:default; opacity:.58; }
.auth-card > a { display:block; margin-top:20px; color:var(--muted); font-size:.75rem; }
.status { min-height:20px; margin:14px 0 0; color:var(--muted); font-size:.75rem; line-height:1.55; }
.studio-shell { min-height:100svh; }
.studio-header { position:sticky; top:0; z-index:30; display:flex; min-height:76px; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid var(--line); background:rgba(242,238,232,.94); padding:0 3vw; backdrop-filter:blur(18px); }
.studio-header > a img { width:185px; height:46px; object-fit:contain; }
.studio-header > div { display:flex; align-items:center; gap:10px; }
.studio-header span { color:var(--muted); font-size:.75rem; }
.admin-layout { display:grid; min-height:calc(100svh - 76px); grid-template-columns:250px minmax(0,1fr); }
.admin-sidebar { position:sticky; top:76px; height:calc(100svh - 76px); border-right:1px solid var(--line); background:#ebe4dc; padding:32px 20px; }
.admin-sidebar-title h2 { margin-top:7px; font-size:2rem; }
.admin-nav { display:grid; gap:6px; margin-top:34px; }
.admin-nav button { min-height:45px; border:1px solid transparent; border-radius:13px; background:transparent; padding:0 14px; color:var(--muted); font-size:.82rem; text-align:left; }
.admin-nav button:hover,.admin-nav button.active { border-color:var(--line); background:var(--white); color:var(--ink); }
.admin-security { position:absolute; right:20px; bottom:24px; left:20px; margin:0; color:var(--muted); font-size:.64rem; line-height:1.6; }
.admin-security strong { font-weight:500; }
.admin-content { min-width:0; padding:clamp(28px,4vw,58px); }
.admin-view { display:none; }
.admin-view.active { display:block; }
.view-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; margin-bottom:34px; }
.view-heading h1 { max-width:760px; margin:10px 0 10px; font-size:clamp(3rem,5vw,5rem); line-height:.94; }
.view-heading > div > p:last-child { max-width:680px; margin:0; color:var(--muted); line-height:1.7; }
.stats-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; }
.stats-grid article { min-height:150px; border:1px solid var(--line); border-radius:20px; background:var(--white); padding:22px; }
.stats-grid span { font-family:"Cormorant Garamond",Georgia,serif; font-size:3.5rem; line-height:1; }
.stats-grid p { margin:14px 0 0; color:var(--muted); font-size:.75rem; line-height:1.5; }
.dashboard-grid { display:grid; grid-template-columns:1fr 1fr; gap:15px; margin-top:15px; }
.panel-card,.hub-card { border:1px solid var(--line); border-radius:20px; background:var(--white); padding:23px; }
.panel-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:20px; }
.panel-heading h2,.panel-heading h3 { margin-top:6px; font-size:2rem; }
.text-button { border:0; background:transparent; padding:6px 0; color:var(--muted); font-size:.72rem; }
.compact-list,.request-list,.hub-list { display:grid; gap:9px; }
.compact-item,.request-item,.document-item,.payment-item { display:grid; gap:6px; border-top:1px solid var(--line); padding:14px 0 5px; }
.compact-item:first-child,.request-item:first-child,.document-item:first-child,.payment-item:first-child { border-top:0; padding-top:0; }
.compact-item header,.request-item header,.document-item header,.payment-item header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.compact-item strong,.request-item strong,.document-item strong,.payment-item strong { font-size:.82rem; font-weight:600; }
.compact-item span,.request-item span,.document-item span,.payment-item span { color:var(--muted); font-size:.68rem; }
.briefing-answer-details { margin-top:8px; border:1px solid var(--line); border-radius:12px; background:#f6f1eb; }
.briefing-answer-details summary { padding:11px 13px; color:#675a50; font-size:.7rem; font-weight:600; cursor:pointer; }
.briefing-answer-details > div { display:grid; gap:0; border-top:1px solid var(--line); padding:2px 13px 10px; }
.briefing-answer-details section { border-top:1px solid rgba(208,196,185,.7); padding:11px 0; }
.briefing-answer-details section:first-child { border-top:0; }
.briefing-answer-details section strong { display:block; color:#574d45; font-size:.67rem; }
.briefing-answer-details section p { margin:4px 0 0; color:var(--muted); font-size:.72rem; line-height:1.55; white-space:pre-line; }

.client-detail-dialog .management-card { width:min(980px,calc(100vw - 28px)); }
.client-detail-content { gap:26px; }
.client-detail-content > section { display:grid; gap:12px; }
.client-detail-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.client-detail-stats article { border:1px solid var(--line); border-radius:14px; background:#f8f4ef; padding:14px; }
.client-detail-stats strong { display:block; font-family:"Cormorant Garamond",Georgia,serif; font-size:1.75rem; font-weight:500; }
.client-detail-stats span { color:var(--muted); font-size:.69rem; text-transform:uppercase; letter-spacing:.08em; }
.relationship-list { display:grid; gap:8px; }
.relationship-item { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:14px; border:1px solid var(--line); border-radius:13px; background:#fff; padding:12px 14px; }
.relationship-item h4 { margin:0 0 4px; font-size:.84rem; }
.relationship-item p { margin:0; color:var(--muted); font-size:.7rem; line-height:1.45; }
.relationship-item .record-actions { justify-content:flex-end; }
.relationship-empty { border:1px dashed var(--line); border-radius:13px; padding:14px; color:var(--muted); font-size:.72rem; }
.client-link-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:10px; }
.client-link-fields label { display:grid; gap:5px; color:var(--muted); font-size:.66rem; }
.briefing-attachments { display:flex; flex-wrap:wrap; gap:7px; margin-top:10px; }
.briefing-attachments button { border:1px solid var(--line); border-radius:99px; background:#fff; padding:7px 10px; color:var(--ink); font-size:.66rem; }
.next-step-dialog .management-card { width:min(700px,calc(100vw - 28px)); }
.next-step-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:24px; }
.next-step-options button { display:flex; min-height:170px; flex-direction:column; align-items:flex-start; justify-content:space-between; gap:10px; border:1px solid var(--line); border-radius:17px; background:#fbf8f4; padding:18px; color:var(--ink); text-align:left; }
.next-step-options button:hover { border-color:#a99a8e; background:#f4ede6; }
.next-step-options span { color:var(--muted); font-size:.65rem; letter-spacing:.12em; }
.next-step-options strong { font-family:"Cormorant Garamond",Georgia,serif; font-size:1.45rem; font-weight:500; }
.next-step-options small { color:var(--muted); font-size:.7rem; line-height:1.5; }

@media (max-width:720px) {
  .client-detail-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .relationship-item { grid-template-columns:1fr; }
  .relationship-item .record-actions { justify-content:flex-start; }
  .client-link-fields, .next-step-options { grid-template-columns:1fr; }
  .next-step-options button { min-height:120px; }
}
.empty-state { border:1px dashed var(--line); border-radius:15px; padding:24px; color:var(--muted); font-size:.78rem; line-height:1.65; }
.records-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
.record-card { display:flex; min-height:215px; flex-direction:column; justify-content:space-between; border:1px solid var(--line); border-radius:20px; background:var(--white); padding:22px; }
.record-card h2 { margin:9px 0 8px; font-size:2rem; }
.record-card p { margin:0; color:var(--muted); font-size:.75rem; line-height:1.6; }
.record-actions { display:flex; flex-wrap:wrap; gap:7px; margin-top:22px; }
.record-actions button { min-height:36px; border:1px solid var(--line); border-radius:999px; background:transparent; padding:0 12px; color:var(--ink); font-size:.68rem; }
.status-chip { display:inline-flex; width:max-content; border-radius:999px; background:#eee5dc; padding:6px 9px; color:var(--muted); font-size:.62rem; letter-spacing:.06em; text-transform:uppercase; }
.progress-track { height:5px; overflow:hidden; border-radius:99px; background:#e5ddd5; }
.progress-track i { display:block; height:100%; border-radius:inherit; background:var(--ink); }
.project-meta { display:flex; justify-content:space-between; gap:12px; margin:14px 0 8px; color:var(--muted); font-size:.68rem; }
.request-item select,.payment-item select { width:auto; min-height:34px; border-radius:999px; padding:5px 28px 5px 10px; font-size:.68rem; }
.requests-grid { align-items:start; }
.proposal-records { align-items:stretch; }
.proposal-card strong { display:block; margin-bottom:5px; font-size:1.05rem; font-weight:600; }
.proposal-dialog { width:min(1120px,calc(100% - 28px)); }
.proposal-dialog .management-card > header p:last-child { margin:8px 0 0; color:var(--muted); font-size:.72rem; }
.proposal-dialog form > footer { align-items:center; }
.proposal-dialog form > footer > span { flex:1; }
.proposal-services { display:grid; gap:11px; }
.proposal-service { display:grid; gap:12px; border:1px solid var(--line); border-radius:16px; background:var(--white); padding:16px; }
.proposal-service > header { display:flex; align-items:center; justify-content:space-between; color:var(--muted); font-size:.66rem; letter-spacing:.08em; text-transform:uppercase; }
.proposal-service > header button { border:0; background:transparent; color:var(--danger); font-size:.67rem; text-transform:none; }
.proposal-service > label { display:grid; gap:7px; color:#574d45; font-size:.72rem; font-weight:600; }
.proposal-total { display:flex; align-items:end; justify-content:space-between; border-radius:17px; background:var(--ink); padding:21px 23px; color:white; }
.proposal-total span { color:rgba(255,255,255,.7); font-size:.68rem; letter-spacing:.12em; text-transform:uppercase; }
.proposal-total strong { font-family:"Cormorant Garamond",Georgia,serif; font-size:2.15rem; font-weight:500; }
.presentation-heading { margin-bottom:22px; }
.presentation-layout { display:grid; min-height:760px; grid-template-columns:260px minmax(0,1fr); overflow:hidden; border:1px solid var(--line); border-radius:22px; }
.presentation-rail { border-right:1px solid var(--line); background:#ebe4dc; padding:24px 18px; }
.presentation-layout .workspace { min-height:760px; }
.presentation-layout .welcome { min-height:760px; }
.studio-layout { display:grid; min-height:calc(100svh - 76px); grid-template-columns:310px 1fr; }
.project-rail { border-right:1px solid var(--line); background:#ebe4dc; padding:28px 20px; }
.rail-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:28px; }
.rail-heading h2 { margin-top:5px; font-size:2.3rem; }
.project-list { display:grid; gap:9px; }
.project-card { display:grid; gap:8px; width:100%; border:1px solid var(--line); border-radius:17px; background:rgba(255,255,255,.52); padding:17px; color:var(--ink); text-align:left; }
.project-card.active { border-color:var(--ink); background:var(--white); }
.project-card small { color:var(--muted); font-size:.61rem; letter-spacing:.13em; text-transform:uppercase; }
.project-card strong { font-family:"Cormorant Garamond",Georgia,serif; font-size:1.35rem; font-weight:500; }
.project-card span { color:var(--muted); font-size:.68rem; }
.workspace { min-width:0; background:var(--paper); }
.welcome { display:flex; min-height:calc(100svh - 76px); align-items:flex-start; justify-content:center; flex-direction:column; padding:9vw; }
.welcome > span { position:absolute; right:7vw; color:rgba(64,55,47,.045); font-family:"Cormorant Garamond",serif; font-size:30vw; }
.welcome h1 { position:relative; max-width:760px; margin:15px 0 22px; font-size:clamp(3rem,6vw,5.8rem); }
.welcome > p:not(.eyebrow) { position:relative; max-width:590px; color:var(--muted); line-height:1.75; }
.welcome .primary-button { position:relative; margin-top:20px; }
.editor-topbar { display:flex; min-height:100px; align-items:center; justify-content:space-between; gap:18px; border-bottom:1px solid var(--line); padding:20px 28px; }
.editor-topbar h1 { margin-top:6px; font-size:2.35rem; }
.editor-actions { display:flex; gap:8px; }
.mobile-back { display:none; border:0; background:none; color:var(--muted); }
.editor-layout { display:grid; grid-template-columns:minmax(450px,1fr) minmax(360px,.8fr); }
.editor-panel { min-width:0; padding:28px; }
.tabs { display:flex; gap:4px; border-bottom:1px solid var(--line); margin-bottom:25px; }
.tabs button { border:0; border-bottom:2px solid transparent; background:transparent; padding:11px 15px; color:var(--muted); }
.tabs button.active { border-bottom-color:var(--ink); color:var(--ink); }
.tab-panel { display:none; }
.tab-panel.active { display:grid; gap:18px; }
.tab-panel > label,.field-pair label,.section-card label,.brand-grid label { display:grid; gap:7px; color:#574d45; font-size:.72rem; font-weight:600; }
input,textarea,select { width:100%; min-height:46px; border:1px solid var(--line); border-radius:11px; outline:none; background:white; padding:11px 12px; color:var(--ink); font-size:.9rem; }
textarea { resize:vertical; }
input:focus,textarea:focus,select:focus { border-color:#8c796a; box-shadow:0 0 0 3px rgba(140,121,106,.12); }
.field-pair { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.editor-note { border-left:2px solid #b49c89; background:#eee6de; padding:16px; color:var(--muted); font-size:.75rem; line-height:1.65; }
.section-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:8px; }
.section-heading h3 { font-size:1.55rem; }
.section-heading p { margin:4px 0 0; color:var(--muted); font-size:.72rem; }
.section-card { display:grid; gap:12px; border:1px solid var(--line); border-radius:16px; background:white; padding:16px; }
.section-card header { display:flex; justify-content:space-between; color:var(--muted); font-size:.68rem; }
.section-card header button { border:0; background:none; color:var(--danger); }
.image-upload { place-items:center; border:1px dashed #a79688; border-radius:17px; padding:32px; background:#f4eee7; text-align:center; cursor:pointer; }
.image-upload input,.brand-upload input { position:absolute; width:1px; height:1px; opacity:0; }
.image-upload span { font-size:2.2rem; }
.image-upload small { color:var(--muted); font-weight:400; }
.images-list { display:grid; gap:10px; }
.image-group-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:14px; }
.image-group-heading h3 { margin:5px 0 0; font-size:1.8rem; }
.image-group-heading > p { max-width:360px; margin:0; color:var(--muted); font-size:.68rem; line-height:1.6; }
.moodboard-editor { display:grid; gap:14px; border-top:1px solid var(--line); margin-top:30px; padding-top:28px; }
.moodboard-upload { background:#eee7df; }
.image-row { display:grid; grid-template-columns:110px 1fr; gap:14px; border:1px solid var(--line); border-radius:14px; background:white; padding:10px; }
.image-row > img { width:110px; height:95px; border-radius:9px; object-fit:cover; }
.image-row > div { display:grid; gap:9px; }
.image-row label { display:grid; gap:6px; color:#574d45; font-size:.68rem; font-weight:600; }
.image-actions { display:flex; flex-wrap:wrap; gap:6px; }
.image-actions button { min-height:33px; border:1px solid var(--line); border-radius:999px; background:transparent; padding:0 11px; color:var(--muted); font-size:.65rem; }
.image-actions .cover { background:var(--ink); color:white; }
.preview-panel { min-width:0; border-left:1px solid var(--line); background:#ded6cd; padding:28px; }
.preview-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
.preview-heading h3 { margin-top:4px; font-size:1.7rem; }
.preview-heading > span { color:var(--muted); font-size:.65rem; }
#presentationPreview { display:grid; gap:18px; }
.pdf-page { position:relative; width:1123px; height:794px; overflow:hidden; background:#f7f3ed; color:#40372f; box-shadow:0 12px 35px rgba(64,55,47,.12); }
#presentationPreview .pdf-page-preview-shell { position:relative; width:100%; overflow:hidden; aspect-ratio:1123/794; background:#f7f3ed; box-shadow:0 12px 35px rgba(64,55,47,.12); }
#presentationPreview .pdf-page-preview-shell > .pdf-page { position:absolute; top:0; left:0; box-shadow:none; transform:scale(var(--preview-scale,1)); transform-origin:top left; }
.pdf-page-index { position:absolute; top:48px; left:58px; display:flex; align-items:center; gap:12px; color:#a08d7e; font-size:10px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; }
.pdf-page-index span { border-left:1px solid #c9baad; padding-left:12px; }
.pdf-cover { display:grid; grid-template-columns:58% 42%; background:#eee7df; }
.pdf-cover-visual { position:relative; overflow:hidden; background:#d8cec3; }
.pdf-cover-visual::after { position:absolute; inset:0; background:linear-gradient(125deg,rgba(91,72,58,.02),rgba(91,72,58,.16)); content:""; pointer-events:none; }
.pdf-cover img.cover-image { width:100%; height:100%; object-fit:cover; object-position:center; }
.pdf-cover-placeholder::before { position:absolute; top:50%; left:50%; color:rgba(64,55,47,.07); font-family:"Cormorant Garamond",Georgia,serif; font-size:420px; line-height:1; content:"C"; transform:translate(-50%,-50%); }
.pdf-cover-content { display:flex; min-width:0; justify-content:space-between; flex-direction:column; padding:58px 48px 54px; }
.pdf-cover-logo { width:225px; height:auto; }
.pdf-cover-heading small,.pdf-brand-copy small,.pdf-team-page small,.pdf-concept-copy small,.pdf-gallery figcaption small,.pdf-editorial small { display:block; color:#8a7464; font-size:10px; font-weight:600; letter-spacing:.2em; line-height:1.4; text-transform:uppercase; }
.pdf-cover-heading { min-width:0; }
.pdf-cover-heading h2 { max-width:100%; margin:15px 0 18px; font-size:49px; line-height:.98; overflow-wrap:anywhere; }
.pdf-cover-heading p { margin:0; color:#786b61; font-size:13px; line-height:1.6; }
.pdf-client { display:grid; gap:7px; border-top:1px solid #cbbdb1; padding-top:20px; }
.pdf-client span { color:#8a7464; font-size:9px; letter-spacing:.18em; text-transform:uppercase; }
.pdf-client strong { font-family:"Cormorant Garamond",Georgia,serif; font-size:25px; font-weight:500; line-height:1.12; overflow-wrap:anywhere; }
.pdf-brand-page { padding:0; background:#f7f3ed; }
.pdf-brand-watermark { position:absolute; top:50%; right:2%; width:52%; opacity:.045; transform:translateY(-50%); }
.pdf-brand-copy { position:absolute; top:160px; left:72px; width:55%; }
.pdf-brand-copy h2 { max-width:620px; margin:15px 0 24px; font-size:54px; line-height:.98; overflow-wrap:anywhere; }
.pdf-brand-copy p { max-width:610px; margin:0; color:#71655c; font-size:13.5px; line-height:1.75; white-space:pre-line; }
.pdf-brand-signature-logo { position:absolute; right:58px; bottom:48px; width:190px; height:auto; }
.pdf-team-page { padding:42px 52px 44px; }
.pdf-team-page > header { display:flex; align-items:flex-start; justify-content:space-between; height:112px; border-bottom:1px solid #cfc2b7; }
.pdf-team-page > header h2 { max-width:680px; margin:8px 0 0; font-size:40px; line-height:1; }
.pdf-team-page > header > span { color:#ae9c8e; font-size:11px; letter-spacing:.16em; }
.pdf-team-grid { display:grid; height:584px; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; padding-top:24px; }
.pdf-profile { display:grid; min-width:0; grid-template-columns:180px minmax(0,1fr); gap:22px; border-right:1px solid #d5c9be; padding-right:24px; }
.pdf-profile:last-child { border-right:0; padding-right:0; }
.pdf-profile > img { width:180px; height:400px; align-self:center; border-radius:2px; object-fit:cover; object-position:center top; }
.pdf-profile > div { align-self:center; }
.pdf-profile h3 { margin:7px 0 4px; font-size:40px; line-height:1; }
.pdf-profile .pdf-role { margin:0 0 15px; color:#51463e; font-size:12.5px; font-weight:600; line-height:1.45; }
.pdf-profile p:last-child { margin:0; color:#71655c; font-size:13.5px; line-height:1.55; white-space:pre-line; }
.pdf-concept { padding:0; }
.pdf-concept-copy { position:absolute; top:165px; left:96px; width:73%; }
.pdf-concept-copy h2 { max-width:790px; margin:15px 0 24px; font-size:58px; line-height:.98; overflow-wrap:anywhere; }
.pdf-concept-copy p { max-width:790px; margin:0; color:#71655c; font-size:14.5px; line-height:1.75; white-space:pre-line; }
.pdf-concept footer { position:absolute; right:58px; bottom:42px; left:58px; display:flex; align-items:center; justify-content:space-between; border-top:1px solid #d5c9be; padding-top:18px; color:#8a7a6e; font-size:9px; letter-spacing:.14em; text-transform:uppercase; }
.pdf-concept footer img { width:148px; }
.pdf-gallery { margin:0; background:#d9d1c8; }
.pdf-gallery::after { position:absolute; right:0; bottom:0; left:0; height:120px; background:linear-gradient(transparent,rgba(25,20,16,.18)); content:""; pointer-events:none; }
.pdf-gallery-photo { width:100%; height:100%; object-fit:cover; }
.pdf-gallery-logo { position:absolute; z-index:1; bottom:26px; left:30px; width:138px; height:auto; border-radius:2px; background:rgba(247,243,237,.82); padding:9px 12px; }
.pdf-gallery figcaption { position:absolute; z-index:1; right:30px; bottom:26px; display:grid; max-width:330px; gap:3px; border-radius:2px; background:rgba(247,243,237,.88); padding:9px 13px 10px; color:#40372f; text-align:right; }
.pdf-gallery figcaption small { color:#8a7464; font-size:7px; letter-spacing:.18em; }
.pdf-gallery figcaption strong { font-family:Manrope,system-ui,sans-serif; font-size:9px; font-weight:600; line-height:1.35; }
.pdf-moodboard { padding:48px 58px 42px; }
.pdf-moodboard > header { width:58%; margin:78px 0 26px; }
.pdf-moodboard > header small { display:block; color:#8a7464; font-size:10px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; }
.pdf-moodboard > header h2 { margin:10px 0 0; font-size:43px; line-height:.96; }
.pdf-moodboard-grid { display:grid; height:490px; grid-template-columns:repeat(6,1fr); grid-template-rows:repeat(2,1fr); gap:11px; }
.pdf-moodboard-grid figure { position:relative; overflow:hidden; margin:0; background:#ddd4cb; }
.pdf-moodboard-grid figure:first-child { grid-column:span 3; grid-row:span 2; }
.pdf-moodboard-grid figure:not(:first-child) { grid-column:span 3; }
.pdf-moodboard-grid.count-3 figure:not(:first-child),.pdf-moodboard-grid.count-5 figure:not(:first-child) { grid-column:span 3; }
.pdf-moodboard-grid.count-4 figure:not(:first-child) { grid-column:span 1; grid-row:span 2; }
.pdf-moodboard-grid.count-1 figure:first-child { grid-column:1/-1; }
.pdf-moodboard-grid.count-2 figure:first-child,.pdf-moodboard-grid.count-2 figure:not(:first-child) { grid-column:span 3; grid-row:span 2; }
.pdf-moodboard-grid img { width:100%; height:100%; object-fit:cover; }
.pdf-moodboard-grid figcaption { position:absolute; right:0; bottom:0; left:0; background:linear-gradient(transparent,rgba(35,28,23,.72)); padding:34px 14px 12px; color:white; font-size:9px; letter-spacing:.1em; text-transform:uppercase; }
.pdf-moodboard footer { position:absolute; right:58px; bottom:24px; left:58px; display:flex; align-items:center; justify-content:space-between; color:#8a7a6e; font-size:8px; letter-spacing:.14em; text-transform:uppercase; }
.pdf-moodboard footer img { width:128px; }
.pdf-editorial { display:grid; grid-template-columns:61% 39%; }
.pdf-editorial > img { width:100%; height:100%; object-fit:cover; }
.pdf-editorial .pdf-text { position:relative; display:flex; justify-content:center; flex-direction:column; padding:64px 52px; }
.pdf-editorial .pdf-text .pdf-logo { position:absolute; top:52px; left:52px; width:180px; margin:0; }
.pdf-copy-block { width:100%; }
.pdf-editorial h2 { margin:14px 0 20px; font-size:47px; line-height:.96; }
.pdf-editorial p { margin:0; color:#71655c; font-size:12px; line-height:1.75; white-space:pre-line; }
.pdf-thanks { background:#f7f3ed; }
.pdf-thanks-watermark { position:absolute; top:50%; right:0; width:56%; opacity:.04; transform:translateY(-50%); }
.pdf-thanks-copy { position:absolute; top:50%; left:92px; width:62%; transform:translateY(-52%); }
.pdf-thanks-copy small { display:block; color:#8a7464; font-size:10px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; }
.pdf-thanks-copy h2 { max-width:720px; margin:18px 0 26px; font-size:62px; line-height:.96; }
.pdf-thanks-copy p { max-width:680px; margin:0 0 14px; color:#71655c; font-size:14px; line-height:1.75; }
.pdf-thanks-copy p:last-child { color:#40372f; font-weight:600; }
.pdf-thanks-footer { position:absolute; right:58px; bottom:42px; left:58px; display:flex; align-items:end; justify-content:space-between; border-top:1px solid #d5c9be; padding-top:18px; }
.pdf-thanks-footer img { width:180px; }
.pdf-thanks-footer span { color:#8a7a6e; font-size:8px; letter-spacing:.14em; text-transform:uppercase; }
.pdf-stage { position:fixed; top:0; left:-12000px; width:1123px; }
.quote-pdf-page { position:relative; width:794px; height:1123px; overflow:hidden; background:#f7f3ed; color:#40372f; }
.quote-pdf-cover { display:flex; flex-direction:column; padding:82px 68px 70px; background:linear-gradient(150deg,#f8f5f0 0 62%,#e9e1d8 62%); }
.quote-pdf-cover::before { position:absolute; right:-90px; bottom:-110px; color:rgba(64,55,47,.045); font-family:"Cormorant Garamond",Georgia,serif; font-size:510px; line-height:.8; content:"C"; }
.quote-pdf-cover > img { position:relative; width:280px; }
.quote-pdf-cover > div { position:relative; width:76%; margin:auto 0; }
.quote-pdf-cover small,.quote-pdf-heading small,.quote-pdf-terms-grid small { color:#8a7464; font-size:10px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; }
.quote-pdf-cover h1 { margin:20px 0 24px; font-size:72px; line-height:.9; }
.quote-pdf-cover > div p { margin:0; color:#71655c; font-size:16px; line-height:1.8; white-space:pre-line; }
.quote-pdf-cover footer { position:relative; display:grid; gap:7px; border-top:1px solid #bfae9f; padding-top:20px; }
.quote-pdf-cover footer span { color:#8a7464; font-size:9px; letter-spacing:.18em; text-transform:uppercase; }
.quote-pdf-cover footer strong { font-family:"Cormorant Garamond",Georgia,serif; font-size:32px; font-weight:500; }
.quote-pdf-services,.quote-pdf-terms { padding:58px 62px 48px; }
.quote-pdf-services > header,.quote-pdf-terms > header { display:flex; align-items:flex-start; justify-content:space-between; border-bottom:1px solid #cfc2b7; padding-bottom:25px; }
.quote-pdf-services > header img,.quote-pdf-terms > header img { width:205px; }
.quote-pdf-services > header span,.quote-pdf-terms > header span { color:#ae9c8e; font-size:10px; letter-spacing:.16em; }
.quote-pdf-heading { margin:54px 0 35px; }
.quote-pdf-heading h2 { max-width:600px; margin:14px 0 0; font-size:49px; line-height:.95; }
.quote-pdf-service-list { display:grid; gap:0; }
.quote-pdf-service-list article { display:grid; grid-template-columns:40px minmax(0,1fr) 130px; gap:15px; border-top:1px solid #d8ccc1; padding:20px 0; }
.quote-pdf-service-list article:first-child { border-top:0; }
.quote-pdf-service-list article > span { color:#a49284; font-family:"Cormorant Garamond",Georgia,serif; font-size:25px; }
.quote-pdf-service-list h3 { margin:0 0 6px; font-size:24px; }
.quote-pdf-service-list p { margin:0; color:#786c63; font-size:10.5px; line-height:1.55; white-space:pre-line; }
.quote-pdf-service-list article > strong { align-self:center; font-size:12px; text-align:right; }
.quote-pdf-investment { display:flex; align-items:end; justify-content:space-between; border-top:2px solid #40372f; margin-top:24px; padding-top:19px; }
.quote-pdf-investment span { color:#786c63; font-size:9px; text-transform:uppercase; }
.quote-pdf-investment strong { font-family:"Cormorant Garamond",Georgia,serif; font-size:32px; font-weight:500; }
.quote-pdf-services > footer,.quote-pdf-terms > footer { position:absolute; right:62px; bottom:32px; left:62px; border-top:1px solid #d8ccc1; padding-top:14px; color:#8a7a6e; font-size:8px; letter-spacing:.16em; text-transform:uppercase; }
.quote-pdf-terms-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.quote-pdf-terms-grid article { min-height:180px; border:1px solid #d8ccc1; padding:20px; }
.quote-pdf-terms-grid p { margin:14px 0 0; color:#71655c; font-size:11px; line-height:1.7; white-space:pre-line; }
.quote-pdf-closing { margin-top:38px; border-left:2px solid #9e8877; padding:4px 0 4px 22px; }
.quote-pdf-closing p { max-width:580px; margin:0 0 15px; font-family:"Cormorant Garamond",Georgia,serif; font-size:28px; line-height:1.1; }
.quote-pdf-closing strong { font-size:9px; letter-spacing:.15em; text-transform:uppercase; }
.brand-dialog { width:min(1050px,calc(100% - 30px)); max-width:none; max-height:90svh; border:0; border-radius:24px; background:var(--paper); padding:0; color:var(--ink); }
.brand-dialog::backdrop { background:rgba(30,23,19,.66); }
.brand-card { padding:28px; }
.brand-card > header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; border-bottom:1px solid var(--line); padding-bottom:20px; }
.brand-card > header h2 { margin:7px 0; font-size:2.6rem; }
.brand-card > header p:last-child { margin:0; color:var(--muted); font-size:.75rem; }
.brand-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; padding:26px 0; }
.brand-grid section { display:grid; align-content:start; gap:14px; }
.brand-upload { position:relative; grid-template-columns:110px 1fr; align-items:center; border:1px dashed var(--line); border-radius:13px; padding:10px; cursor:pointer; }
.brand-upload img { width:100%; height:90px; object-fit:contain; background:#eee7df; }
.brand-card footer { display:flex; justify-content:flex-end; gap:8px; border-top:1px solid var(--line); padding-top:20px; }
.management-dialog { width:min(1050px,calc(100% - 28px)); max-width:none; max-height:92svh; border:0; border-radius:24px; background:var(--paper); padding:0; color:var(--ink); }
.management-dialog::backdrop { background:rgba(30,23,19,.66); }
.account-dialog { width:min(620px,calc(100% - 28px)); }
.account-card > header p:last-child { margin:8px 0 0; color:var(--muted); font-size:.75rem; line-height:1.6; }
.account-current { display:grid; gap:6px; border:1px solid var(--line); border-radius:14px; background:#f0ebe5; padding:15px 16px; }
.account-current span { color:var(--muted); font-size:.66rem; }
.account-current strong { font-size:.84rem; font-weight:500; overflow-wrap:anywhere; }
.account-note { margin:0; color:var(--muted); font-size:.72rem; line-height:1.7; }
.account-status { margin:0; }
.management-card { padding:28px; }
.management-card > header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; border-bottom:1px solid var(--line); padding-bottom:20px; }
.management-card > header h2 { margin-top:7px; font-size:2.7rem; }
.management-card > form > footer,.management-card > footer { display:flex; justify-content:flex-end; gap:8px; border-top:1px solid var(--line); padding-top:20px; }
.management-fields { display:grid; gap:16px; padding:24px 0; }
.management-fields label { display:grid; gap:7px; color:#574d45; font-size:.72rem; font-weight:600; }
.switch-label { display:flex!important; align-items:center; grid-template-columns:auto 1fr; }
.switch-label input { width:18px; min-height:18px; }
.project-hub { display:grid; gap:15px; margin-top:26px; border-top:1px solid var(--line); padding-top:26px; }
.hub-share { display:flex; align-items:center; justify-content:space-between; gap:20px; border-radius:19px; background:var(--ink); padding:22px; color:white; }
.hub-share h3 { margin:6px 0; font-size:2rem; }
.hub-share p:last-child { margin:0; color:rgba(255,255,255,.7); font-size:.72rem; }
.hub-share .eyebrow { color:rgba(255,255,255,.65); }
.hub-share .primary-button { border-color:white; background:white; color:var(--ink); }
.hub-share-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.hub-grid { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.document-upload { display:flex; min-height:40px; align-items:center; justify-content:center; border:1px dashed #a79688; border-radius:12px; margin-bottom:17px; color:var(--muted); font-size:.72rem; cursor:pointer; }
.document-upload input { position:absolute; width:1px; height:1px; opacity:0; }
.mini-form { display:grid; gap:9px; margin-bottom:18px; }
.mini-form .outline-button { justify-self:start; }
.document-item button,.payment-item button { border:0; background:transparent; padding:0; color:var(--danger); font-size:.66rem; }
.messages-list { display:grid; max-height:330px; gap:10px; overflow:auto; margin-bottom:16px; }
.message-bubble { max-width:78%; border-radius:15px 15px 15px 4px; background:#eee6de; padding:13px 15px; }
.message-bubble.mine { margin-left:auto; border-radius:15px 15px 4px 15px; background:var(--ink); color:white; }
.message-bubble header { display:flex; justify-content:space-between; gap:12px; margin-bottom:7px; font-size:.62rem; opacity:.68; }
.message-bubble p { margin:0; font-size:.78rem; line-height:1.6; white-space:pre-line; }
.message-form { display:grid; grid-template-columns:1fr auto; align-items:end; gap:10px; }
.message-form textarea { min-height:76px; }
.work-project-picker { display:flex; align-items:end; justify-content:space-between; gap:22px; margin-bottom:15px; }
.work-project-picker label { display:grid; width:min(460px,100%); gap:8px; color:#574d45; font-size:.72rem; font-weight:600; }
.work-project-picker p,.form-help { max-width:520px; margin:0; color:var(--muted); font-size:.7rem; line-height:1.65; }
.work-stats { margin-top:15px; }
.work-stats span { font-size:2.8rem; }
.work-stats #workStatCurrentStage,.work-stats #workStatDeadline { font-size:1.6rem; line-height:1.05; }
.work-tabs { display:flex; gap:5px; overflow-x:auto; margin:22px 0 15px; border-bottom:1px solid var(--line); }
.work-tabs button { min-width:max-content; border:0; border-bottom:2px solid transparent; background:transparent; padding:12px 15px; color:var(--muted); font-size:.75rem; }
.work-tabs button.active { border-color:var(--ink); color:var(--ink); }
.work-panel { display:none; }
.work-panel.active { display:block; }
.work-overview-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:15px; margin-bottom:15px; }
.work-health-card { background:linear-gradient(145deg,#fffdf9 0%,#efe6dc 100%); }
.work-health-chip { display:inline-flex; min-width:34px; min-height:27px; align-items:center; justify-content:center; border-radius:999px; background:#eee5dc; padding:5px 10px; color:var(--muted); font:600 .62rem/1 Manrope,sans-serif; text-transform:uppercase; letter-spacing:.07em; }
.work-health-chip[data-tone="success"] { background:#e2e8df; color:#41553f; }
.work-health-chip[data-tone="danger"] { background:#f0dddd; color:#873e3e; }
.work-health-text { max-width:720px; margin:4px 0 22px; color:var(--muted); font-size:.78rem; line-height:1.7; }
.overview-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.overview-metrics>div { display:grid; gap:6px; border-top:1px solid rgba(64,55,47,.16); padding-top:12px; }
.overview-metrics span { color:var(--muted); font-size:.62rem; line-height:1.35; }
.overview-metrics strong { font-size:.73rem; line-height:1.35; }
.work-alert-list { display:grid; gap:7px; }
.work-alert { display:grid; grid-template-columns:7px 1fr auto; align-items:center; gap:10px; width:100%; border:1px solid var(--line); border-radius:13px; background:var(--white); padding:11px 12px; color:var(--ink); text-align:left; }
.work-alert>span { width:7px; height:7px; border-radius:50%; background:#9b8b7c; }
.work-alert[data-tone="warning"]>span { background:#b47f40; }
.work-alert[data-tone="danger"]>span { background:#a64d4d; }
.work-alert strong { display:block; font-size:.69rem; }
.work-alert p,.work-clear-state p { margin:4px 0 0; color:var(--muted); font-size:.62rem; line-height:1.45; }
.work-alert b { font-size:.85rem; font-weight:500; }
.work-clear-state { border:1px dashed var(--line); border-radius:14px; padding:18px; }
.work-clear-state strong { font-size:.74rem; }
.work-timeline-card { margin-top:0; }
.work-overview-timeline { display:grid; gap:0; }
.timeline-step { position:relative; display:grid; grid-template-columns:42px 1fr; gap:12px; padding:4px 0 22px; }
.timeline-step:not(:last-child)::after { position:absolute; top:31px; bottom:0; left:17px; width:1px; background:var(--line); content:""; }
.timeline-index { position:relative; z-index:1; display:grid; width:35px; height:35px; place-items:center; border:1px solid var(--line); border-radius:50%; background:var(--white); color:var(--muted); font-size:.62rem; }
.timeline-step.done .timeline-index { border-color:var(--ink); background:var(--ink); color:white; }
.timeline-step.late .timeline-index { border-color:#b96c6c; color:#8b3e3e; }
.timeline-step header { display:flex; justify-content:space-between; gap:12px; }
.timeline-step header strong { font-size:.76rem; }
.timeline-step header span,.timeline-step p { margin:0; color:var(--muted); font-size:.62rem; }
.timeline-step .progress-track { height:5px; margin:9px 0 0; }
.work-layout { display:grid; grid-template-columns:minmax(310px,.7fr) minmax(380px,1.3fr); align-items:start; gap:15px; }
.work-form { display:grid; gap:14px; }
.work-form label,.finance-summary>label { display:grid; gap:7px; color:#574d45; font-size:.72rem; font-weight:600; }
.work-form>.primary-button { justify-self:start; margin-top:4px; }
.work-list { display:grid; gap:10px; }
.work-item { display:grid; gap:12px; border:1px solid var(--line); border-radius:18px; background:var(--white); padding:20px; }
.work-item.is-overdue { border-color:#d4aaaa; box-shadow:inset 3px 0 #a95c5c; }
.work-item.best-value { border-color:#9faf98; box-shadow:inset 3px 0 #61745d; }
.work-item header { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; }
.work-item h3 { margin:5px 0 0; font-size:1.65rem; }
.work-item p { margin:0; color:var(--muted); font-size:.72rem; line-height:1.65; white-space:pre-line; }
.work-item-meta { display:flex; flex-wrap:wrap; gap:7px; color:var(--muted); font-size:.64rem; }
.work-item-actions { display:flex; align-items:center; justify-content:space-between; gap:10px; border-top:1px solid var(--line); padding-top:11px; }
.work-item-actions select { width:auto; min-height:34px; border-radius:999px; padding:5px 28px 5px 10px; font-size:.66rem; }
.work-item-actions button { border:0; background:transparent; padding:5px 0; color:var(--danger); font-size:.66rem; }
.stage-item-actions { flex-wrap:wrap; }
.stage-item-actions label { display:flex; align-items:center; gap:7px; color:var(--muted); font-size:.64rem; }
.stage-item-actions input { width:68px; min-height:34px; padding:5px 8px; }
.selected-file-list { display:grid; gap:5px; margin-top:-6px; }
.selected-file-list span { overflow:hidden; border-radius:8px; background:#f0e9e1; padding:7px 9px; color:var(--muted); font-size:.62rem; text-overflow:ellipsis; white-space:nowrap; }
.field-note { color:var(--muted); font-size:.62rem; font-weight:400; }
.work-photo-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
.work-photo-grid a { display:block; aspect-ratio:4/3; overflow:hidden; border-radius:11px; background:#eee5dc; }
.work-photo-grid img { width:100%; height:100%; object-fit:cover; transition:transform .25s; }
.work-photo-grid a:hover img { transform:scale(1.025); }
.work-budget-group { display:grid; gap:9px; }
.work-budget-group>header { display:flex; align-items:end; justify-content:space-between; gap:12px; padding:4px 3px; }
.work-budget-group>header h3 { margin:4px 0 0; font-size:1.7rem; }
.work-budget-group>header>span { color:var(--muted); font-size:.64rem; }
.budget-values { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.budget-values>div { display:grid; gap:4px; border-radius:11px; background:#f3ede7; padding:10px; }
.budget-values span { color:var(--muted); font-size:.58rem; text-transform:uppercase; letter-spacing:.06em; }
.budget-values strong { font-size:.72rem; }
.visibility-chip { display:inline-flex; width:max-content; border-radius:999px; background:#eee5dc; padding:5px 8px; font-size:.58rem; letter-spacing:.04em; text-transform:uppercase; }
.finance-summary { display:grid; gap:18px; margin-bottom:15px; }
.inline-field { display:flex; align-items:center; gap:8px; }
.inline-field input { flex:1; }
.finance-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; }
.finance-metrics>div { display:grid; gap:6px; border-radius:14px; background:#f0e9e1; padding:15px; }
.finance-metrics span { color:var(--muted); font-size:.62rem; }
.finance-metrics strong { font-size:.82rem; }
.finance-track { height:7px; margin:0; }
.finance-summary>p { margin:0; color:var(--muted); font-size:.7rem; }
.team-grid { align-items:start; }
.toast { position:fixed; right:20px; bottom:20px; z-index:100; max-width:360px; border-radius:13px; background:var(--ink); padding:13px 17px; color:white; font-size:.75rem; opacity:0; transform:translateY(15px); transition:.25s; pointer-events:none; }
.toast.show { opacity:1; transform:none; }

@media(max-width:1100px){ .stats-grid{grid-template-columns:repeat(2,1fr)}.records-grid{grid-template-columns:repeat(2,1fr)}.studio-layout{grid-template-columns:250px 1fr}.editor-layout,.work-layout,.work-overview-grid{grid-template-columns:1fr}.preview-panel{border-left:0;border-top:1px solid var(--line)} }
@media(max-width:760px){ .studio-header{min-height:68px;padding:0 14px}.studio-header>a img{width:138px}.studio-header span,.studio-header .outline-button{display:none}.studio-header>div{gap:6px}.studio-header .icon-button{min-height:38px;padding:0 12px}.admin-layout{display:block}.admin-sidebar{position:sticky;top:68px;z-index:20;width:100%;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:9px 12px}.admin-sidebar-title,.admin-security{display:none}.admin-nav{display:flex;gap:5px;margin:0;overflow-x:auto}.admin-nav button{min-width:max-content;min-height:40px;padding:0 12px}.admin-content{padding:24px 14px 50px}.view-heading{align-items:flex-start;flex-direction:column;margin-bottom:24px}.view-heading h1{font-size:2.9rem}.stats-grid,.dashboard-grid,.records-grid,.hub-grid,.finance-metrics{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid article{min-height:125px;padding:17px}.stats-grid span{font-size:2.8rem}.panel-card,.hub-card{padding:18px}.overview-metrics{grid-template-columns:1fr 1fr}.work-photo-grid{grid-template-columns:1fr 1fr}.budget-values{grid-template-columns:1fr}.work-project-picker{align-items:stretch;flex-direction:column}.inline-field{align-items:stretch;flex-direction:column}.inline-field .outline-button{width:100%}.presentation-layout{display:block;min-height:0}.presentation-rail{min-height:540px;border-right:0}.presentation-layout .workspace,.presentation-layout .welcome{min-height:540px}.workspace{display:none}.studio-shell.editing .presentation-rail{display:none}.studio-shell.editing .workspace{display:block}.editor-topbar{align-items:flex-start;flex-direction:column;padding:17px 16px}.mobile-back{display:block}.editor-actions{display:grid;width:100%;grid-template-columns:.7fr 1fr 1.2fr}.editor-actions button{padding-inline:8px}.editor-panel,.preview-panel{padding:18px 14px}.field-pair,.brand-grid{grid-template-columns:1fr}.tabs{overflow-x:auto}.image-group-heading{align-items:flex-start;flex-direction:column;gap:8px}.image-row{grid-template-columns:78px 1fr}.image-row>img{width:78px;height:78px}.proposal-dialog form>footer{align-items:stretch;flex-direction:column}.proposal-dialog form>footer>span{display:none}.proposal-total{align-items:flex-start;flex-direction:column;gap:8px}.brand-dialog,.management-dialog{width:100%;height:100svh;max-height:none;border-radius:0}.brand-card,.management-card{padding:20px 15px}.brand-card>header h2,.management-card>header h2{font-size:2rem}.hub-share{align-items:flex-start;flex-direction:column}.hub-share-actions{width:100%;justify-content:flex-start}.message-form{grid-template-columns:1fr}.message-bubble{max-width:92%}.auth-card h1{font-size:2.8rem} }