@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#181c1a;--muted:#727a76;--line:#e1e5df;--bg:#f5f6f2;--white:#fff;--green:#d8f28a;--forest:#3f5d4b;--red:#b54141;--amber:#bb791e;--radius:17px;--shadow:0 10px 30px rgba(22,30,23,.045);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans','Manrope',Arial,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}input,select,textarea{width:100%;border:1px solid #dce0da;border-radius:11px;background:white;color:var(--ink);padding:12px 13px;outline:none;min-height:44px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:#72816e;box-shadow:0 0 0 3px #d8f28a65}textarea{resize:vertical;min-height:94px}input[type=checkbox]{width:18px;height:18px;min-height:0;accent-color:#283d2f}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.app-shell{min-height:100vh;display:grid;grid-template-columns:254px minmax(0,1fr)}.sidebar{background:#151b18;color:#e9efea;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;padding:28px 17px 20px;gap:28px}.wordmark{display:flex;align-items:center;gap:10px;padding:3px 11px}.mark-icon{height:33px;width:33px;background:var(--green);border-radius:10px;display:grid;place-items:center;color:#182119;font-size:19px;font-weight:900;letter-spacing:-3px;padding-right:3px;transform:skew(-7deg)}.wordmark h1{margin:0;font-size:21px;letter-spacing:-1px;line-height:1.1}.wordmark span{display:block;font-size:9px;color:#abb9ae;letter-spacing:1.8px;font-weight:700;margin-top:4px}.side-section{font-size:10px;letter-spacing:2px;color:#77887e;font-weight:800;margin:10px 14px 9px}.nav-list{display:grid;gap:4px}.navlink{height:44px;border:0;border-radius:11px;background:transparent;color:#9faea3;display:flex;align-items:center;gap:13px;padding:0 13px;text-align:left;font-weight:700;font-size:12.5px}.navlink .ico{height:18px;width:18px}.navlink.active{background:#d9f18a;color:#1b261c}.navlink:not(.active):hover{color:white;background:#242c26}.navspacer{flex:1}.side-foot{border-top:1px solid #313a32;padding:17px 11px 0}.side-foot p{color:#9caba0;font-size:11px;line-height:1.6;margin:10px 0 0}.side-foot strong{color:white}.side-mode{background:#29392b;color:#d8f28a;border:1px solid #3e533b;border-radius:10px;display:flex;align-items:center;gap:9px;padding:11px;font-weight:750;font-size:11px}.statusdot{width:7px;height:7px;background:#c9e987;display:inline-block;border-radius:50%}.main-wrap{min-width:0}.topbar{position:sticky;z-index:15;top:0;background:#f5f6f2ee;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);height:79px;display:flex;justify-content:space-between;align-items:center;padding:0 38px;gap:15px}.crumb{font-size:11px;color:#88938b;letter-spacing:.07em;font-weight:800;text-transform:uppercase}.topbar-left{display:flex;flex-direction:column;gap:3px}.topbar-title{font-size:14px;font-weight:800}.top-controls{display:flex;align-items:center;gap:10px}.top-search{display:flex;align-items:center;border:1px solid var(--line);border-radius:11px;background:white;padding:0 12px;gap:7px;height:39px}.top-search input{border:0;box-shadow:none;min-height:0;width:187px;padding:6px;background:transparent;font-size:12px}.top-search input:focus{box-shadow:none}.avatar{width:38px;height:38px;background:#202a23;color:#d8f28a;border-radius:11px;display:grid;place-items:center;font-weight:800}.role-select{height:39px;border-radius:10px;border:1px solid var(--line);background:white;width:auto;padding:7px 26px 7px 10px;font-size:12px;font-weight:750}.content{max-width:1550px;margin:auto;padding:33px 40px 60px}.eyebrow{letter-spacing:2px;color:#738178;font-size:10px;font-weight:800;text-transform:uppercase}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 24px}.page-heading h2{font-family:'Manrope',sans-serif;font-size:32px;font-weight:800;letter-spacing:-1.5px;margin:7px 0 5px;line-height:1.22}.subtitle{color:var(--muted);margin:0;font-size:12.5px;line-height:1.6}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:30px;background:#edf0eb;color:#68766b;font-size:10px;font-weight:800;white-space:nowrap}.pill.new{background:#edf1ea;color:#526151}.pill.process{background:#ecf0f6;color:#4f607d}.pill.qc{background:#fbf1dd;color:#94691e}.pill.ready{background:#e3f5e9;color:#2c7e4a}.pill.done{background:#e6e9e5;color:#506051}.pill.danger{background:#ffebeb;color:var(--red)}.btn{border:1px solid #dbe0da;background:#fff;color:#1f2520;border-radius:11px;min-height:42px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:800;transition:transform .13s,border-color .13s,background .13s;white-space:nowrap}.btn:hover{border-color:#9da99f}.btn:active{transform:scale(.985)}.btn-dark{background:#1b221d;color:white;border-color:#1b221d}.btn-dark:hover{background:#333c34}.btn-lime{background:#d8f28a;border-color:#d8f28a;color:#1b261c}.btn-soft{background:#eff1ec;border-color:#eff1ec}.btn-danger{border-color:#f4dada;color:#b13d3d;background:#fff7f7}.btn-sm{min-height:32px;padding:6px 10px;font-size:11px;border-radius:8px}.btn-icon{width:38px;padding:0}.ico{width:18px;height:18px;display:inline-block;flex:none;vertical-align:middle}.btn .ico{width:15px;height:15px}.card{background:var(--white);border:1px solid #e7eae5;border-radius:var(--radius);box-shadow:var(--shadow)}.panel-head{padding:20px 22px;border-bottom:1px solid #eef0eb;display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-title{font-size:15px;font-weight:800;letter-spacing:-.4px}.panel-sub{font-size:11px;color:var(--muted);margin-top:4px}.panel-body{padding:22px}.hero{background:#19221c;color:#f4f5ee;border-radius:22px;min-height:205px;padding:30px 33px;display:flex;justify-content:space-between;align-items:center;gap:20px;overflow:hidden;position:relative;margin-bottom:18px}.hero:after{content:'C';font-family:'Manrope';font-weight:900;font-size:330px;position:absolute;right:33px;top:-130px;color:#bede7922;line-height:1;pointer-events:none}.hero-content{position:relative;z-index:1;max-width:560px}.hero h3{font-family:'Manrope','DM Sans',Arial,sans-serif;font-size:29px;letter-spacing:-1px;margin:13px 0 9px}.hero p{font-size:12px;color:#aab8ac;line-height:1.7;margin:0}.hero .btn{margin-top:19px}.hero-tag{position:relative;z-index:1;padding:10px 13px;border:1px solid #5a6a56;border-radius:11px;color:#cde7b5;align-self:flex-start;font-size:11px;font-weight:800}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}.metric{padding:21px 20px;min-width:0}.metric-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.metric h4{font-size:11px;font-weight:750;color:#738077;margin:0}.metric .number{font-family:'Manrope','DM Sans',Arial,sans-serif;font-size:28px;font-weight:800;letter-spacing:-1.3px;margin:15px 0 4px;white-space:nowrap}.metric .hint{font-size:10px;color:#8b958e}.metric .ico{color:#819584}.cols{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:18px}.rows-list{display:flex;flex-direction:column}.order-row{display:grid;grid-template-columns:65px minmax(0,1fr) auto;gap:13px;align-items:center;padding:16px 20px;border-bottom:1px solid #eef0eb}.order-row:last-child{border:0}.order-label{background:#eef3e9;border:1px solid #e4eadf;color:#536953;font-weight:850;border-radius:11px;padding:11px 5px;text-align:center;font-size:10px;letter-spacing:-.3px}.order-name{font-size:12.5px;font-weight:850}.order-meta{font-size:10.5px;color:#8b968c;margin-top:5px}.order-side{text-align:right;display:flex;flex-direction:column;align-items:end;gap:7px}.order-side strong{font-size:12px}.empty{padding:40px;text-align:center;color:var(--muted);font-size:12px}.muted{color:var(--muted)}.list-table{width:100%;border-collapse:collapse}.list-table th{text-align:left;font-size:10px;letter-spacing:1px;color:#849087;text-transform:uppercase;border-bottom:1px solid var(--line);padding:14px 13px;font-weight:800}.list-table td{border-bottom:1px solid #edf0ea;padding:15px 13px;font-size:12px;vertical-align:middle}.list-table tr:last-child td{border-bottom:0}.list-table tbody tr:hover{background:#fbfcf9}.text-right{text-align:right!important}.tstrong{font-weight:800}.tiny{font-size:10px}.flex{display:flex;align-items:center;gap:10px}.flex-between{display:flex;justify-content:space-between;align-items:center;gap:10px}.stack{display:flex;flex-direction:column;gap:14px}.gap-sm{gap:8px}.seg{display:inline-flex;background:#eff1ed;border-radius:10px;padding:4px;gap:3px;flex-wrap:wrap}.seg button{border:0;background:transparent;padding:8px 12px;border-radius:8px;color:#718078;font-weight:800;font-size:11px}.seg button.active{background:white;box-shadow:0 1px 6px #0000000c;color:#141c16}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field label{font-size:11px;font-weight:800;color:#4c5850}.field .help{font-size:10px;color:#859086;line-height:1.5}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.section-label{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:#718077;font-weight:850;margin:0 0 14px}.step-tag{display:flex;align-items:center;gap:10px;font-weight:850;font-size:15px}.step-tag span{width:25px;height:25px;display:grid;place-items:center;background:#e8efdf;border-radius:8px;font-size:12px}.checkout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,.85fr);align-items:start;gap:18px}.checkout-form{display:grid;gap:16px}.sticky{position:sticky;top:98px}.line-item{border:1px solid #e3e8e0;border-radius:13px;background:#fafbf8;padding:14px;display:grid;grid-template-columns:minmax(0,1fr) 104px 106px 35px;gap:11px;align-items:end;margin-bottom:9px}.quantity{display:flex;height:43px;align-items:center;border:1px solid #dce2d8;border-radius:9px;overflow:hidden;background:white}.quantity button{width:28px;height:100%;background:none;border:0;font-weight:900;font-size:16px}.quantity input{min-height:0;border:0;text-align:center;width:42px;padding:0;box-shadow:none!important;font-weight:800}.line-price{text-align:right;font-weight:800;line-height:43px;white-space:nowrap;font-size:12px}.order-summary{padding:19px}.summary-line{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:13px 0;font-size:12px}.summary-line.muted{color:#768077}.summary-line strong{font-size:12px}.summary-total{background:#1d2820;color:white;border-radius:14px;padding:22px 17px;margin:20px -1px}.summary-total div{font-size:11px;color:#b9c9b7;font-weight:750}.summary-total strong{font-family:'Manrope';display:block;font-size:27px;margin:8px 0;letter-spacing:-.8px}.summary-total small{font-size:10px;color:#bfd6b9}.separator{height:1px;background:#e8ebe6;margin:19px 0}.input-suffix{position:relative}.input-suffix span{position:absolute;right:12px;top:13px;font-weight:800;font-size:11px;color:var(--muted)}.order-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.mini-stat{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fafbf8}.mini-stat label{font-size:10px;display:block;color:#7c8a7d;margin-bottom:10px}.mini-stat strong{font-size:13px;word-break:break-word}.detail-cols{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(285px,.8fr);gap:17px;align-items:start}.item-card{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 14px;border:1px solid var(--line);border-radius:13px;margin-bottom:9px;background:#fff}.item-num{width:34px;height:34px;display:grid;place-items:center;background:#eef2e9;border-radius:10px;font-weight:900;font-size:11px}.item-card h4{margin:0;font-size:12px}.item-card p{margin:5px 0 0;font-size:10px;color:#8a938b}.timeline{position:relative}.timeline-row{display:grid;grid-template-columns:13px 1fr;gap:11px;margin:0 0 16px}.timeline-dot{border-radius:50%;height:9px;width:9px;background:#d4e7ac;margin-top:5px;box-shadow:0 0 0 3px #eef3e8}.timeline-row strong{font-size:11px}.timeline-row small{display:block;color:#8b958d;margin-top:5px;font-size:10px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:17px;align-items:start}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.photo-slot{background:#f5f7f3;border:1px dashed #cdd7c9;border-radius:12px;aspect-ratio:1.14;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;overflow:hidden;position:relative;cursor:pointer}.photo-slot:hover{border-color:#849b78}.photo-slot .ico{color:#7c9986}.photo-slot span{font-size:10px;color:#738276;font-weight:800}.photo-slot img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.photo-slot .photo-label{position:absolute;bottom:5px;left:5px;color:#222;background:#fffffff0;padding:4px 7px;border-radius:6px;font-size:9px}.photo-slot input{display:none}.phase-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px}.phase-head b{font-size:11px;letter-spacing:1.1px}.phase-head small{font-size:10px;color:#7b8c7a}.item-switch{display:flex;gap:7px;overflow:auto;padding-bottom:4px}.item-switch button{border:1px solid #dfe4da;background:white;padding:9px 12px;border-radius:9px;font-size:11px;font-weight:800;white-space:nowrap}.item-switch button.active{background:#1c2820;color:white;border-color:#1c2820}.info-strip{padding:12px 13px;background:#eef4e9;border:1px solid #e2eadd;border-radius:11px;font-size:11px;line-height:1.7;color:#596b58}.warning-strip{background:#fff5e5;border-color:#f3e2c7;color:#84612b}.cashrow{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:10px;border-bottom:1px solid #eef1ed}.cashrow:last-child{border:none}.invoice-paper{max-width:760px;margin:auto;background:white;border:1px solid #e5eae5;border-radius:16px;padding:35px;box-shadow:0 13px 50px #25302012}.invoice-header{display:flex;justify-content:space-between;gap:20px;align-items:start;padding-bottom:20px;border-bottom:2px solid #1b211d}.invoice-logo{width:139px;height:75px;object-fit:contain;object-position:left}.invoice-title{text-align:right}.invoice-title h2{font-size:31px;letter-spacing:-1px;margin:0 0 8px;font-family:'Manrope','DM Sans',Arial,sans-serif}.invoice-title p{font-size:11px;margin:4px 0;color:#7d8980}.inv-section{margin:25px 0}.inv-two{display:grid;grid-template-columns:1fr 1fr;gap:25px}.inv-label{color:#7e897e;text-transform:uppercase;letter-spacing:1.2px;font-size:10px;font-weight:900;margin-bottom:11px}.inv-section p{font-size:12px;margin:7px 0}.inv-table{width:100%;border-collapse:collapse;font-size:12px}.inv-table th{background:#f0f2ee;color:#667268;text-align:left;padding:12px;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.inv-table td{padding:12px;border-bottom:1px solid #e8ece6}.inv-total{display:grid;gap:10px;width:min(300px,100%);margin-left:auto}.inv-total div{display:flex;justify-content:space-between;font-size:12px}.inv-grand{background:#202b22;padding:15px 16px;color:white;border-radius:10px;align-items:center;font-weight:800}.inv-grand strong{font-size:20px}.inv-footer{padding:24px 0 0;border-top:1px solid #e4e8e1;text-align:center;color:#7f897e;font-size:10px}.tools{display:flex;gap:9px;flex-wrap:wrap}.filter-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px 20px}.searchbox{min-width:210px;display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 11px}.searchbox input{border:0;box-shadow:none!important;padding:9px 2px;min-height:38px;font-size:12px}.progress{height:7px;background:#e8eee6;border-radius:50px;overflow:hidden}.progress span{display:block;height:100%;background:#afcd86;border-radius:50px}.quick-link{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #e8ece7}.quick-link:last-child{border:0}.quick-link b{font-size:12px}.quick-link small{font-size:10px;color:#929c93}.bottomnav{display:none}.mobilemenubg{display:none}.demo-ribbon{position:fixed;z-index:16;right:18px;bottom:15px;background:#e7f8c0;border:1px solid #bdd686;color:#3d5a2f;border-radius:11px;padding:10px 13px;font-size:10px;font-weight:850;max-width:310px;box-shadow:0 6px 20px #00000014}.hide{display:none!important}#toast{position:fixed;z-index:60;bottom:22px;left:50%;transform:translateX(-50%) translateY(30px);opacity:0;pointer-events:none;background:#1e2921;color:white;border-radius:11px;padding:13px 19px;font-size:12px;font-weight:750;box-shadow:0 10px 30px #0003;transition:all .25s;max-width:90vw}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.fullscreen-menus{display:none}
@media(max-width:1250px){.app-shell{grid-template-columns:210px 1fr}.content{padding:26px}.topbar{padding:0 26px}.checkout{grid-template-columns:minmax(0,1fr) 310px}.cols{grid-template-columns:1.5fr 1fr}}
@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.checkout,.detail-cols,.workspace-grid{grid-template-columns:1fr}.sticky{position:static}.cols{grid-template-columns:1fr}.top-search input{width:125px}.form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){body{font-size:13px}.app-shell{display:block;padding-bottom:79px}.sidebar{display:none}.topbar{height:60px;padding:0 16px}.topbar-left .crumb{font-size:9px}.topbar-title{font-size:13px}.top-controls{gap:6px}.top-search{display:none}.role-select{max-width:114px;padding:6px 19px 6px 6px;font-size:10px}.avatar{width:32px;height:32px;border-radius:9px;font-size:10px}.content{padding:18px 14px 26px}.page-heading{align-items:start;gap:12px;margin-bottom:17px}.page-heading h2{font-size:27px}.page-heading .btn{min-height:36px;padding:8px 10px;font-size:10px}.hero{min-height:182px;padding:22px;border-radius:17px}.hero h3{font-size:25px}.hero p{font-size:11px;max-width:290px}.hero:after{right:-30px;top:-65px;font-size:265px}.hero-tag{display:none}.metrics{gap:10px;margin-bottom:12px}.metric{padding:15px}.metric .number{font-size:24px;margin:12px 0 2px}.metric h4{font-size:10px}.metric .hint{font-size:9px}.panel-head{padding:16px}.panel-body{padding:15px}.order-row{padding:14px 13px;grid-template-columns:51px minmax(0,1fr) auto;gap:9px}.order-label{font-size:9px}.order-name{font-size:11px}.order-meta{font-size:9px;line-height:1.5}.order-side strong{font-size:10px}.pill{font-size:9px;padding:4px 7px}.form-grid,.form-grid.three,.order-meta-grid{grid-template-columns:1fr 1fr;gap:10px}.checkout{gap:12px}.line-item{grid-template-columns:minmax(0,1fr) 86px 25px;gap:8px}.line-item .field:first-child{grid-column:1/-1}.line-item .line-price{grid-column:1/2;text-align:left;line-height:1}.line-item button.remove-line{grid-column:3;grid-row:2}.line-item .quantity{grid-column:2;grid-row:2}.line-item .field.qtyfield{grid-column:2;grid-row:2}.line-item input,.line-item select{padding:11px}.quantity{height:43px}.btn{padding:10px 12px}.list-table th,.list-table td{padding:11px 7px;font-size:10px}.filter-toolbar{padding:14px;flex-wrap:wrap}.filter-toolbar .seg{order:2;width:100%}.filter-toolbar .searchbox{width:100%}.item-card{padding:11px}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.invoice-paper{padding:19px 14px;border-radius:12px}.invoice-logo{width:104px;height:57px}.invoice-title h2{font-size:23px}.invoice-title p{font-size:9px}.inv-two{gap:12px}.inv-table td,.inv-table th{padding:9px 5px;font-size:9px}.inv-total div{font-size:11px}.demo-ribbon{display:none}.bottomnav{position:fixed;bottom:0;left:0;right:0;height:71px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e4e8df;display:flex;justify-content:space-around;align-items:center;z-index:35;box-shadow:0 -6px 30px #101b1309}.bottomnav button{border:0;background:transparent;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;height:60px;color:#8b968e;font-size:9px;font-weight:800}.bottomnav button.active{color:#1d2920}.bottomnav button.active .ico{background:#d8f28a;box-sizing:content-box;border-radius:9px;padding:6px}.bottomnav .ico{width:18px;height:18px}.mobilemenubg.open{display:block;position:fixed;inset:0;background:#0006;z-index:38}.fullscreen-menus.open{display:block;position:fixed;z-index:39;left:0;right:0;bottom:0;border-radius:22px 22px 0 0;padding:17px;background:white;max-height:80vh;overflow:auto}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.menu-grid button{padding:15px 12px;border:1px solid var(--line);border-radius:12px;background:#f8f9f6;text-align:left;display:flex;align-items:center;gap:9px;font-weight:800;font-size:12px}.menu-grid .ico{width:20px;height:20px}.role-chip{display:none}}
@media(max-width:390px){.metrics{grid-template-columns:1fr 1fr}.metric .number{font-size:21px}.page-heading h2{font-size:23px}.form-grid,.form-grid.three{grid-template-columns:1fr}.tools{flex-wrap:wrap}.order-meta-grid{grid-template-columns:1fr 1fr}}
@media print{body{background:white!important}.sidebar,.topbar,.bottomnav,.demo-ribbon,.screen-only,.page-heading,.invoice-actions,.tools,#toast{display:none!important}.app-shell,.content,.main-wrap{display:block;padding:0!important;max-width:none!important}.invoice-paper{border:0;box-shadow:none;padding:0;max-width:100%;border-radius:0}.invoice-paper *{-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{size:A4;margin:16mm}}

.mark-icon{transform:none;padding:5px;overflow:hidden}.mark-icon img{width:100%;height:100%;object-fit:contain}.photo-slot input[type=file]{display:none}

/* Promo management — consistent controls on desktop and mobile */
.promo-editor{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:18px;align-items:start}
.promo-switch-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px;border:1px solid var(--line);border-radius:12px}
.promo-switch-row small{display:block;color:var(--muted);margin-top:5px;font-size:12px;line-height:1.55}
.promo-toggle{position:relative;display:inline-flex;flex-shrink:0;width:47px;height:27px}
.promo-toggle input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}
.promo-slider{display:block;width:100%;border-radius:20px;background:#bec4bc;transition:background .2s}
.promo-slider::after{content:'';display:block;position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;transition:transform .2s}
.promo-toggle input:checked + .promo-slider{background:#1c3126}
.promo-toggle input:checked + .promo-slider::after{transform:translateX(20px)}
.promo-toggle input:focus-visible + .promo-slider{outline:3px solid #82a58e;outline-offset:2px}
.promo-choices{display:flex;flex-wrap:wrap;gap:10px}
.promo-choices label{display:flex;gap:8px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-size:13px;cursor:pointer}
.promo-choices input{width:17px;height:17px;accent-color:#1c3126}
.promo-state{padding:13px;border-radius:10px;font-weight:700;font-size:13px}
.promo-state.active{background:#e5f4e8;color:#205c36}
.promo-state.inactive{background:#f3ece5;color:#7c4c28}
@media (max-width:860px){.promo-editor{grid-template-columns:1fr}}
.login-screen{min-height:100dvh;display:grid;place-items:center;background:#eff1ed;padding:22px}
.login-card{width:min(430px,100%);background:#fff;border:1px solid #d9ded7;border-radius:18px;padding:34px;display:grid;gap:13px;box-shadow:0 20px 60px #101b1312}
.login-card h1{margin:12px 0 0;font-size:28px;color:#161c19}
.login-card p,.login-card small{margin:0;color:#65716a;font-size:13px;line-height:1.5}
.login-card label{font-size:12px;font-weight:700;color:#26352b;margin-top:8px}
.login-card input{background:#f8f9f7;border:1px solid #d8dfd8;border-radius:9px;padding:13px;font:inherit;min-width:0}
.login-card button{margin-top:8px;min-height:48px}
.role-label{font-size:11px;color:#697870;font-weight:600;text-align:right;max-width:195px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:760px){.login-card{padding:26px}.role-label{display:none}}