.customer-main{max-width:1180px;min-height:65vh;padding:55px 30px 80px;margin:auto}.quiet-link{font-size:12px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:32px}.page-heading h1{font-size:46px;margin-bottom:12px}.page-heading .eyebrow{margin-bottom:16px}.page-heading p{color:var(--muted);margin:0;max-width:590px}.muted{color:var(--muted)}.small{font-size:12px}.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:start;max-width:1000px;margin:25px auto}.auth-story{padding:35px 0}.auth-story h1{font-size:58px}.auth-story p{color:var(--muted);max-width:340px}.auth-mark{width:220px;mix-blend-mode:multiply;margin-top:20px}.panel{padding:28px;border:1px solid var(--line);background:#fffdfa;border-radius:9px}.panel h2{font:27px Georgia,serif;margin:0 0 20px}.panel h3{font:22px Georgia,serif;margin-bottom:12px}.field{margin-bottom:18px;min-width:0}.field label{display:block;font-size:12px;font-weight:500;margin-bottom:7px}.field input,.field select,.field textarea{display:block;width:100%;padding:12px 13px;min-height:46px;border:1px solid #cbbec4;border-radius:4px;color:var(--ink);background:#fffdfa;font-size:14px}.field textarea{min-height:105px;resize:vertical}.field small{color:var(--muted);font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.span-two{grid-column:1/-1}.form-error{color:#9b2535;font-size:13px;line-height:1.6;margin:12px 0}.form-error:empty{display:none}.subtle-button{border:1px solid var(--line);background:transparent;border-radius:4px;min-height:44px;padding:10px 16px;font-size:12px;cursor:pointer}.subtle-button:hover{background:#eee7e8}.text-button{border:0;background:transparent;text-decoration:underline;color:var(--plum);padding:10px 0;min-height:44px;font-size:12px}.full{width:100%}.form-tabs,.page-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}.form-tabs button,.page-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;padding:11px 16px;min-height:44px;font-size:13px}.form-tabs .active,.page-tabs .active{color:var(--plum);border-color:var(--plum);font-weight:600}.note-box{background:#f0e8e7;border-radius:5px;padding:15px 18px;margin:20px 0;font-size:12px;color:#634a58;line-height:1.8}.demo-choices{display:flex;gap:6px;flex-wrap:wrap}.demo-choices button{font-size:11px;min-height:40px;border:1px solid var(--line);background:transparent;padding:7px 10px;border-radius:4px}.error-panel{max-width:600px;margin:50px auto}.loading{padding:50px;color:var(--muted)}.checkout-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:35px}.checkout-summary{align-self:start;position:sticky;top:25px}.summary-line{display:flex;align-items:start;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}.summary-line p{margin:0}.summary-line small{color:var(--muted);font-size:12px}.summary-total{display:flex;justify-content:space-between;margin-top:24px;font-size:20px}.steps-label{display:flex;gap:18px;align-items:center;margin:0 0 35px;color:var(--muted);font-size:11px;letter-spacing:.08em}.payment-choice{display:flex;gap:12px;border:1px solid var(--line);padding:15px;margin:9px 0;border-radius:5px;cursor:pointer}.payment-choice input{accent-color:var(--plum)}.payment-choice span{font-size:13px}.payment-choice small{display:block;color:var(--muted);margin-top:4px}.check-label{display:flex;gap:10px;align-items:start;font-size:12px;margin:22px 0}.check-label input{margin-top:4px;accent-color:var(--plum)}.success-panel{max-width:750px;margin:auto;padding:45px}.success-symbol{font:38px Georgia,serif;border:1px solid var(--line);border-radius:50%;width:65px;height:65px;display:grid;place-items:center;color:var(--plum);margin-bottom:25px}.success-panel h1{font-size:42px}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.order-card{margin-bottom:22px;border:1px solid var(--line);border-radius:8px;background:#fffdfa}.order-card-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;border-bottom:1px solid var(--line);background:#f2edeb;border-radius:8px 8px 0 0}.order-card-head h3{font:17px -apple-system,sans-serif;margin:0}.order-card-head p{font-size:11px;color:var(--muted);margin:5px 0 0}.status{display:inline-block;border:1px solid #cdbfbd;border-radius:30px;padding:5px 10px;font-size:10px;letter-spacing:0;text-transform:none;color:#674658;background:#f5eff1;white-space:nowrap}.status:before{display:none}.status.done{color:#375947;background:#edf3eb;border-color:#c8d7c5}.status.warn{color:#7a5423;background:#faf0df;border-color:#dfd0b6}.order-card-body{padding:20px 24px}.line-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0}.line-row p{margin:0}.line-row small{color:var(--muted)}.order-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:22px 0}.timeline{list-style:none;margin:20px 0;padding:0}.timeline li{border-left:1px solid #cab4bf;padding:0 0 22px 20px;position:relative;font-size:13px}.timeline li:before{content:"";position:absolute;left:-4px;top:6px;width:7px;height:7px;background:var(--plum);border-radius:50%}.timeline time{display:block;font-size:11px;color:var(--muted);margin-top:5px}.empty-view{text-align:center;padding:60px 20px;border:1px dashed var(--line);border-radius:8px}.empty-view h2{font-size:30px}.empty-view p{color:var(--muted);font-size:14px}.ticket{border-bottom:1px solid var(--line);padding:20px 0}.ticket:last-child{border:0}.ticket h3{font:20px Georgia,serif;margin-bottom:10px}.ticket p{font-size:13px;white-space:pre-wrap}.reply{padding:15px;background:#f0ede7;border-left:2px solid var(--plum);margin-top:15px}.account-strip{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.admin-shell{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:calc(100vh - 35px)}.sidebar{padding:32px 22px;border-right:1px solid var(--line);background:#f0eae8;display:flex;flex-direction:column;gap:25px}.sidebar .wordmark{font-size:38px;display:inline-block;margin:10px 10px}.sidebar p{font-size:10px;letter-spacing:.13em;color:var(--muted);margin:8px 10px}.workspace-nav{display:flex;flex-direction:column;gap:5px}.workspace-nav button{text-align:left;min-height:44px;padding:12px 15px;border:0;background:transparent;border-radius:5px;font-size:13px}.workspace-nav button.active{background:var(--plum);color:white}.workspace-nav button:hover:not(.active){background:#e4dadd}.sidebar-bottom{margin-top:auto;padding-top:30px;display:flex;flex-direction:column;gap:10px;font-size:12px}.sidebar-bottom small{color:var(--muted)}.workspace{padding:35px 4%;min-width:0}.workspace-top{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:32px}.workspace-top h1{font-size:36px;margin-bottom:6px}.workspace-top p{font-size:12px;color:var(--muted);margin:0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.metric{border:1px solid var(--line);border-radius:7px;padding:22px 20px;background:#fffdfa}.metric .metric-label{font-size:11px;color:var(--muted);margin:0 0 14px}.metric strong{display:block;font-size:28px;font-weight:500;letter-spacing:-.04em}.metric small{font-size:10px;color:var(--muted);display:block;margin-top:8px}.workspace-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:24px;margin-top:25px}.workspace h2{font-size:25px;margin-bottom:18px}.work-table{overflow:auto;border:1px solid var(--line);border-radius:7px;background:#fffdfa;margin-top:18px}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:var(--muted);font-size:10px;letter-spacing:.055em;font-weight:600;background:#f2edeb;white-space:nowrap}td,th{padding:15px 18px;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}td small{display:block;color:var(--muted);margin-top:4px}td .text-button{white-space:nowrap}td.numeric{text-align:right;font-variant-numeric:tabular-nums}.table-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}.table-toolbar input,.table-toolbar select{min-height:44px;padding:10px 13px;border:1px solid var(--line);background:#fffdfa;border-radius:4px;font-size:12px;max-width:100%}.table-toolbar input{width:280px}.queue-row{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.queue-row:last-child{border:0}.queue-row button{border:0;background:transparent;color:var(--plum);text-decoration:underline;min-height:44px}.queue-row small{display:block;color:var(--muted);margin-top:3px}.money-row{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.money-row.total{font-weight:600;border-top:1px solid var(--plum)}.progress-row{display:grid;grid-template-columns:95px 1fr 30px;gap:10px;align-items:center;margin:18px 0;font-size:12px}.progress-row meter{width:100%;height:16px;accent-color:var(--plum)}.data-note{font-size:11px;color:var(--muted);line-height:1.8;margin:18px 0}.workspace .panel{padding:23px}.dialog-wide{max-width:850px}.dialog-title{font:30px Georgia,serif;margin:15px 30px 20px 0}.sr-feedback{font-size:12px;color:var(--muted)}button:disabled{opacity:.5;cursor:not-allowed}.auth-back{display:inline-block;margin-top:25px;font-size:12px;color:var(--muted)}.demo-login-note{font-size:11px;color:var(--muted);margin-top:18px}.admin-login{padding:50px 25px}.admin-login .auth-layout{margin-top:35px}.address-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:18px}.address-card{margin:0}.address-card p{font-size:13px;line-height:1.7;margin:0}.print-note{display:none}
@media(max-width:1050px){.admin-shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:25px 12px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-grid{grid-template-columns:1fr}.auth-layout{gap:35px}.checkout-layout{gap:20px}.workspace{padding:28px 25px}}
@media(max-width:680px){.customer-main{padding:35px 20px 60px}.page-heading{align-items:start;flex-direction:column}.page-heading h1{font-size:38px}.page-heading p{font-size:13px}.auth-layout{grid-template-columns:1fr;gap:20px;margin:0}.auth-story{padding:0}.auth-story h1{font-size:40px}.auth-mark{display:none}.panel{padding:22px}.auth-story p{max-width:100%;font-size:14px}.form-grid{grid-template-columns:1fr}.span-two{grid-column:auto}.field input,.field select,.field textarea{font-size:16px}.checkout-layout{grid-template-columns:1fr}.checkout-summary{position:static;grid-row:1}.order-detail-grid{grid-template-columns:1fr}.order-card-head{padding:16px;align-items:start}.order-card-body{padding:16px}.order-card-head h3{font-size:13px}.line-row{font-size:13px}.account-strip{gap:8px}.success-panel{padding:27px}.success-panel h1{font-size:36px}.steps-label{gap:12px;font-size:9px}.admin-shell{grid-template-columns:1fr}.sidebar{padding:18px 20px;gap:14px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .wordmark{font-size:31px;margin:0}.sidebar p{margin:0}.workspace-nav{flex-direction:row;overflow:auto;padding-bottom:5px}.workspace-nav button{white-space:nowrap;min-height:44px;font-size:12px;padding:10px 13px}.sidebar-bottom{padding:0;margin:0;flex-direction:row;flex-wrap:wrap;align-items:center;gap:15px}.sidebar-bottom small{display:none}.workspace{padding:25px 18px}.workspace-top{align-items:start;gap:10px}.workspace-top h1{font-size:30px}.metrics{gap:10px}.metric{padding:16px 13px}.metric strong{font-size:25px}.metric small{line-height:1.5}.workspace-grid{gap:18px}.quiet-link{max-width:130px;font-size:10px}.table-toolbar input{width:100%}.admin-login{padding:30px 20px}dialog{max-height:92dvh}.button-row .button{gap:10px}.announcement{font-size:9px}header nav{display:flex;gap:10px}header nav a{font-size:10px}header .wordmark span{display:none}}
@media print{header,footer,.announcement,.sidebar,.page-tabs,.button-row,.button,.subtle-button,.text-button,.close,#toast{display:none!important}.customer-main,.workspace{padding:0}.panel,.order-card{border:0}.print-note{display:block}dialog[open]{position:static;max-height:none;max-width:none;width:100%;border:0}body:has(dialog[open]) #app{display:none}}
/* Storefront Studio: luminous surfaces, readable controls, restrained depth. */
.studio-banner{padding:38px;border:1px solid #d7c4db;border-radius:24px;margin-bottom:26px;background:radial-gradient(ellipse at top right,#d6e9e5,transparent 60%),linear-gradient(120deg,#f2e5f3,#fff8f1);box-shadow:0 18px 50px #572d4910}
.studio-banner h2{max-width:650px;font-size:42px;margin-bottom:20px}
.studio-banner .eyebrow{margin-bottom:16px}
.studio-form{border-radius:20px}.studio-form textarea{min-height:100px;resize:vertical}.studio-form fieldset{border:1px solid var(--line);border-radius:12px;margin:24px 0;padding:20px}.studio-form legend{padding:0 10px}
.studio-preview{padding:32px;background:linear-gradient(120deg,#f0e3ee,#e8f2ed);border-radius:18px;margin:25px 0}.studio-preview h2{font-size:38px;margin-bottom:20px}.studio-preview>p{max-width:600px;white-space:pre-wrap}
.admin-body .sidebar{background:linear-gradient(170deg,#fcf7fa,#ece5f0)}.admin-body .workspace-nav button.active{box-shadow:0 6px 18px #572d491c}.admin-body .metric{border-radius:16px}
@media(max-width:680px){.studio-banner,.studio-preview{padding:24px}.studio-banner h2,.studio-preview h2{font-size:32px}.studio-form .button-row{flex-wrap:wrap}}