*{box-sizing:border-box}body{color:#1f2937;background:#f4f5f7;margin:0;font-family:Arial,sans-serif}:root{--brand-primary:#111827}#root{min-height:100vh}.app{max-width:1100px;margin:0 auto;padding:18px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.card{background:#fff;border:1px solid #d1d5db;border-radius:10px;margin-bottom:16px;padding:16px}.grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:14px;display:grid}.qty-grid{grid-template-columns:repeat(2,minmax(110px,1fr));gap:10px;margin-top:10px;display:grid}.muted{color:#64748b;font-size:13px}label{flex-direction:column;gap:6px;font-size:13px;display:flex}.checkbox{flex-direction:row;align-items:center;gap:6px;margin-top:8px}input,select,button{border:1px solid #c7cdd7;border-radius:8px;padding:8px;font-size:14px}button{cursor:pointer;background:var(--brand-primary);color:#fff;border:0;margin:4px 6px 4px 0}button:disabled{cursor:not-allowed;background:#9ca3af}.ghost{color:#111827;background:#e5e7eb}.row{flex-wrap:wrap;align-items:center;gap:12px;margin:8px 0 12px;display:flex}.list-row{border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;gap:12px;margin-bottom:12px;padding:12px;display:flex}.entry-normal{background:#fff}.entry-paused{background:#fef9c3;border-color:#facc15}.entry-not-give{background:#fee2e2;border-color:#ef4444}.actions{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.warn{color:#9a3412;font-size:13px}.screen-strip{flex-wrap:wrap;gap:8px;display:flex}.chip{color:#111827;background:#e5e7eb}.chip-active{background:var(--brand-primary);color:#fff}.pagination{justify-content:flex-end;align-items:center;gap:6px;margin-top:8px;display:flex}.page-dots{color:#6b7280;padding:0 6px}.delivery-item,.mock-card{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;padding:12px}.delivery-panel{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.delivery-home-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;display:grid}.delivery-home-title{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.delivery-home-title strong{font-size:20px;font-weight:800}.delivery-home-card{background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:12px;position:relative;overflow:hidden}.delivery-card-daily{background:#e0f2fe}.delivery-card-delivered{background:#dcfce7;border-color:#22c55e}.delivery-card-undelivered{background:#fee2e2;border-color:#ef4444}.card-status-bg-icon{opacity:.14;pointer-events:none;font-size:54px;position:absolute;bottom:6px;right:10px}.delivery-card-top,.delivery-card-mid{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.badge{color:#111827;background:#e5e7eb;border-radius:999px;padding:3px 10px;font-size:12px}.icon-actions{gap:6px;display:flex}.icon-actions button{min-width:36px}.mini-milk-table{border-collapse:collapse;border:1px solid #000;width:100%}.mini-milk-table th,.mini-milk-table td{border:1px solid #000;padding:6px;font-size:12px}.mini-milk-table th{color:#000;font-weight:800}.mini-milk-table td{color:#111827;font-weight:600}.dot{vertical-align:middle;border:1px solid #111827;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.white-dot{background:#fff}.green-dot{background:#22c55e}.delivery-edit-page{flex-direction:column;gap:12px;display:flex}.delivery-edit-card{background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:14px}.report-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:8px 0 14px;display:grid}.report-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px}.report-table-wrap{overflow-x:auto}.report-table{border-collapse:collapse;width:100%;min-width:760px}.report-table th,.report-table td{text-align:left;border:1px solid #e5e7eb;padding:8px;font-size:13px}.report-table th{background:#f3f4f6}.sign-in-screen{max-width:420px;margin:32px auto}.themed-login,.themed-home{border-radius:12px;min-height:100vh}.themed-surface{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffeb;border:1px solid #d1d5db;border-radius:12px;padding:16px}.signin-card{border:1px solid #fff6;max-width:460px;margin:56px auto;box-shadow:0 18px 48px #0f172a33}.signin-brand h1{color:var(--brand-primary);margin:0;font-size:30px;line-height:1.1}.signin-brand p{color:#475569;margin:8px 0 0;font-size:14px}.signin-divider{background:linear-gradient(90deg,#0000,#cbd5e1,#0000);height:1px;margin:14px 0}.signin-card input,.signin-card select{background:#f8fafc;border:1px solid #cbd5e1;transition:border-color .2s,box-shadow .2s}.signin-card input:focus,.signin-card select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-primary) 20%, white);outline:none}.signin-button{letter-spacing:.2px;width:100%;margin-top:10px;padding:10px 12px;font-weight:700}.customer-portal h3{margin-top:0}.customer-portal-error{color:#b91c1c;font-weight:600}.customer-banner{border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:14px}.customer-banner--warn{background:#fef3c7;border:1px solid #f59e0b}.customer-banner--pause{background:#ede9fe;border:1px solid #7c3aed}.customer-period-toolbar{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.customer-summary-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:20px;display:grid}.customer-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.customer-summary-label{color:#64748b;font-size:12px}.customer-cal-nav{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.customer-cal-title{font-size:16px;font-weight:700}.customer-cal-weekdays{color:#64748b;text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px;font-size:11px;display:grid}.customer-cal-cells{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.customer-cal-watermark{pointer-events:none;z-index:0;opacity:.22;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.customer-cal-watermark svg{width:min(82%,46px);height:auto;max-height:46px}.customer-cal-watermark--delivered{color:#16a34a}.customer-cal-watermark--not_delivered{color:#dc2626}.customer-cal-watermark--pause{color:#7c3aed}.customer-cal-cell{background:#fff;border:1px solid #e2e8f0;border-radius:6px;min-height:58px;padding:4px 6px;font-size:12px;position:relative}.customer-cal-cell--pad{background:0 0;border:none;min-height:0;padding:0}.customer-cal-daynum{z-index:2;font-size:12px;font-weight:600;line-height:1;position:absolute;top:4px;right:6px}.customer-cal-liters{text-align:center;color:#0f172a;pointer-events:none;z-index:2;font-size:11px;font-weight:600;line-height:1.2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.customer-cal-amount{color:#0f172a;z-index:2;font-size:10px;font-weight:700;line-height:1.2;position:absolute;bottom:4px;right:5px}.customer-cal-cell--delivered .customer-cal-liters,.customer-cal-cell--delivered .customer-cal-amount{color:#14532d}.customer-cal-cell--delivered{background:#dcfce7;border-color:#16a34a}.customer-cal-cell--not_delivered{background:#fee2e2;border-color:#dc2626}.customer-cal-cell--pause{background:#ede9fe;border-color:#7c3aed}.customer-cal-cell--pending{background:#fef9c3;border-color:#ca8a04}.customer-cal-cell--no_entry{color:#94a3b8;background:#f1f5f9}.customer-cal-cell--scheduled{background:#e0f2fe;border-color:#0284c7}.customer-cal-cell--stopped{background:#e2e8f0;border-color:#64748b}.customer-cal-legend{color:#475569;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:12px;font-size:12px;display:flex}.customer-legend-item{align-items:center;gap:6px;display:inline-flex}.customer-legend-swatch{border:1px solid #cbd5e1;border-radius:4px;width:14px;height:14px;display:inline-block}@media (width<=768px){.app{padding:10px}.delivery-panel{grid-template-columns:1fr}.list-row{flex-direction:column}}