*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f7fb;color:#16324a}header{background:#123d63;color:#fff;padding:18px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}h1{margin:0;font-size:25px}header p{margin:4px 0 0;color:#cfe7fa}nav{display:flex;gap:8px;flex-wrap:wrap}.nav{background:transparent;border:1px solid #6e9abc;color:#fff}.nav.active,.nav:hover{background:#fff;color:#123d63}main{max-width:1250px;margin:auto;padding:28px}.view{display:none}.view.active{display:block}.title-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.title-row h2{margin:0}.title-row p{margin:5px 0;color:#64798b}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.card,.panel{background:#fff;border:1px solid #dce5ec;border-radius:12px;padding:18px;box-shadow:0 2px 8px #16324a0d}.card span{display:block;color:#6b7e8e}.card strong{display:block;font-size:30px;margin-top:8px}.grid2{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:20px}label{display:block;font-weight:600;font-size:14px;margin:11px 0}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;margin-top:6px;padding:10px;border:1px solid #cbd8e2;border-radius:7px;background:#fff}textarea{min-height:70px;resize:vertical}button{border:1px solid #c4d1dc;border-radius:7px;padding:9px 13px;background:#fff;cursor:pointer}.primary{background:#1675b9;color:#fff;border-color:#1675b9}.danger{color:#a62424}.buttons{display:flex;gap:8px;margin-top:15px}.customer{border-bottom:1px solid #e5edf3;padding:14px 2px}.customer:last-child{border-bottom:0}.customer-top{display:flex;justify-content:space-between;gap:10px}.muted{color:#6b7e8e;font-size:13px}.balance{font-size:18px;font-weight:bold}.delivery-form{display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px;max-width:850px}.wide{grid-column:1/-1}.summary{background:#eef7fd;border-radius:8px;padding:14px;margin-top:8px;font-weight:bold}.table-wrap{overflow:auto;margin-top:14px}table{border-collapse:collapse;width:100%;min-width:850px}th,td{text-align:left;border-bottom:1px solid #e4ebf0;padding:11px 9px;font-size:14px}th{color:#526b7e;background:#f8fafc}.status{padding:5px 8px;border-radius:12px;background:#eaf3f9;white-space:nowrap}#toast{position:fixed;right:20px;bottom:20px;background:#173c58;color:#fff;padding:12px 18px;border-radius:8px;display:none}@media(max-width:800px){main{padding:18px}.cards,.grid2,.delivery-form{grid-template-columns:1fr}.wide{grid-column:auto}header{padding:16px}.title-row{align-items:flex-start;flex-direction:column}}
.login-screen{position:fixed;inset:0;background:#eef4f8;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}
.login-card{width:min(420px,100%);background:#fff;border:1px solid #dce5ec;border-radius:14px;padding:28px;box-shadow:0 12px 40px #16324a26}
.login-card>button{width:100%;margin-top:10px}.error{color:#a62424}
.date-tools{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:18px}.date-tools label{margin:0;min-width:190px}
.modal{display:none;position:fixed;inset:0;background:#102b3e88;z-index:900;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}
.modal-card{background:#fff;border-radius:12px;padding:22px;width:min(460px,100%);max-height:90vh;overflow:auto}.wide-modal{width:min(850px,100%)}
.positive{color:#17743d;font-weight:bold}.negative{color:#a62424;font-weight:bold}

.cards{grid-template-columns:repeat(4,1fr)}
.upcoming-panel{margin-bottom:18px}.upcoming-days{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}
.day-card{border:1px solid #dce5ec;border-radius:10px;padding:12px;background:#f8fbfd;cursor:pointer;text-align:center}
.day-card:hover{background:#eef7fd;border-color:#8bbddd}.day-card strong{display:block;font-size:22px;margin:5px 0}.day-card .date{font-weight:bold}.day-card .small{font-size:12px;color:#6b7e8e}
.day-card.busy{box-shadow:inset 0 0 0 1px #aacfe7}
@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.upcoming-days{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.cards,.upcoming-days{grid-template-columns:1fr}}




.order-type{font-weight:800;font-size:15px}.order-qty{font-weight:800;font-size:16px}.driver-note{max-width:220px;white-space:normal}
@media(max-width:900px){}@media(max-width:520px){}

.account-badge{display:inline-block;padding:4px 8px;background:#eef7fd;border-radius:10px;margin-top:5px}
.order-type,.order-qty{font-weight:800}
.driver-note{max-width:220px;white-space:normal}