@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap");:root{--ink:#201d1b;--muted:#77716c;--paper:#f7f5f1;--panel:#fff;--line:#e9e4dd;--accent:#7c3f32;--soft:#f1e8e3}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{background:#211d1b;color:#f8f4ef;padding:28px 18px;display:flex;flex-direction:column;gap:34px}.brand{font-family:Playfair Display,serif;font-size:23px;line-height:1.1}.brand small{display:block;font:10px DM Sans,sans-serif;letter-spacing:2px;color:#c7aaa0;margin-top:8px;text-transform:uppercase}.nav-label{font-size:10px;letter-spacing:1.5px;color:#a99d96;margin:8px 10px}.nav-link{display:block;padding:11px 12px;border-radius:8px;color:#d9d0ca;font-size:13px;margin:3px 0}.nav-link.active,.nav-link:hover{background:#3b302c;color:white}.sidebar-foot{margin-top:auto;border-top:1px solid #443b36;padding:18px 8px;color:#b9aea8;font-size:12px}.main{min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.crumb{font-size:12px;color:var(--muted)}.user-chip{font-size:12px;border:1px solid var(--line);border-radius:30px;padding:9px 13px}.content{padding:38px;max-width:1440px;margin:auto}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);text-transform:uppercase;font-weight:700}h1{font-family:Playfair Display,serif;font-size:34px;font-weight:600;margin:9px 0}.subtitle{font-size:13px;color:var(--muted);margin:0}.header-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.primary-btn{border:0;border-radius:7px;background:var(--accent);color:white;padding:12px 17px;font-size:12px;font-weight:600}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin:24px 0}.panel,.stat{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:20px}.stat-label{font-size:11px;color:var(--muted)}.stat-value{font-family:Playfair Display,serif;font-size:28px;margin:12px 0 4px}.stat-note{font-size:10px;color:var(--muted)}.section-title{font-size:14px;font-weight:700;margin:0 0 16px}.grid-two{display:grid;grid-template-columns:1.35fr 1fr;grid-gap:16px;gap:16px}.empty{padding:30px 10px;text-align:center;color:var(--muted);font-size:12px}.pill{display:inline-block;background:var(--soft);color:var(--accent);font-size:10px;padding:6px 9px;border-radius:30px}.connection-status{display:flex;align-items:flex-start;gap:12px;padding:15px 18px;border:1px solid var(--line);border-radius:9px;background:#fff;margin:20px 0}.connection-status strong{font-size:12px}.connection-status p{font-size:11px;color:var(--muted);margin:4px 0 0}.status-dot{width:9px;height:9px;border-radius:50%;background:#b7791f;margin-top:3px;flex:0 0 auto}.connection-status.connected .status-dot{background:#27845b}.connection-status.disconnected .status-dot{background:#b7791f}.setup-note{font-size:11px;color:var(--muted);margin-top:22px;line-height:1.6}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{padding:0 20px}.content{padding:25px 20px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-two{grid-template-columns:1fr}}@media(max-width:480px){h1{font-size:28px}.header-row{align-items:flex-start;flex-direction:column}.stats{gap:9px}.stat{padding:15px}.stat-value{font-size:24px}}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--paper)}.auth-card{width:min(100%,430px);background:#fff;border:1px solid var(--line);border-radius:14px;padding:36px;box-shadow:0 18px 50px rgba(32,29,27,.06)}.auth-brand{font-family:Playfair Display,serif;font-size:30px;color:var(--accent)}.auth-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);margin:7px 0 24px}.auth-card h1{font-size:30px;margin:0 0 8px}.auth-copy{font-size:13px;color:var(--muted);line-height:1.6;margin:0 0 24px}.auth-form{display:flex;flex-direction:column;gap:9px}.auth-form label{font-size:12px;font-weight:600;margin-top:8px}.auth-form input{width:100%;border:1px solid var(--line);border-radius:7px;padding:13px;font:13px DM Sans,sans-serif;background:#fff;color:var(--ink)}.auth-form input:focus{outline:2px solid #c9a59b;border-color:transparent}.auth-form button,.signout-btn{border:0;border-radius:7px;background:var(--accent);color:#fff;padding:12px 16px;font-size:12px;font-weight:600;cursor:pointer}.auth-form button{margin-top:12px}.auth-form button:disabled,.signout-btn:disabled{opacity:.6;cursor:wait}.auth-error{font-size:12px;color:#a12b2b;margin:4px 0}.auth-footnote{font-size:11px;color:var(--muted);line-height:1.5;margin:12px 0 0}.topbar-actions{display:flex;align-items:center;gap:12px}.signout-btn{background:#f1e8e3;color:var(--accent);padding:9px 12px}@media(max-width:480px){.auth-card{padding:26px 22px}.topbar-actions{gap:7px}.user-chip{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.primary-button{border:0;border-radius:7px;background:var(--accent);color:#fff;padding:11px 16px;font-size:12px;font-weight:600;cursor:pointer}.primary-button:disabled{opacity:.6;cursor:wait}.client-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;margin:20px 0;padding:18px;background:#faf8f5;border:1px solid var(--line);border-radius:8px}.client-form label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:600}.client-form input,.client-form textarea,.client-search{width:100%;border:1px solid var(--line);border-radius:7px;padding:11px 12px;background:#fff;color:var(--ink);font:12px DM Sans,sans-serif}.client-form textarea{min-height:76px;resize:vertical}.client-form .wide{grid-column:1/-1}.client-search{margin:16px 0}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.data-table th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-weight:600;background:#faf8f5}.data-table td,.data-table th{padding:13px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td:first-child{white-space:normal;min-width:170px}.data-table td small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.empty-cell{text-align:center;color:var(--muted);padding:32px!important}.form-error{color:#a12b2b;font-size:12px;margin:0}@media(max-width:600px){.client-form{grid-template-columns:1fr}.client-form .wide{grid-column:auto}.data-table td,.data-table th{padding:11px 9px}}.order-panel{margin-bottom:20px}.order-form{margin:20px 0;padding:18px;background:#faf8f5;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;gap:16px}.order-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:13px;gap:13px}.order-form label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:600}.order-form input,.order-form select,.order-form textarea{width:100%;border:1px solid var(--line);border-radius:7px;padding:11px 12px;background:#fff;color:var(--ink);font:12px DM Sans,sans-serif;min-width:0}.order-form textarea{min-height:70px;resize:vertical}.order-wide{grid-column:1/-1}.garment-card-head,.garment-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.garment-head{font-size:12px}.garment-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:14px}.garment-card-head{font-size:11px;color:var(--accent)}.text-button{border:0;background:transparent;color:var(--accent);font:600 11px DM Sans,sans-serif;cursor:pointer;padding:5px}.text-button:disabled{opacity:.45;cursor:not-allowed}.danger-text{color:#a12b2b}.order-totals{display:flex;justify-content:flex-end;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px;font-size:11px;color:var(--muted)}.order-totals strong{color:var(--ink);margin-left:8px}.order-status{display:inline-block;border-radius:20px;background:var(--soft);color:var(--accent);padding:5px 8px;font-size:10px;text-transform:capitalize}.form-hint{font-size:11px;color:var(--muted);margin:0}@media(max-width:600px){.order-form-grid{grid-template-columns:1fr}.order-wide{grid-column:auto}.order-totals{justify-content:space-between;gap:10px}}.production-actions{display:flex;gap:6px;flex-wrap:wrap;min-width:130px}.production-actions .text-button{padding:4px 5px}.mini-select{max-width:120px;border:1px solid var(--line);border-radius:6px;padding:6px;background:#fff;color:var(--ink);font:10px DM Sans,sans-serif}.tab-row{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:20px}.tab-button{border:1px solid var(--line);background:#fff;color:var(--muted);padding:9px 13px;border-radius:7px;font-size:11px;cursor:pointer}.tab-button.active{background:var(--soft);color:var(--accent);border-color:#d8c2b9}.supplier-line{border-bottom:1px solid var(--line);padding:8px 0;font-size:12px}.supplier-line small{display:block;color:var(--muted);margin-top:4px}.measurement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.measurement-field{display:grid;grid-template-columns:1fr 1fr auto;grid-gap:8px;gap:8px;align-items:end;padding:10px;background:#fff;border:1px solid var(--line);border-radius:7px}.measurement-field label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:600}.measurement-field input{min-width:0;border:1px solid var(--line);border-radius:6px;padding:9px;background:#fff;font:12px DM Sans,sans-serif}.measurement-field button{align-self:end}@media(max-width:700px){.measurement-grid{grid-template-columns:1fr}.measurement-field{grid-template-columns:1fr 1fr auto}}.purchase-line{display:grid;grid-template-columns:minmax(180px,2fr) minmax(100px,1fr) minmax(130px,1fr) auto;grid-gap:10px;gap:10px;align-items:end;padding:12px 0;border-bottom:1px solid var(--line)}.purchase-line>div{font-size:12px}.purchase-line>div small{display:block;color:var(--muted);margin-top:4px}@media(max-width:700px){.purchase-line{grid-template-columns:1fr 1fr}.purchase-line label:first-child{grid-column:1/-1}}.filter-row{display:flex;gap:10px;align-items:center;margin:14px 0}.filter-row .client-search{flex:1 1;margin:0}.filter-row select{border:1px solid var(--line);border-radius:7px;padding:10px;background:#fff;font:12px DM Sans,sans-serif}@media(max-width:600px){.filter-row{flex-direction:column;align-items:stretch}}.report-filter{display:flex;gap:12px;align-items:end;margin-bottom:20px}.report-filter label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:600}.report-filter input{border:1px solid var(--line);border-radius:7px;padding:10px;background:#fff;font:12px DM Sans,sans-serif}.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;margin:18px 0}.report-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px;text-transform:capitalize}.report-row strong{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media(max-width:700px){.report-grid{grid-template-columns:1fr}.report-filter{flex-wrap:wrap}}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.settings-grid>.panel:first-child{grid-row:span 2}.settings-list{margin-top:12px}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.settings-row small{display:block;color:var(--muted);margin-top:4px}.settings-row button{white-space:nowrap}@media(max-width:800px){.settings-grid{grid-template-columns:1fr}.settings-grid>.panel:first-child{grid-row:auto}}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;margin:10px 0}.permission-grid label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:400}.permission-grid input{width:auto;margin:0}@media(max-width:600px){.permission-grid{grid-template-columns:1fr}}.marketing-page{background:#faf8f5;color:#211d1a;min-height:100vh}.marketing-nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,7vw,104px);background:#fff;border-bottom:1px solid #ece6df}.marketing-brand{font:700 23px Playfair Display,serif;color:#7c3f32;line-height:1}.marketing-brand span{display:block;font:600 8px DM Sans,sans-serif;letter-spacing:2px;color:#8c817a;margin-top:7px}.marketing-nav nav{display:flex;align-items:center;gap:27px;font-size:12px;color:#625b55}.marketing-button,.marketing-nav-cta{display:inline-flex;align-items:center;justify-content:center;background:#7c3f32;color:#fff!important;border-radius:6px;padding:13px 18px;font-size:12px;font-weight:700}.marketing-hero{padding:88px clamp(22px,8vw,120px) 80px;display:grid;grid-template-columns:1.05fr .95fr;grid-gap:65px;gap:65px;align-items:center;background:linear-gradient(115deg,#f5eee8,#fbf9f6 65%)}.marketing-kicker{font-size:9px;letter-spacing:2px;color:#925847;font-weight:700}.marketing-hero h1{font-size:clamp(42px,5vw,66px);line-height:1.06;max-width:650px;margin:18px 0}.marketing-hero h1 em{font-style:normal;color:#8b4a3b}.marketing-lead{font-size:15px;line-height:1.8;color:#706760;max-width:570px}.marketing-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}.marketing-secondary{font-size:12px;color:#7c3f32;font-weight:700}.marketing-note{font-size:10px;color:#8b8179;margin-top:17px}.marketing-preview{background:#fff;border:1px solid #e7ded5;border-radius:13px;padding:24px;box-shadow:0 24px 65px #3e2d2412;transform:rotate(1deg)}.preview-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.2px;color:#91857d}.preview-live{color:#39805c}.preview-heading{font:600 22px Playfair Display,serif;margin:30px 0 20px}.preview-heading small{display:block;font:11px DM Sans,sans-serif;color:#8a8179;margin-top:5px}.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:9px;gap:9px}.preview-metrics div{background:#faf8f5;padding:13px 10px;border-radius:7px}.preview-metrics small{display:block;font-size:7px;letter-spacing:.8px;color:#8b8179}.preview-metrics strong{display:block;font:600 25px Playfair Display,serif;margin:7px 0}.preview-metrics span{font-size:8px;color:#91877f}.preview-work{margin-top:19px;border:1px solid #eee8e2;border-radius:8px;padding:15px}.preview-work-title{font-size:11px;font-weight:700;margin-bottom:8px}.preview-stage{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid #f0ece7;font-size:10px;color:#655c55}.preview-stage strong{color:#7c3f32}.preview-caption{text-align:center;color:#948981;font-size:9px;margin:17px 0 0}.marketing-trust{display:flex;justify-content:center;gap:clamp(20px,6vw,90px);padding:22px 15px;background:#211d1b;color:#d9cbc2;font-size:8px;letter-spacing:1.5px;flex-wrap:wrap}.marketing-section{padding:86px clamp(22px,8vw,120px)}.marketing-section-heading{text-align:center;max-width:690px;margin:0 auto 40px}.marketing-bottom-cta h2,.marketing-process h2,.marketing-section-heading h2{font:600 clamp(30px,3.5vw,43px)/1.15 Playfair Display,serif;margin:12px 0}.marketing-bottom-cta>p,.marketing-process p,.marketing-section-heading>p:last-child{font-size:13px;line-height:1.7;color:#7d736b}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.feature-card{background:#fff;border:1px solid #ece5de;border-radius:9px;padding:25px;min-height:175px}.feature-number{font:600 11px DM Sans,sans-serif;color:#9c6959}.feature-card h3,.process-steps h3{font:600 18px Playfair Display,serif;margin:19px 0 8px}.feature-card p,.process-steps p{font-size:11px;line-height:1.7;color:#81776f;margin:0}.marketing-process{padding:75px clamp(22px,8vw,120px);background:#f0e9e2;display:grid;grid-template-columns:.8fr 1.2fr;grid-gap:55px;gap:55px}.process-steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.process-steps article>b{font-size:10px;color:#8b4a3b}.process-steps h3{font-size:16px}.pricing-section{background:#fff}.billing-switch{display:flex;justify-content:center;gap:4px;margin:0 auto 30px;padding:4px;background:#f4f0ec;border-radius:8px;width:max-content}.billing-switch button{border:0;background:transparent;border-radius:6px;padding:10px 15px;font:600 11px DM Sans,sans-serif;color:#766d66;cursor:pointer}.billing-switch button.selected{background:#fff;color:#7c3f32;box-shadow:0 1px 4px #211d1a14}.billing-switch span{color:#47805e;margin-left:4px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;max-width:1120px;margin:auto}.price-card{position:relative;border:1px solid #e9e2dc;border-radius:10px;padding:27px 24px;background:#fff;overflow:hidden}.price-card-featured{border:2px solid #8b4a3b;box-shadow:0 14px 38px #5a322010}.price-ribbon{position:absolute;top:0;right:0;background:#8b4a3b;color:#fff;font-size:8px;letter-spacing:1px;padding:8px 12px}.price-card h3{font:600 23px Playfair Display,serif;margin:0 0 10px}.price-description{font-size:10px;line-height:1.6;color:#81776f;min-height:34px}.price-amount{font:600 30px Playfair Display,serif;margin-top:20px;white-space:nowrap}.price-amount span{font:11px DM Sans,sans-serif;color:#81776f}.price-billing{font-size:9px;color:#8d837b;margin:4px 0 19px}.price-button{display:flex;justify-content:center;border:1px solid #cdb8ae;border-radius:6px;padding:12px;color:#7c3f32;font-size:11px;font-weight:700}.price-card .marketing-button{width:100%}.price-feature-label{font-size:8px;letter-spacing:1.2px;color:#92877f;font-weight:700;margin:25px 0 12px}.price-card ul{list-style:none;padding:0;margin:0}.price-card li{font-size:10px;color:#655e58;padding:8px 0;border-top:1px solid #f1ede9}.price-card li:before{content:"✓";color:#47805e;margin-right:9px}.pricing-footnote{text-align:center;color:#8a8078;font-size:10px;margin:25px 0 0}.marketing-bottom-cta{text-align:center;padding:80px 22px;background:#211d1b;color:#fff}.marketing-bottom-cta .marketing-kicker{color:#d5a99a}.marketing-bottom-cta h2{max-width:600px;margin:15px auto}.marketing-bottom-cta>p{color:#c4b8b0;margin:10px auto 25px}.marketing-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px clamp(22px,7vw,104px);background:#fff;color:#8b8179;font-size:9px}.marketing-footer>div{display:flex;gap:18px}.marketing-footer .marketing-brand{font-size:18px}@media(max-width:900px){.marketing-hero{grid-template-columns:1fr;gap:40px;padding-top:65px}.marketing-preview{max-width:620px;width:100%;margin:auto}.marketing-process{grid-template-columns:1fr;gap:25px}.pricing-grid{grid-template-columns:1fr;max-width:500px}.price-card{padding:25px}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.marketing-nav{height:auto;min-height:70px;padding:15px 20px}.marketing-nav nav{gap:12px;font-size:10px}.marketing-nav nav>a:first-child,.marketing-nav nav>a:nth-child(2){display:none}.marketing-nav-cta{padding:10px 11px}.marketing-brand{font-size:20px}.marketing-hero{padding:55px 22px}.marketing-hero h1{font-size:42px}.marketing-lead{font-size:13px}.marketing-actions{align-items:flex-start;flex-direction:column;gap:15px}.marketing-preview{padding:17px}.preview-metrics{gap:5px}.preview-metrics div{padding:10px 7px}.preview-metrics strong{font-size:21px}.marketing-section{padding:65px 20px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.process-steps{grid-template-columns:1fr;gap:22px}.marketing-footer{align-items:flex-start;flex-direction:column}.marketing-footer>div{gap:15px}}@media(max-width:900px){.app-shell{display:flex;flex-direction:column;min-height:100vh}.sidebar{display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:50;width:100%;padding:12px 14px 10px;gap:10px;border-bottom:1px solid #443b36;box-shadow:0 4px 14px rgba(25,20,18,.12)}.brand{font-size:21px;flex:0 0 auto}.brand small{font-size:8px;letter-spacing:1.4px;margin-top:4px}.sidebar nav{display:flex;align-items:center;gap:5px;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding:2px 0 5px;scrollbar-width:thin;scrollbar-color:#75635b transparent;-webkit-overflow-scrolling:touch}.sidebar nav>div{display:contents}.sidebar .nav-label{display:none}.sidebar .nav-link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:40px;margin:0;padding:0 14px;border:1px solid #51443e;border-radius:7px;font-size:12px;white-space:nowrap}.sidebar .nav-link.active{background:#7c3f32;border-color:#9b6658;color:#fff}.sidebar-foot{display:none}.main{width:100%;min-width:0}.topbar{height:auto;min-height:58px;padding:10px 16px;gap:10px}.topbar-actions{min-width:0}.content{width:100%;padding:22px 16px}}@media(max-width:480px){.sidebar{padding:10px 12px 8px;gap:8px}.brand{font-size:19px}.sidebar .nav-link{min-height:42px;padding:0 13px;font-size:12px}.topbar{min-height:54px;padding:9px 12px}.crumb{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{padding:19px 12px}}