:root{--sage-green:#7a8f7b;--sage-green-dark:#5f715f;--sage-green-light:#eef3ee;--gold:#c7a55b;--gold-dark:#a88437;--cream:#f8f6f1;--white:#fff;--text-dark:#2f3a2f;--text-light:#6b7280;--border-light:#d9e2d9;--shadow-soft:0 6px 24px #00000014}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f6f1;background-color:var(--cream);color:#2f3a2f;color:var(--text-dark);font-family:Arial,sans-serif}button,input{font:inherit}.login-page{align-items:center;background:linear-gradient(135deg,var(--sage-green-light),var(--cream));display:flex;justify-content:center;min-height:100vh;padding:24px}.login-card{background-color:var(--white);border:1px solid var(--border-light);border-radius:18px;box-shadow:var(--shadow-soft);gap:16px;max-width:420px;padding:36px 32px;width:100%}.login-brand,.login-card{display:flex;flex-direction:column}.login-brand{align-items:center;gap:10px;margin-bottom:8px}.login-logo-wrapper{align-items:center;display:flex;justify-content:center;margin-bottom:4px;max-width:260px;width:100%}.login-logo{filter:sepia(1) saturate(700%) hue-rotate(340deg) brightness(.7) contrast(1.2);height:auto;object-fit:contain;opacity:.95;width:100%}.login-title{color:var(--sage-green-dark);font-size:30px;margin:0;text-align:center}.login-company{color:var(--gold-dark);font-size:14px;font-weight:600;margin:0;text-align:center}.login-subtitle{color:var(--text-light);margin-bottom:6px;text-align:center}.login-input{background-color:#fcfcfb;border:1px solid #cfd8cf;border-radius:10px;font-size:16px;outline:none;padding:13px 14px;transition:.2s ease}.login-input:focus{border-color:var(--sage-green);box-shadow:0 0 0 3px #7a8f7b26}.login-error{color:#c0392b;font-size:14px}.login-button{background:linear-gradient(90deg,var(--sage-green-dark),var(--sage-green));border:none;border-radius:10px;color:var(--white);cursor:pointer;font-size:16px;font-weight:600;padding:13px;transition:.2s ease}.login-button:hover{opacity:.97;transform:translateY(-1px)}.dashboard-page{background-color:var(--cream);min-height:100vh}.dashboard-header{align-items:center;background-color:var(--white);border-bottom:1px solid var(--border-light);box-shadow:0 2px 10px #0000000a;display:flex;gap:20px;justify-content:space-between;padding:20px 32px}.dashboard-brand{align-items:center;display:flex;gap:18px}.dashboard-logo{filter:sepia(1) saturate(700%) hue-rotate(340deg) brightness(.7) contrast(1.2);height:auto;object-fit:contain;opacity:.95;width:90px}.dashboard-brand-text h1{color:var(--sage-green-dark);font-size:24px;margin:0}.dashboard-brand-text p{color:var(--gold-dark);font-size:14px;margin-top:4px}.dashboard-header-right{align-items:center;display:flex;gap:18px}.dashboard-meta{text-align:right}.dashboard-welcome{color:var(--text-dark);font-size:15px;margin-bottom:4px}.dashboard-last-updated{color:var(--text-light);font-size:14px}.dashboard-last-updated span{color:var(--gold-dark);font-weight:600}.logout-button{background-color:var(--gold);border:none;border-radius:8px;color:var(--white);cursor:pointer;font-weight:600;padding:10px 16px}.dashboard-content{padding:28px 32px}.loading-state{align-items:center;display:flex;flex-direction:column;gap:18px;justify-content:center;padding:80px 0}.loading-spinner{animation:spin .75s linear infinite;border:4px solid var(--border-light);border-radius:50%;border-top-color:var(--gold);height:42px;width:42px}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{color:var(--text-light);font-size:15px}.error-state{display:flex;justify-content:center;padding:80px 0}.retry-button{background-color:var(--white);border:2px solid var(--gold);border-radius:12px;color:var(--gold-dark);cursor:pointer;font-size:15px;font-weight:600;line-height:1.5;max-width:320px;padding:18px 32px;text-align:center;transition:background-color .15s ease}.retry-button:hover{background-color:#fdf8ee}.main-filter-toggle{grid-gap:4px;background-color:#e8e8e8;border-radius:999px;display:grid;gap:4px;grid-template-columns:1fr 1fr;margin-bottom:24px;padding:5px;width:100%}.main-filter-btn{background-color:initial;border:none;border-radius:999px;color:#999;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.6px;padding:14px 0;text-align:center;transition:background-color .18s ease,color .18s ease}.main-filter-btn.active{background-color:var(--gold);box-shadow:0 2px 12px #b8960c4d;color:var(--white)}.account-overview{background-color:var(--white);border:1px solid var(--border-light);border-radius:14px;box-shadow:var(--shadow-soft);margin-bottom:28px;padding:22px 24px}.account-overview-title{color:var(--text-light);font-size:14px;font-weight:700;letter-spacing:.4px;margin-bottom:16px;text-transform:uppercase}.account-overview-grid{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(3,1fr)}.overview-col{display:flex;flex-direction:column;gap:6px;padding:4px 0}.overview-col+.overview-col{border-left:1px solid var(--border-light);padding-left:24px}.overview-label{color:var(--text-light);font-size:13px;font-weight:500}.overview-value{color:var(--text-dark);font-size:18px;font-weight:700}.overview-sub{color:var(--text-light);font-size:12px;font-weight:400;margin-top:-2px}.overdue-value{color:#c0392b}.dispatch-list-section{background-color:initial}.dispatch-list-header{margin-bottom:18px}.dispatch-list-header h2{color:var(--sage-green-dark);font-size:22px}.dispatch-disclaimer{color:var(--text-light);font-size:13px;margin-top:4px}.dispatch-card-list{display:flex;flex-direction:column;gap:18px}.dispatch-item-card{background-color:var(--white);border:1px solid var(--border-light);border-radius:16px;box-shadow:var(--shadow-soft);padding:22px}.dispatch-item-card.pending-card{background-color:#fff0f0;border-color:#f5c6c6}.dispatch-item-top{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.dispatch-item-title{color:var(--sage-green-dark);font-size:22px;margin-bottom:6px}.pending-card .dispatch-item-title{color:#8b2c2c}.dispatch-order-no{color:var(--text-light);font-size:14px}.dispatch-item-grid{grid-gap:16px 24px;display:grid;gap:16px 24px;grid-template-columns:repeat(2,1fr)}.pending-grid{grid-template-columns:repeat(2,1fr)}.dispatch-field{display:flex;flex-direction:column;gap:6px}.dispatch-field-full{grid-column:span 2}.field-label{color:var(--text-light);font-size:15px;font-weight:600}.field-value{color:var(--text-dark);font-size:17px;font-weight:500}.status-pill{border-radius:999px;display:inline-block;flex-shrink:0;font-size:12px;font-weight:700;letter-spacing:.3px;padding:8px 12px;white-space:nowrap}.status-dispatched{background-color:#e6f4ea;color:#1e7a35}.status-pending{background-color:#fde8e8;color:#b91c1c}@media (max-width:992px){.dashboard-header{align-items:flex-start;flex-direction:column}.dashboard-header-right{justify-content:space-between;width:100%}}@media (max-width:768px){.dashboard-content{padding:20px 16px}.dashboard-header{padding:16px}.dashboard-logo{width:72px}.dashboard-brand-text h1{font-size:20px}.dispatch-item-top{align-items:flex-start;flex-direction:column}.dispatch-item-grid,.pending-grid{grid-template-columns:1fr}.dispatch-field-full{grid-column:span 1}.account-overview{padding:18px 16px}.account-overview-grid{grid-template-columns:1fr}.overview-col+.overview-col{border-left:none;border-top:1px solid var(--border-light);margin-top:10px;padding-left:0;padding-top:14px}.main-filter-btn{font-size:13px;padding:12px 0}}
/*# sourceMappingURL=main.c4bb2541.css.map*/