@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#342c26;background:#f7f5f0;font-synthesis:none;font-weight:400;--accent: #a64c32;--border: #e9e3db;--muted: #817a71}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #c58c68;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #c58c68;outline-offset:1px}button{transition:background .15s}h1,h2,h3,p{margin-top:0}h1,h2,.brand{font-family:Manrope,sans-serif}h1{font-size:34px;letter-spacing:-1.2px;margin-bottom:10px;font-weight:800}h2{font-size:24px;letter-spacing:-.6px;margin-bottom:0}h3{font-size:16px;margin:0}small{display:block;color:var(--muted);font-size:12px}.shell{display:flex;min-height:100vh}.sidebar{width:235px;position:fixed;inset:0 auto 0 0;background:#fffdf9;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:34px 20px 24px}.brand{display:flex;align-items:center;color:#342c26;text-decoration:none;font-size:29px;font-weight:800;letter-spacing:-1.5px;padding:0 10px;gap:10px}.brand-mark{width:39px;height:39px;background:#a64c32;color:#fff;border-radius:12px;display:inline-flex;align-items:center;justify-content:center}.brand-dot{color:var(--accent);margin-left:-10px}.nav-caption{font-size:10px;letter-spacing:1.6px;color:#999086;font-weight:700;margin:48px 10px 17px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;border:0;background:none;padding:14px 16px;margin-bottom:7px;border-radius:9px;text-align:left;color:#776e63;font-size:14px;font-weight:500}.nav-item.active{background:#f5eae1;color:var(--accent);font-weight:700}.nav-dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--accent)}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--border);padding:20px 3px 0;display:flex;gap:10px;align-items:center;font-size:13px}.avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#eee5d7;color:#8f6c45}.sidebar-bottom small{margin-top:3px;font-size:10px}.workspace{margin-left:235px;width:calc(100% - 235px)}.topbar{height:72px;background:#fffdf9b3;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 42px;color:var(--muted);font-size:12px}.topbar>span{display:flex;align-items:center;gap:10px}.save-status{font-size:11px}.status-dot{height:6px;width:6px;border-radius:50%;background:#6e9775}.status-dot.bad{background:#ad4439}main{max-width:1420px;margin:auto;padding:30px 42px}.demo-banner{padding:10px 14px;border:1px solid #ecd9bc;background:#fbf1df;border-radius:7px;font-size:12px;color:#866336;margin-bottom:28px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 30px}.eyebrow{color:var(--accent);font-size:10px;font-weight:700;letter-spacing:2px;margin-bottom:12px}.muted{color:var(--muted);font-size:13px;line-height:1.6;margin-bottom:0}.primary,.secondary{border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 17px;font-weight:600;font-size:13px;white-space:nowrap}.primary{color:#fff;background:var(--accent);border:1px solid var(--accent);box-shadow:0 2px 2px #69301912}.primary:hover:not(:disabled){background:#883b26}.secondary{background:#fff;border:1px solid var(--border);color:#62584d}.secondary:hover:not(:disabled){background:#faf6ef}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:30px}.stats>div{border:1px solid var(--border);background:#fffdf9;border-radius:12px;padding:22px 24px;position:relative}.stats span{font-size:12px;color:#7a7166}.stats strong{display:block;font-family:Manrope,sans-serif;font-size:32px;margin-top:12px}.stats small{position:absolute;bottom:27px;right:24px;color:#999086}.panel{background:#fff;border:1px solid var(--border);border-radius:13px;overflow:hidden}.toolbar{padding:20px;display:flex;justify-content:space-between;gap:20px;align-items:center}.search{display:flex;align-items:center;gap:10px;background:#faf9f6;border:1px solid var(--border);border-radius:8px;padding:0 12px;max-width:390px;flex:1;color:#9b9286}.search input{background:transparent;border:0;height:39px;min-width:0;width:100%;font-size:12px;outline:none}.toolbar-actions{display:flex;gap:8px}.toolbar-actions .secondary{padding:10px 12px;font-size:12px}.table-hint{padding:0 20px 14px;color:var(--muted);font-size:11px}.grid{height:425px}.grid .text-button{margin-top:8px}.text-button{border:0;background:none;color:var(--accent);display:inline-flex;align-items:center;gap:5px;font-weight:600;font-size:12px;padding:8px 0}.order-list{border-top:1px solid var(--border)}.empty{padding:64px 20px;text-align:center}.empty-icon{display:grid;place-items:center;width:64px;height:64px;background:#f5eee5;color:#a28664;border-radius:18px;margin:0 auto 22px}.empty h2{font-size:20px;margin-bottom:10px}.empty p{color:var(--muted);font-size:13px;margin-bottom:25px}.order-row{width:100%;display:flex;align-items:center;gap:20px;text-align:left;border:0;border-bottom:1px solid #f0ece6;background:#fff;padding:21px 24px}.order-row:hover{background:#fcfaf6}.order-number{font-size:12px;color:#9a8067}.order-customer{flex:1}.order-customer strong{font-size:14px}.order-customer small{margin-top:5px}.badge{font-size:11px;padding:5px 9px;background:#f1eeea;border-radius:20px;color:#817468}.badge.green{background:#eaf1e8;color:#60795e}.order-total{min-width:90px;text-align:right;font-size:14px}.footer-note{display:flex;justify-content:space-between;font-size:11px;color:#a2978a;margin-top:22px}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:#8b7d70;width:36px;height:36px;border-radius:6px;flex-shrink:0}.icon-button:hover{background:#f5eee5}.error-box,.modal-error{background:#fff0ed;color:#9c382a;padding:14px 18px;border:1px solid #ecc4bc;border-radius:7px;margin-bottom:18px;font-size:13px;line-height:1.5}.error-box{display:flex;justify-content:space-between;gap:15px}.modal-error{margin:12px 28px 0}dialog{border:1px solid var(--border);border-radius:16px;padding:0;width:min(760px,calc(100vw - 32px));max-height:90dvh;color:inherit;box-shadow:0 25px 100px #342c2633}dialog::backdrop{background:#342c2666;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-head{padding:26px 28px;display:flex;align-items:flex-start;justify-content:space-between;background:#fffdf9;border-bottom:1px solid var(--border);gap:15px}.modal-head h2{overflow-wrap:anywhere}.modal-head .eyebrow{margin-bottom:8px}.tabs{display:flex;border-bottom:1px solid var(--border);padding:0 28px;gap:25px}.tabs button{border:0;background:none;padding:18px 0;font-size:13px;color:var(--muted)}.tabs button.selected{border-bottom:2px solid var(--accent);color:var(--accent);font-weight:700}.form-body{padding:26px 28px;border:0;margin:0;min-width:0}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:19px;min-width:0}.field>span{font-size:12px;font-weight:600;color:#74685c}input,select,textarea{border:1px solid #dfd7cc;border-radius:7px;padding:10px 12px;width:100%;background:#fff;color:#342c26;font-size:14px;min-width:0}textarea{resize:vertical}select{min-height:42px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:10px 0 15px}.contact-card{border:1px solid var(--border);padding:12px 17px 0;border-radius:9px;background:#fcfaf6;margin-bottom:18px}.contact-card strong{font-size:12px;color:#a28664}.contact-card .section-heading{margin:0 0 8px}.form-footer{display:flex;justify-content:flex-end;align-items:center;gap:15px;padding:20px 28px;border-top:1px solid var(--border);background:#fffdf9;position:sticky;bottom:0}.form-footer>.muted{margin-right:auto;font-size:11px}.checkbox{display:flex;align-items:center;gap:10px;font-size:13px}.checkbox input{width:17px;height:17px;accent-color:var(--accent)}.hint{font-size:12px;color:#958674;line-height:1.6;margin:12px 0 20px}.price-row{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid var(--border)}.price-row>div{flex:1}.price-row strong{font-size:13px}.price-row small{margin-top:5px}.price-row input{width:130px}.add-product{display:flex;gap:12px;margin-bottom:20px}.add-product select{flex:1}.line-item{padding:15px 0;border-bottom:1px solid var(--border)}.line-item>strong{font-size:14px}.line-inputs{display:flex;align-items:center;gap:12px;margin-top:12px}.line-inputs .field{width:125px;margin-bottom:0}.line-total{margin-left:auto;font-weight:600;font-size:14px}.line-inputs>.icon-button{margin-top:20px}.total{display:flex;justify-content:space-between;padding:20px 0;margin-bottom:10px;align-items:center}.total span{font-size:14px}.total strong{font-size:25px;font-family:Manrope,sans-serif}.login{max-width:430px;padding-top:15vh;text-align:center}.login h1{font-size:28px;margin-top:20px}.login p{color:var(--muted);line-height:1.6;font-size:14px}.login form{text-align:left;margin-top:30px}.login .primary{width:100%}.login .eyebrow{margin-top:20px}.error{color:#9c382a!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1500px){main{padding-top:40px}}@media(max-width:1100px){.sidebar{width:200px}.workspace{margin-left:200px;width:calc(100% - 200px)}main{padding:25px}.topbar{padding:0 25px}.stats small{position:static;margin-top:5px}.stats strong{margin-top:8px}.toolbar-actions .secondary span{display:none}.page-heading h1{font-size:29px}}@media(max-width:700px){input,select,textarea{font-size:16px}.sidebar{width:100%;inset:auto 0 0;height:70px;padding:0;background:#fffdf9;z-index:3;border-right:0;border-top:1px solid var(--border)}.brand,.nav-caption,.sidebar-bottom{display:none}.sidebar nav{display:flex;height:100%}.nav-item{display:flex;flex-direction:column;gap:5px;justify-content:center;margin:0;border-radius:0;padding:8px;font-size:11px}.nav-dot{display:none}.workspace{margin:0;width:100%;padding-bottom:70px}.topbar{height:52px;padding:0 18px;font-size:11px}.topbar>span{gap:6px}main{padding:20px 16px}.demo-banner{font-size:11px;line-height:1.5;margin-bottom:22px}.page-heading{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:24px}.page-heading h1{font-size:29px}.page-heading .muted{font-size:12px}.page-heading .primary{width:100%}.eyebrow{font-size:9px}.stats{gap:8px;margin-bottom:22px}.stats>div{padding:15px 11px}.stats span{font-size:10px;display:block;min-height:28px}.stats strong{font-size:25px}.stats small{font-size:9px}.toolbar{flex-wrap:wrap;padding:14px;gap:12px}.search{max-width:none;flex-basis:100%}.toolbar-actions{width:100%;justify-content:flex-end}.toolbar-actions .secondary span{display:inline}.table-hint{font-size:10px;line-height:1.5;padding:0 14px 12px}.grid{height:430px}.empty{padding:40px 18px}.empty h2{font-size:18px}.empty p{font-size:12px;line-height:1.6}.footer-note{font-size:10px;display:block}.footer-note span{display:block;margin-top:6px}.order-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:18px}.order-number{grid-column:1}.order-customer{grid-row:2;grid-column:1}.order-row>.badge{grid-row:1;grid-column:2}.order-total{grid-row:2;grid-column:2}.order-row>svg{display:none}dialog{width:calc(100vw - 16px);max-height:95dvh;border-radius:12px}.modal-head{padding:20px}.modal-head h2{font-size:21px}.form-body{padding:20px}.form-grid{grid-template-columns:1fr;gap:0}.form-footer{padding:15px 20px;flex-wrap:wrap}.form-footer>.muted{display:none}.form-footer .primary{flex:1}.tabs{padding:0 20px;gap:20px}.tabs button{font-size:12px}.section-heading .muted{font-size:10px}.line-inputs{gap:8px}.line-inputs .field{width:86px}.line-inputs .field>span{font-size:10px}.line-inputs input{padding:10px 7px}.line-total{font-size:12px}.price-row{flex-wrap:wrap}.price-row>div{flex-basis:100%}.price-row input{flex:1}.price-row .secondary{min-height:42px}.modal-error{margin:12px 20px 0}.login{padding-top:12vh}.error-box{flex-direction:column}}
