:root{--bg:#f7f5ee;--panel:#fff;--text:#171717;--muted:#756f62;--line:#ddd7c8;--gold:#b59c2b;--olive:#39351d;--danger:#dc2626}
*{box-sizing:border-box}body{margin:0;font-family:Arial,system-ui,sans-serif;background:var(--bg);color:var(--text)}button,input,select{font:inherit}.hidden{display:none!important}.app{display:grid;grid-template-columns:210px 1fr;min-height:100vh}.sidebar{background:var(--olive);color:#fff;padding:16px 10px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;padding:5px 8px 18px}.brand span{font-size:28px}.brand b,.brand small{display:block}.brand small{color:#d6cfb3}.sidebar nav button{width:100%;border:0;background:none;color:#fff;text-align:left;padding:12px;border-radius:8px;margin:2px 0;cursor:pointer}.sidebar nav button.active,.sidebar nav button:hover{background:rgba(181,156,43,.22);color:#f3dc55}.userbox{margin-top:auto;border-top:1px solid #ffffff22;padding:14px 8px;display:flex;justify-content:space-between}.userbox small{display:block;color:#d6cfb3}.userbox button{background:none;border:0;color:#fff}.main{padding:22px}.topbar,.hero,.page-head,.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.topbar{margin-bottom:18px}.topbar h1,.hero h2,.page-head h2{margin:0}.topbar p,.hero p,.page-head p{margin:4px 0;color:var(--muted)}.page{display:none}.page.active{display:block}.btn{border:0;border-radius:8px;padding:10px 14px;font-weight:700;cursor:pointer}.gold{background:var(--gold);color:#fff}.ghost{background:#fff;border:1px solid var(--line)}.wide{width:100%;margin-top:10px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:14px 0}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px}.card small{color:var(--muted)}.card b{display:block;font-size:27px;margin-top:10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{font-size:11px;color:var(--muted);text-transform:uppercase}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px}.filters input,.filters select,.panel input,.panel select,.modal input{width:100%;padding:10px;border:1px solid #d8d2c3;border-radius:8px}.grid-new{display:grid;grid-template-columns:1fr 340px;gap:14px}.sticky{position:sticky;top:18px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inline{display:flex;gap:8px}.inline select{flex:1}.square{width:42px;border:1px solid var(--line);background:#fff;border-radius:8px}.line-row{display:grid;grid-template-columns:2fr .7fr .8fr 1.4fr 32px;gap:8px;padding:10px 0;border-bottom:1px solid var(--line);align-items:end}.line-row label{font-size:11px;color:var(--muted)}.line-row input,.line-row select{width:100%;padding:8px;border:1px solid #d8d2c3;border-radius:7px}.line-row button{border:0;background:none;color:var(--danger);font-size:20px}.hint{font-size:12px;color:var(--muted);text-align:center;margin-top:10px}.sum{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line)}.client-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.client-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px}.client-card p{margin:4px 0;color:var(--muted);font-size:13px}.client-actions{display:flex;gap:8px;margin-top:10px}.mini{border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px 8px}.danger{color:var(--danger)}.settings{max-width:800px}.settings h3{margin-top:25px}.preview{padding:12px;border:1px solid var(--line);border-radius:8px;margin:12px 0}.modal{position:fixed;inset:0;background:#0005;display:grid;place-items:center;padding:20px}.modal-card{background:#fff;border-radius:14px;padding:20px;width:min(550px,100%)}.x{border:0;background:none;font-size:24px}.login-card{width:min(420px,calc(100% - 30px));margin:12vh auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}.login-card input{width:100%;padding:10px;border:1px solid #d8d2c3;border-radius:8px}.logo{font-size:38px}.msg{color:#b42318;margin-top:10px}.toast{position:fixed;right:20px;bottom:20px;background:#222;color:#fff;padding:10px 14px;border-radius:8px;opacity:0}.toast.show{opacity:1}
@media(max-width:900px){.cards{grid-template-columns:1fr 1fr}.client-grid{grid-template-columns:1fr 1fr}.grid-new{grid-template-columns:1fr}.sticky{position:static}}@media(max-width:650px){.app{grid-template-columns:1fr}.sidebar nav{display:flex;overflow:auto}.sidebar nav button{min-width:max-content}.userbox{display:none}.main{padding:12px}.cards,.client-grid,.two,.filters{grid-template-columns:1fr}.line-row{grid-template-columns:1fr}}

.muted{color:var(--muted);font-size:13px}.btn.delivered{background:#199c55;color:white}.delivered-info{margin-top:12px;padding:10px;border:1px solid #b7e1c7;background:#f0fbf4;border-radius:8px;font-size:13px}.proof-thumb{display:block;max-width:100%;max-height:180px;margin-top:10px;border-radius:8px;border:1px solid var(--line)}