:root{--cream:#efecec;--ink:#252525;--slate:#505655;--white:#fff;--line:#d9d5d5;--ok:#36705b;--warn:#a56b22;--danger:#a63f3f}*{box-sizing:border-box}body{margin:0;background:#f7f5f5;color:var(--ink);font:15px/1.45 Aptos,"Segoe UI",sans-serif}header{background:var(--ink);color:var(--cream);display:flex;align-items:center;justify-content:space-between;padding:16px 28px;position:sticky;top:0;z-index:10;box-shadow:0 3px 14px #25252533}h1{margin:0;font-size:25px}header span{opacity:.72;font-size:13px}nav{display:flex;gap:6px}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:8px;padding:9px 13px;cursor:pointer}button:hover{border-color:var(--slate)}nav button{background:transparent;color:var(--cream);border-color:transparent}nav button.active{background:var(--slate)}button.primary{background:var(--ink);color:var(--cream);border-color:var(--ink);font-weight:700}button.danger{color:var(--danger)}main{max-width:1500px;margin:auto;padding:28px}.hidden{display:none!important}.title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.title h2{margin:0;font-size:28px}.title p{margin:3px 0;color:#706b6b}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 2px 8px #2525250d}.filters{display:grid;grid-template-columns:minmax(250px,2fr) repeat(3,minmax(150px,1fr));gap:10px;margin-bottom:14px}input,select,textarea{width:100%;border:1px solid #cbc7c7;border-radius:7px;padding:9px 10px;background:#fff;color:var(--ink)}textarea{min-height:80px;resize:vertical}.orders-list{display:grid;gap:9px}.order{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.order-head{display:grid;grid-template-columns:36px 105px 110px minmax(180px,1.4fr) 125px 125px 130px 120px;gap:10px;align-items:center;padding:12px 14px;cursor:pointer}.order-head:hover{background:#faf8f8}.chev{font-size:20px;transition:.2s}.order.open .chev{transform:rotate(90deg)}.money{text-align:right;font-variant-numeric:tabular-nums}.muted{color:#817c7c}.badge{display:inline-block;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700;background:var(--cream)}.badge.paid,.badge.delivered{background:#dcece5;color:#285b48}.badge.partial{background:#f5ead8;color:#815619}.badge.unpaid{background:#f2dddd;color:#8c3232}.order-detail{border-top:1px solid var(--line);background:#fbfafa;padding:16px}.summary{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:14px}.items-table,.expenses-table{width:100%;border-collapse:collapse}.items-table th,.items-table td,.expenses-table th,.expenses-table td{padding:8px;border-bottom:1px solid #e8e5e5;text-align:left}.items-table th,.expenses-table th{font-size:12px;text-transform:uppercase;color:#696464}.items-table tr:hover,.expenses-table tr:hover{background:#f5f2f2}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.pager{display:flex;justify-content:center;align-items:center;gap:16px;margin:18px}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.card b{display:block;font-size:24px;margin-top:5px}.card span{color:#746f6f}.bar-row{display:grid;grid-template-columns:90px 1fr 110px;align-items:center;gap:10px;margin:9px 0}.bar{height:14px;background:var(--cream);border-radius:8px;overflow:hidden}.bar i{height:100%;display:block;background:var(--slate)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px}.form-grid label{font-size:13px;font-weight:700}.form-grid .wide{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}dialog{width:min(900px,94vw);max-height:92vh;border:0;border-radius:14px;padding:22px;box-shadow:0 20px 70px #0005;overflow:auto}dialog::backdrop{background:#25252588}.close{position:absolute;right:12px;top:10px;border:0;font-size:24px;background:transparent}.modal-title{margin:0 35px 18px 0}.accounting{max-width:680px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.accounting button,.accounting p{grid-column:1/-1}#toast{position:fixed;right:22px;bottom:22px;background:var(--ink);color:#fff;padding:12px 18px;border-radius:8px;opacity:0;pointer-events:none;transition:.2s;z-index:30}#toast.show{opacity:1}@media(max-width:950px){header{display:block}nav{margin-top:12px;overflow:auto}.order-head{grid-template-columns:32px 90px 1fr 110px}.order-head>*:nth-child(3),.order-head>*:nth-child(6),.order-head>*:nth-child(7),.order-head>*:nth-child(8){display:none}.cards{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr 1fr}}@media(max-width:600px){main{padding:16px}.title{align-items:flex-start;gap:12px}.form-grid,.filters,.accounting{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.items-table{font-size:12px}}
