:root{--hpc-navy:#024;--hpc-navy-dark:#001730;--hpc-blue:#004b99;--hpc-blue-light:#2563eb;--hpc-orange:#f05a22;--hpc-orange-hover:#d94812;--hpc-orange-light:#ffedd5;--hpc-orange-border:#fed7aa;--bg-page:#f8fafc;--bg-card:#fff;--bg-header:#fff;--bg-banner-peach:#fef5ee;--bg-banner-peach-border:#fcd9c3;--bg-table-header:#fdf5ee;--text-primary:#0a1c3d;--text-secondary:#475569;--text-muted:#64748b;--text-light:#94a3b8;--text-blue-label:#1d4ed8;--text-blue-sub:#3b82f6;--badge-normal-bg:#fff0e5;--badge-normal-text:#ea580c;--badge-approved-bg:#d1fae5;--badge-approved-text:#059669;--badge-emergency-bg:#fee2e2;--badge-emergency-text:#dc2626;--icon-orange-bg:#fff4ec;--icon-orange-color:#ea580c;--icon-blue-bg:#e0f2fe;--icon-blue-color:#0284c7;--icon-red-bg:#fef2f2;--icon-red-color:#ef4444;--border-subtle:#e2e8f0;--border-medium:#cbd5e1;--shadow-card:0 1px 3px #0000000d, 0 1px 2px #0000000a;--shadow-hover:0 4px 6px -1px #00000014, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:9999px;--header-height:64px;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-page);width:100%;min-height:100%;color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}button{font-family:inherit}a{color:inherit;text-decoration:none}.app-container{background-color:var(--bg-page);flex-direction:column;min-height:100vh;display:flex;position:relative}.main-layout{flex:1;width:100%;display:flex}.content-wrapper{box-sizing:border-box;flex-direction:column;flex:1;gap:1.25rem;width:100%;max-width:1680px;margin:0 auto;padding:1.5rem 1.75rem 3rem;display:flex}@media (width>=2000px){.content-wrapper,.header-container{max-width:1840px}}@media (width<=768px){.content-wrapper{gap:1rem;padding:1rem .75rem 2rem}}.app-header{height:var(--header-height);background-color:var(--bg-header);border-bottom:1px solid var(--border-subtle);z-index:40;width:100%;position:sticky;top:0}.header-container{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:1680px;height:100%;margin:0 auto;padding:0 1.75rem;display:flex}.header-left{align-items:center;gap:1.5rem;display:flex}.menu-toggle-btn{color:var(--hpc-navy);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:background .15s;display:flex}.menu-toggle-btn:hover{background:#f1f5f9}.hpc-logo-link{-webkit-user-select:none;user-select:none;align-items:center;text-decoration:none;display:flex;overflow:visible}.hpc-brand-logo{object-fit:contain;transform-origin:0;width:auto;height:48px;transition:transform .2s;display:block;transform:scale(1.28)}.hpc-brand-logo:hover{transform:scale(1.32)}.header-right{align-items:center;gap:1.25rem;display:flex}.notification-btn{color:#024;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:background .15s;display:flex;position:relative}.notification-btn:hover{background:#f1f5f9}.notification-badge{background-color:var(--hpc-orange);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:1px;right:1px}.user-profile-menu{cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;align-items:center;gap:.5rem;padding:4px 8px;transition:background .15s;display:flex}.user-profile-menu:hover{background:#f1f5f9}.user-avatar-circle{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.user-name-text{color:#0f172a;font-size:.875rem;font-weight:600}.dropdown-arrow{color:#64748b;align-items:center;display:flex}@media (width<=640px){.header-container{padding:0 1rem}.header-left{gap:1rem}.hpc-brand-logo{height:38px;transform:scale(1.18)}}.sidebar-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;opacity:0;visibility:hidden;background-color:#00173073;transition:opacity .2s,visibility .2s;position:fixed;inset:0}.sidebar-backdrop.open{opacity:1;visibility:visible}.sidebar-drawer{border-right:1px solid var(--border-subtle);width:290px;box-shadow:var(--shadow-lg);z-index:60;background-color:#fff;flex-direction:column;transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar-drawer.open{transform:translate(0)}.sidebar-header{height:var(--header-height);border-bottom:1px solid var(--border-subtle);background-color:#fff;justify-content:space-between;align-items:center;padding:0 1.25rem;display:flex}.sidebar-close-btn{border:1px solid var(--border-subtle);color:#64748b;border-radius:var(--radius-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.sidebar-close-btn:hover{color:#0f172a;background:#f1f5f9}.sidebar-content{flex-direction:column;flex:1;gap:.65rem;padding:1rem .75rem;display:flex;overflow-y:auto}.accordion-group{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#f8fafc;flex-direction:column;display:flex;overflow:hidden}.accordion-header{color:#024;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:.75rem .85rem;font-size:.825rem;font-weight:700;transition:background .15s;display:flex}.accordion-header:hover{background:#f1f5f9}.accordion-title-wrap{align-items:center;gap:.65rem;display:flex}.accordion-icon{color:var(--hpc-orange);align-items:center;display:flex}.accordion-chevron{color:#94a3b8;transition:transform .2s}.accordion-chevron.expanded{color:var(--hpc-orange);transform:rotate(180deg)}.accordion-body{border-top:1px solid var(--border-subtle);background:#fff;flex-direction:column;gap:.15rem;padding:.25rem .4rem .5rem;display:flex}.accordion-body.collapsed{display:none}.accordion-subitem{border-radius:var(--radius-sm);color:#475569;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.accordion-subitem:hover{color:#0f172a;background:#f1f5f9}.accordion-subitem.active{color:var(--hpc-orange);border-left:3px solid var(--hpc-orange);background:#fff4ec;font-weight:700}.subitem-badge{border-radius:var(--radius-full);color:#64748b;background:#f1f5f9;padding:.15rem .45rem;font-size:.675rem;font-weight:600}.subitem-badge.highlight{color:var(--hpc-orange);background:#fff0e5}.sidebar-footer{border-top:1px solid var(--border-subtle);background:#f8fafc;padding:.85rem 1rem}.contractor-status-card{align-items:center;gap:.65rem;display:flex}.status-avatar{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:flex}.status-info{flex-direction:column;display:flex}.status-name{color:#0f172a;font-size:.825rem;font-weight:700}.status-sub{color:#059669;font-size:.7rem;font-weight:600}.contractor-screen-container{flex-direction:column;gap:1.25rem;width:100%;display:flex}.contractor-nav-banner{border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem 1rem;display:flex}.contractor-breadcrumb{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.contractor-breadcrumb-title{color:var(--hpc-navy);align-items:center;gap:.4rem;font-size:1rem;font-weight:800;display:flex}.contractor-tabs-list{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#f1f5f9;align-items:center;gap:.4rem;padding:.25rem;display:flex}.contractor-tab-btn{color:#475569;border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem 1.15rem;font-size:.85rem;font-weight:700;transition:all .15s;display:inline-flex}.contractor-tab-btn:hover{color:var(--hpc-navy);background:#fff9}.contractor-tab-btn.active{color:var(--hpc-orange);background:#fff;box-shadow:0 1px 3px #00000014}.contractor-tab-badge{background-color:var(--hpc-orange);color:#fff;border-radius:var(--radius-full);padding:.1rem .45rem;font-size:.65rem;font-weight:800;line-height:1.2}.contractor-tab-btn.active .contractor-tab-badge{background-color:var(--hpc-orange)}.contractor-tab-content-wrapper{width:100%;animation:.2s ease-out tabFadeIn}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.contractor-nav-banner{flex-direction:column;align-items:stretch}.contractor-tabs-list{justify-content:space-around;width:100%}.contractor-tab-btn{flex:1;justify-content:center;padding:.5rem .75rem;font-size:.8rem}}.hero-banner-container{border-radius:var(--radius-lg);width:100%;height:180px;box-shadow:var(--shadow-card);background-color:#024;align-items:center;display:flex;position:relative;overflow:hidden}.hero-background-image{object-fit:cover;object-position:right 42%;z-index:1;filter:contrast(1.05)saturate(1.1);width:72%;min-width:680px;max-width:none;height:100%;display:block;position:absolute;top:0;bottom:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#00000059 14%,#000000d9 28%,#000 40%);mask-image:linear-gradient(90deg,#0000 0%,#00000059 14%,#000000d9 28%,#000 40%)}.hero-gradient-overlay{z-index:2;pointer-events:none;background:linear-gradient(90deg,#024 0%,#002244fa 22%,#002244d9 35%,#00224459 48%,#0022440d 58%,#0000 66%);position:absolute;inset:0}.hero-orange-curve{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.hero-banner-inner{z-index:3;box-sizing:border-box;justify-content:space-between;align-items:center;gap:1.5rem;width:100%;padding:0 2.5rem;display:flex;position:relative}.hero-content{flex-direction:column;gap:.45rem;max-width:680px;display:flex}.hero-title-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.hero-title-badge-wrapper{align-items:center;display:inline-flex}.hero-btn-back{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00142a73;border:1px solid #ffffff80;border-radius:6px;align-items:center;gap:.4rem;width:fit-content;margin-top:.45rem;padding:.35rem .85rem;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.hero-btn-back:hover{background:#ffffff26;border-color:#fff;transform:translate(-2px)}.hero-title{color:#fff;letter-spacing:-.02em;text-shadow:0 2px 8px #00173099;margin:0;font-size:2.1rem;font-weight:800;line-height:1.15}.hero-subtitle{color:#ffffffeb;letter-spacing:.01em;text-shadow:0 1px 4px #001730b3;margin:0;font-size:.95rem;font-weight:400;line-height:1.4}.hero-actions-group{flex-shrink:0;align-items:center;gap:.75rem;display:flex}@media (width<=900px){.hero-banner-container{height:auto;min-height:160px}.hero-background-image{object-position:right 46%;width:100%;min-width:100%;max-width:none;-webkit-mask-image:none;mask-image:none}.hero-banner-inner{flex-direction:column;align-items:flex-start;padding:1.5rem 1.25rem}.hero-title{font-size:1.6rem}.hero-subtitle{font-size:.875rem}.hero-actions-group{width:100%;margin-top:.5rem}}.stat-cards-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;width:100%;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;transition:transform .15s,box-shadow .15s;display:flex}.stat-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.stat-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.stat-icon-box.theme-orange{background-color:var(--icon-orange-bg);color:var(--icon-orange-color)}.stat-icon-box.theme-blue{background-color:var(--icon-blue-bg);color:var(--icon-blue-color)}.stat-icon-box.theme-red{background-color:var(--icon-red-bg);color:var(--icon-red-color)}.stat-info-box{flex-direction:column;display:flex}.stat-number{color:#0a1c3d;margin-bottom:.35rem;font-size:2rem;font-weight:800;line-height:1}.stat-title{color:#1d4ed8;letter-spacing:.04em;text-transform:uppercase;font-size:.775rem;font-weight:800;line-height:1.25}.stat-subtitle{color:#3b82f6;letter-spacing:.04em;text-transform:uppercase;margin-top:1px;font-size:.725rem;font-weight:700}@media (width<=900px){.stat-cards-grid{grid-template-columns:1fr;gap:.75rem}}.notification-banner-card{background-color:var(--bg-banner-peach);border:1px solid var(--bg-banner-peach-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);justify-content:space-between;align-items:center;gap:1.25rem;padding:1.1rem 1.5rem;display:flex}.notification-left-group{flex:1;align-items:center;gap:1.1rem;display:flex}.notification-bell-box{background-color:var(--hpc-orange);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.notification-text-content{flex-direction:column;gap:.15rem;display:flex}.notification-main-title{color:#0a1c3d;margin:0;font-size:.95rem;font-weight:800}.notification-main-message{color:#475569;margin:0;font-size:.85rem;line-height:1.4}.notification-view-btn{background-color:var(--hpc-orange);color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:.45rem;padding:.55rem 1.25rem;font-size:.875rem;font-weight:700;transition:background .15s,transform .15s;display:inline-flex}.notification-view-btn:hover{background-color:var(--hpc-orange-hover);transform:translateY(-1px)}@media (width<=640px){.notification-banner-card{flex-direction:column;align-items:flex-start}.notification-view-btn{align-self:flex-end}}.latest-requests-section{flex-direction:column;gap:.75rem;display:flex}.latest-requests-header{flex-direction:column;gap:.2rem;display:flex}.latest-requests-title{color:#0a1c3d;letter-spacing:-.01em;margin:0;font-size:1.35rem;font-weight:800}.latest-requests-subtitle{color:#64748b;margin:0;font-size:.875rem}.requests-table-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden}.requests-table-wrapper{width:100%;overflow-x:auto}.requests-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.requests-table th{background-color:var(--bg-table-header);color:#0a1c3d;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid #f1e2d4;padding:1rem 1.15rem;font-size:.725rem;font-weight:800}.requests-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:1.1rem 1.15rem}.requests-table tbody tr:last-child td{border-bottom:none}.requests-table tbody tr:hover td{background-color:#fbfcfe}.cell-request-id{color:#0a1c3d;font-weight:800}.cell-submitted-by{color:#1e293b;font-weight:500}.type-badge{border-radius:var(--radius-full);justify-content:center;align-items:center;padding:.35rem 1rem;font-size:.775rem;font-weight:600;display:inline-flex}.type-badge.normal{background-color:var(--badge-normal-bg);color:var(--badge-normal-text);border:1px solid #fed7aa}.type-badge.emergency{background-color:var(--badge-emergency-bg);color:var(--badge-emergency-text);border:1px solid #fecaca}.cell-delivery-dates{color:#334155;font-weight:500}.cell-slots{color:#0a1c3d;font-size:.9rem;font-weight:800}.cell-submitted{color:#334155;font-weight:500}.status-pill{border-radius:var(--radius-full);justify-content:center;align-items:center;padding:.35rem 1rem;font-size:.775rem;font-weight:600;display:inline-flex}.status-pill.approved-changes{background-color:var(--badge-approved-bg);color:var(--badge-approved-text);border:1px solid #a7f3d0}.status-pill.approved{color:#1d4ed8;background-color:#dbeafe;border:1px solid #bfdbfe}.status-pill.pending{color:#b45309;background-color:#fef3c7;border:1px solid #fde68a}.action-eye-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff7a36 0%,#f05a22 52%,#d44310 100%);border:1px solid #ffffff40;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 6px #f05a2252}.action-eye-btn:hover{background:linear-gradient(135deg,#ff8a4c 0%,#f4642c 48%,#c53808 100%);transform:translateY(-1px)scale(1.06);box-shadow:0 4px 12px #f05a2273}.action-eye-btn:active{transform:translateY(0)scale(.98);box-shadow:0 1px 4px #f05a2240}.profile-page-wrapper{flex-direction:column;gap:1.5rem;width:100%;display:flex}.profile-content-grid{grid-template-columns:1.6fr 1fr;align-items:start;gap:1.5rem;width:100%;display:grid}.profile-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);background-color:#fff;flex-direction:column;gap:1.5rem;padding:1.5rem 1.75rem;display:flex}.profile-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:.85rem;display:flex}.profile-card-title-group{align-items:center;gap:.65rem;display:flex}.profile-card-title-icon{color:#0a1c3d;align-items:center;display:flex}.profile-card-title{color:#0a1c3d;letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:800}.profile-edit-btn{background-color:var(--hpc-orange);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:.45rem;padding:.5rem 1.15rem;font-size:.85rem;font-weight:700;transition:background-color .15s,transform .15s;display:inline-flex}.profile-edit-btn:hover{background-color:var(--hpc-orange-hover);transform:translateY(-1px)}.profile-form-grid{grid-template-columns:1fr 1fr;gap:1.25rem 1.5rem;display:grid}.profile-form-group{flex-direction:column;gap:.4rem;display:flex}.profile-form-group.full-width{grid-column:1/-1;max-width:50%}.profile-form-label{color:#64748b;letter-spacing:.05em;text-transform:uppercase;font-size:.725rem;font-weight:800}.profile-readonly-box{border-radius:var(--radius-sm);color:#0f172a;-webkit-user-select:text;user-select:text;box-sizing:border-box;background-color:#f1f5f9;border:1px solid #e2e8f0;align-items:center;gap:.65rem;min-height:42px;padding:.7rem 1rem;font-size:.875rem;font-weight:500;display:flex}.profile-readonly-box.with-icon{color:#1e293b}.profile-field-icon{color:#64748b;flex-shrink:0;align-items:center;display:flex}.security-item-row{border-radius:var(--radius-md);background-color:#f8fafc;border:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.25rem;display:flex}.security-item-left{flex:1;align-items:center;gap:1rem;display:flex}.security-key-icon-box{color:#0284c7;background-color:#e0f2fe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.security-text-details{flex-direction:column;gap:.2rem;display:flex}.security-text-title{color:#0a1c3d;margin:0;font-size:.95rem;font-weight:800}.security-text-desc{color:#64748b;margin:0;font-size:.825rem;line-height:1.4}.security-change-btn{background-color:var(--hpc-orange);color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:.45rem;padding:.55rem 1.2rem;font-size:.85rem;font-weight:700;transition:background-color .15s,transform .15s;display:inline-flex}.security-change-btn:hover{background-color:var(--hpc-orange-hover);transform:translateY(-1px)}@media (width<=1024px){.profile-content-grid{grid-template-columns:1fr}.profile-form-group.full-width{max-width:100%}}@media (width<=640px){.profile-form-grid{grid-template-columns:1fr}.security-item-row{flex-direction:column;align-items:flex-start}.security-change-btn{align-self:flex-end}}.notifications-page-wrapper{flex-direction:column;gap:1.5rem;width:100%;display:flex}.banner-btn-mark-read{background-color:var(--hpc-orange);color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:.45rem;padding:.6rem 1.35rem;font-size:.85rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #00000026}.banner-btn-mark-read:hover{background-color:var(--hpc-orange-hover);transform:translateY(-1px)}.banner-btn-clear{color:var(--hpc-orange);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #fff6;align-items:center;gap:.45rem;padding:.6rem 1.35rem;font-size:.85rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #0000001f}.banner-btn-clear:hover{background-color:#f8fafc;transform:translateY(-1px)}.notifications-panel-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);background-color:#fff;flex-direction:column;gap:1.25rem;padding:1.5rem 1.75rem;display:flex}.notifications-panel-header{justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.notifications-panel-title{color:#0a1c3d;letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:800}.notifications-filter-dropdown-btn{color:#1e293b;border-radius:var(--radius-sm);cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;align-items:center;gap:.5rem;padding:.45rem 1rem;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex;position:relative}.notifications-filter-dropdown-btn:hover{background-color:#f8fafc;border-color:#94a3b8}.dropdown-funnel-icon{color:#64748b;align-items:center;display:flex}.dropdown-chevron-icon{color:#64748b;align-items:center;margin-left:.25rem;display:flex}.notifications-feed-list{flex-direction:column;gap:1rem;width:100%;display:flex}.notification-feed-item{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background-color:#fff;border-left:4px solid #024;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.15rem 1.5rem;transition:all .15s;display:flex;box-shadow:0 1px 2px #0000000a}.notification-feed-item:hover{box-shadow:var(--shadow-hover);border-color:#cbd5e1;border-left-color:var(--hpc-orange)}.notification-item-main{flex:1;align-items:flex-start;gap:1.15rem;display:flex}.notification-spark-box{color:#024;background-color:#eef5fc;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.notification-text-wrapper{flex-direction:column;gap:.35rem;display:flex}.notification-heading-text{color:#0a1c3d;margin:0;font-size:.95rem;font-weight:800;line-height:1.25}.notification-desc-text{color:#475569;margin:0;font-size:.85rem;line-height:1.45}.notification-pill-badge{border-radius:var(--radius-full);align-items:center;width:fit-content;margin-top:.35rem;padding:.25rem .85rem;font-size:.75rem;font-weight:600;display:inline-flex}.notification-pill-badge.green{color:#059669;background-color:#d1fae5}.notification-pill-badge.pink{color:#e11d48;background-color:#ffe4e6}.notification-timestamp-text{color:#64748b;white-space:nowrap;flex-shrink:0;font-size:.825rem;font-weight:500}.notifications-empty-state{text-align:center;color:#64748b;padding:3rem 1rem;font-size:.95rem}@media (width<=768px){.notification-feed-item{flex-direction:column;align-items:flex-start;gap:.75rem}.notification-timestamp-text{align-self:flex-end}}.delivery-requests-page-wrapper{flex-direction:column;gap:1.25rem;width:100%;display:flex}.banner-btn-apply-request{color:var(--hpc-orange);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #fff6;align-items:center;gap:.45rem;padding:.65rem 1.4rem;font-size:.875rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #0000001f}.banner-btn-apply-request:hover{background-color:#f8fafc;transform:translateY(-1px)}.requests-metric-cards-grid{grid-template-columns:repeat(5,1fr);gap:1.15rem;width:100%;display:grid}.metric-summary-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);background-color:#fff;align-items:center;gap:1rem;padding:1.1rem 1.25rem;transition:transform .15s,box-shadow .15s;display:flex}.metric-summary-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.metric-card-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.metric-card-icon-box.orange-chart,.metric-card-icon-box.orange-pen{color:#ea580c;background-color:#fff4ec}.metric-card-icon-box.green-check{color:#059669;background-color:#d1fae5}.metric-card-icon-box.blue-doc{color:#0284c7;background-color:#e0f2fe}.metric-card-icon-box.red-cross{color:#ef4444;background-color:#fee2e2}.metric-card-info{flex-direction:column;display:flex}.metric-card-number{color:#0a1c3d;font-size:1.95rem;font-weight:800;line-height:1}.metric-card-label{color:#1d4ed8;letter-spacing:.04em;text-transform:uppercase;margin-top:.35rem;font-size:.725rem;font-weight:800;line-height:1.2}.requests-panel-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);background-color:#fff;flex-direction:column;display:flex;overflow:hidden}.requests-panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.5rem 1.75rem 1.25rem;display:flex}.requests-panel-title-area{flex-direction:column;gap:.2rem;display:flex}.requests-panel-title{color:#0a1c3d;letter-spacing:-.01em;margin:0;font-size:1.35rem;font-weight:800}.requests-panel-subtitle{color:#64748b;margin:0;font-size:.85rem}.requests-panel-filters{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.requests-filter-btn{color:#1e293b;border-radius:var(--radius-sm);cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;align-items:center;gap:.45rem;padding:.5rem .95rem;font-size:.825rem;font-weight:600;transition:all .15s;display:inline-flex}.requests-filter-btn:hover{background-color:#f8fafc;border-color:#94a3b8}.requests-filter-icon{color:#64748b;align-items:center;display:flex}.requests-filter-chevron{color:#64748b;align-items:center;margin-left:.2rem;display:flex}.requests-table-scroll{width:100%;overflow-x:auto}.delivery-slots-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.delivery-slots-table th{background-color:var(--bg-table-header);color:#0a1c3d;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-top:1px solid #f1e2d4;border-bottom:1px solid #f1e2d4;padding:1rem 1.15rem;font-size:.725rem;font-weight:800}.delivery-slots-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:1.1rem 1.15rem}.delivery-slots-table tbody tr:last-child td{border-bottom:none}.delivery-slots-table tbody tr:hover td{background-color:#fbfcfe}.col-request-id{color:#0a1c3d;font-weight:800}.col-submitted-by{color:#1e293b;font-weight:500}.col-dates{color:#334155;font-weight:500}.col-slots{color:#0a1c3d;font-size:.9rem;font-weight:800}.col-submitted{color:#334155;font-weight:500}.req-type-pill{border-radius:var(--radius-full);justify-content:center;align-items:center;padding:.35rem 1rem;font-size:.775rem;font-weight:600;display:inline-flex}.req-type-pill.emergency{color:#e11d48;background-color:#ffe4e6}.req-type-pill.normal{color:#ea580c;background-color:#fff0e5}.req-status-pill{border-radius:var(--radius-full);justify-content:center;align-items:center;padding:.35rem 1rem;font-size:.775rem;font-weight:600;display:inline-flex}.req-status-pill.approved-changes{color:#059669;background-color:#d1fae5}.req-status-pill.pending{color:#b45309;background-color:#fef3c7}.col-actions-group{align-items:center;gap:.4rem;display:flex}.btn-action-view{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff7a36 0%,#f05a22 52%,#d44310 100%);border:1px solid #ffffff40;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 6px #f05a2252}.btn-action-view:hover{background:linear-gradient(135deg,#ff8a4c 0%,#f4642c 48%,#c53808 100%);transform:translateY(-1px)scale(1.06);box-shadow:0 4px 12px #f05a2273}.btn-action-view:active{transform:translateY(0)scale(.98);box-shadow:0 1px 4px #f05a2240}.btn-action-delete{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f87171 0%,#ef4444 55%,#dc2626 100%);border:1px solid #ffffff40;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 6px #ef444447}.btn-action-delete:hover{background:linear-gradient(135deg,#fb7185 0%,#e11d48 55%,#b91c1c 100%);transform:translateY(-1px)scale(1.06);box-shadow:0 4px 12px #ef44446b}.btn-action-delete:active{transform:translateY(0)scale(.98);box-shadow:0 1px 4px #ef444433}@media (width<=1200px){.requests-metric-cards-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.requests-metric-cards-grid{grid-template-columns:1fr}}.request-type-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#001730a6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.request-type-modal-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:1.25rem;width:100%;max-width:540px;padding:1.75rem;display:flex;box-shadow:0 20px 25px -5px #00000040}.request-type-modal-header{justify-content:space-between;align-items:center;display:flex}.request-type-modal-title{color:#024;margin:0;font-size:1.25rem;font-weight:800}.request-type-modal-subtitle{color:#64748b;margin:.25rem 0 0;font-size:.82rem}.request-type-modal-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:1.25rem;line-height:1;transition:color .15s}.request-type-modal-close-btn:hover{color:#0f172a}.request-type-options-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=560px){.request-type-options-grid{grid-template-columns:1fr}}.request-type-option-card{cursor:pointer;text-align:left;background-color:#fff;border:2px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:.75rem;padding:1.25rem;transition:all .2s;display:flex}.request-type-option-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #00000014}.request-type-option-card.normal:hover{background-color:#f0fdf4;border-color:#10b981}.request-type-option-card.emergency:hover{background-color:#fef2f2;border-color:#ef4444}.request-type-card-top{justify-content:space-between;align-items:center;display:flex}.request-type-card-icon{border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.request-type-card-icon.normal{color:#15803d;background-color:#dcfce7}.request-type-card-icon.emergency{color:#dc2626;background-color:#fee2e2}.request-type-card-badge{letter-spacing:.03em;text-transform:uppercase;border-radius:9999px;padding:2px 8px;font-size:.72rem;font-weight:700}.request-type-card-badge.normal{color:#15803d;background-color:#dcfce7}.request-type-card-badge.emergency{color:#dc2626;background-color:#fee2e2}.request-type-card-name{color:#024;margin:0;font-size:1.05rem;font-weight:700}.request-type-card-desc{color:#64748b;margin:0;font-size:.78rem;line-height:1.4}.apply-delivery-container{flex-direction:column;gap:1.35rem;width:100%;display:flex}.apply-hero-badge{letter-spacing:.02em;border-radius:9999px;align-items:center;padding:4px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.apply-hero-badge.normal{color:#15803d;background-color:#dcfce7;border:1px solid #bbf7d0}.apply-hero-badge.emergency{color:#dc2626;background-color:#fee2e2;border:1px solid #fecaca}.apply-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.6rem;box-shadow:0 1px 4px #0000000a}.apply-card-title{color:#0a1c3d;align-items:center;gap:.35rem;margin:0 0 1.15rem;font-size:1.18rem;font-weight:800;display:flex}.apply-required-asterisk{color:#ef4444;margin-left:.15rem}.apply-card-subtitle{color:#64748b;margin:0 0 1.25rem;font-size:.85rem;line-height:1.45}.request-details-card{position:relative;overflow:visible}.request-details-split-layout{grid-template-columns:310px 1fr;align-items:start;gap:1.75rem;display:grid}@media (width<=960px){.request-details-split-layout{grid-template-columns:1fr}}.delivery-week-picker-col{flex-direction:column;gap:.5rem;display:flex;position:relative}.delivery-week-label{color:#0a1c3d;align-items:center;gap:.2rem;font-size:.84rem;font-weight:700;display:flex}.delivery-week-input-box{cursor:pointer;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:.65rem .95rem;transition:all .18s;display:flex;box-shadow:0 1px 2px #0000000a}.delivery-week-input-box:hover{background-color:#fffaf5;border-color:#f05a22}.delivery-week-input-box.active{border-color:#f05a22;box-shadow:0 0 0 3px #f05a2226}.week-input-left{align-items:center;gap:.65rem;display:flex}.week-input-cal-icon{color:#64748b;flex-shrink:0}.week-input-value-text{color:#0a1c3d;letter-spacing:-.01em;font-size:.88rem;font-weight:600}.week-input-chevron{color:#64748b;flex-shrink:0;justify-content:center;align-items:center;transition:transform .22s cubic-bezier(.4,0,.2,1);display:flex}.week-input-chevron.open{transform:rotate(180deg)}.calendar-dropdown-card{z-index:50;background-color:#fff;border:1px solid #fed7aa;border-radius:12px;flex-direction:column;gap:.85rem;width:100%;max-width:320px;padding:1.1rem 1rem 1rem;animation:.18s ease-out calendarPopFade;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 25px -5px #0000001f,0 4px 6px -2px #0000000d}@keyframes calendarPopFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cal-pop-header{justify-content:space-between;align-items:center;padding:0 .2rem;display:flex}.cal-pop-month-title{color:#0a1c3d;font-size:.95rem;font-weight:800}.cal-pop-nav-arrows{align-items:center;gap:.35rem;display:flex}.cal-arrow-btn{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .15s;display:flex}.cal-arrow-btn:hover{color:#f05a22;background-color:#fff7ed;border-color:#f05a22}.cal-pop-weekdays-row{text-align:center;color:#64748b;letter-spacing:.04em;border-bottom:1px solid #f1f5f9;grid-template-columns:repeat(7,1fr);padding-bottom:.2rem;font-size:.68rem;font-weight:700;display:grid}.cal-pop-days-matrix{flex-direction:column;gap:2px;display:flex}.cal-pop-week-row{cursor:pointer;border-radius:9999px;grid-template-columns:repeat(7,1fr);transition:background-color .15s;display:grid;position:relative}.cal-pop-week-row:hover:not(.locked-week):not(.selected-week){background-color:#fffaf5}.cal-pop-week-row.selected-week{background-color:#fff4ec}.cal-pop-week-row.locked-week{opacity:.55;cursor:not-allowed}.cal-pop-day-cell{justify-content:center;align-items:center;height:34px;display:flex;position:relative}.cal-day-circle{color:#0a1c3d;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.cal-pop-day-cell.other-month .cal-day-circle{color:#94a3b8}.cal-day-circle.endpoint-circle{background:linear-gradient(135deg,#ff7a36 0%,#f05a22 52%,#d44310 100%);font-weight:800;box-shadow:0 2px 6px #f05a2259;color:#fff!important}.cal-pop-week-row.selected-week .cal-day-circle:not(.endpoint-circle){color:#c2410c;font-weight:700}.plan-ahead-callout-card{background-color:#f0f7ff;border:1px solid #bfdbfe;border-radius:12px;flex-direction:column;gap:1.15rem;padding:1.35rem 1.6rem;display:flex}.plan-ahead-header-row{align-items:flex-start;gap:.85rem;display:flex}.plan-ahead-icon-box{flex-shrink:0;margin-top:2px}.plan-ahead-titles{flex-direction:column;gap:.35rem;display:flex}.plan-ahead-title{color:#1e3a8a;letter-spacing:-.01em;margin:0;font-size:.98rem;font-weight:800}.plan-ahead-desc{color:#334155;margin:0;font-size:.84rem;line-height:1.5}.plan-ahead-divider{border-top:1px solid #dbeafe;width:100%}.plan-ahead-meta-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=600px){.plan-ahead-meta-grid{grid-template-columns:1fr;gap:1rem}}.plan-meta-item{flex-direction:column;gap:.25rem;display:flex}.plan-meta-label{color:#1d4ed8;letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:800}.plan-meta-val{color:#0a1c3d;font-size:.96rem;font-weight:800}.plan-ahead-footnote{color:#64748b;margin:0;font-size:.82rem}.allocated-view-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.85rem;padding:1.15rem 1.4rem;display:flex;box-shadow:0 1px 3px #0000000a}.allocated-view-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.allocated-view-header-text{flex-direction:column;gap:.15rem;display:flex}.allocated-view-title{color:#0a1c3d;margin:0;font-size:1.05rem;font-weight:800}.allocated-view-subtitle{color:#64748b;margin:0;font-size:.8rem}.allocated-week-total-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.5rem;padding:.35rem .8rem;display:inline-flex;box-shadow:0 1px 2px #00000008}.week-total-icon-badge{color:#0284c7;justify-content:center;align-items:center;display:flex}.week-total-text{color:#475569;font-size:.8rem;font-weight:600}.week-total-number{color:#64748b;background-color:#f1f5f9;border-radius:9999px;padding:2px 8px;font-size:.8rem;font-weight:700;transition:all .2s}.week-total-number.has-slots{color:#fff;background-color:#024}.allocated-dates-cards-row{align-items:center;gap:.65rem;width:fit-content;max-width:100%;padding:.2rem 0;display:flex;overflow-x:auto}.allocated-date-card{cursor:pointer;text-align:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.25rem;min-width:104px;padding:.72rem .95rem;transition:all .15s;display:flex}.allocated-date-card:hover:not(.active){background-color:#f8fafc;border-color:#cbd5e1}.allocated-date-card.active{background-color:#fff;border:1.5px solid #1e3a5f;box-shadow:0 1px 3px #0000000d}.allocated-date-card .allocated-date-text{color:#0f172a;font-size:.88rem;font-weight:700;line-height:1.2}.allocated-date-card .allocated-day-name{color:#64748b;font-size:.75rem;font-weight:500;line-height:1.2}.allocated-date-card.active .allocated-date-text{color:#1e3a5f;font-weight:700}.allocated-date-card.active .allocated-day-name{color:#1e3a5f;font-weight:600}.slots-and-details-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:1.35rem;display:grid}@media (width<=1080px){.slots-and-details-grid{grid-template-columns:1fr}}.hourly-slots-card{flex-direction:column;gap:1.15rem;height:100%;display:flex}.hourly-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.25rem;display:flex}.hourly-slots-grid{flex:1;grid-template-columns:repeat(3,1fr);gap:.65rem;display:grid}@media (width<=600px){.hourly-slots-grid{grid-template-columns:repeat(2,1fr)}}.hour-slot-btn{color:#024;cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #bfdbfe;border-radius:6px;justify-content:center;align-items:center;gap:.45rem;padding:.72rem .45rem;font-size:.82rem;font-weight:600;transition:all .16s;display:flex}.hour-slot-btn:hover{background-color:#eff6ff;border-color:#3b82f6}.hour-slot-btn.active{color:#fff;background-color:#f05a22;border-color:#ea580c;font-weight:700;box-shadow:0 2px 6px #f05a2259}.hour-slot-btn .slot-clock-icon{color:#2563eb;flex-shrink:0;transition:color .15s}.hour-slot-btn.active .slot-clock-icon{color:#fff}.hour-text{font-size:.82rem;font-weight:600}.hour-slot-btn.active .hour-text{font-weight:700}.selected-hour-card{flex-direction:column;height:100%;display:flex}.selected-hour-card-body{flex-direction:column;flex:1;justify-content:space-between;gap:1.15rem;display:flex}.selected-hour-pill-banner{color:#024;background-color:#fff7ed;border:1px solid #fed7aa;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1rem;font-size:.95rem;font-weight:700;display:flex}.banner-clock-icon{color:#024;flex-shrink:0}.banner-hour-text{color:#024;font-size:.95rem;font-weight:700}.hour-steppers-grid{grid-template-columns:repeat(3,1fr);gap:.85rem;display:grid}@media (width<=500px){.hour-steppers-grid{grid-template-columns:1fr}}.selected-hour-bottom-actions{flex-direction:column;gap:.85rem;margin-top:auto;display:flex}.slot-stepper-item{flex-direction:column;gap:.45rem;display:flex}.slot-stepper-label{white-space:nowrap;font-size:.76rem;font-weight:700}.slot-stepper-label.inbound{color:#059669}.slot-stepper-label.outbound{color:#ea580c}.slot-stepper-label.two-way{color:#7c3aed}.stepper-control-box{background-color:#fff;border-radius:6px;justify-content:space-between;align-items:center;padding:.35rem .6rem;display:flex}.stepper-control-box.inbound{border:1px solid #a7f3d0}.stepper-control-box.outbound{border:1px solid #fed7aa}.stepper-control-box.two-way{border:1px solid #ddd6fe}.stepper-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 4px;font-size:1.15rem;font-weight:700;line-height:1;transition:opacity .15s;display:flex}.stepper-btn:hover{opacity:.65}.stepper-btn.inbound{color:#059669}.stepper-btn.outbound{color:#ea580c}.stepper-btn.two-way{color:#7c3aed}.stepper-val{color:#024;font-size:.95rem;font-weight:700}.hour-total-summary-row{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:baseline;margin-top:0;padding-top:.85rem;display:flex}.hour-total-label-group{align-items:baseline;gap:.35rem;display:flex}.hour-total-title{color:#024;font-size:.92rem;font-weight:700}.hour-total-subtitle{color:#64748b;font-size:.78rem;font-weight:500}.hour-total-count{color:#024;font-size:1.95rem;font-weight:800;line-height:1}.apply-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff7a36 0%,#f05a22 52%,#d44310 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:0;padding:.85rem 1.35rem;font-size:.95rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 8px -1px #f05a2259}.apply-submit-btn:hover{background:linear-gradient(135deg,#ff8a4c 0%,#f4642c 48%,#c53808 100%);transform:translateY(-1px);box-shadow:0 6px 14px -2px #f05a2273}.apply-submit-btn.emergency{background:linear-gradient(135deg,#ef4444 0%,#dc2626 52%,#b91c1c 100%);box-shadow:0 4px 8px -1px #dc262659}.apply-submit-btn.emergency:hover{background:linear-gradient(135deg,#f87171 0%,#e11d48 52%,#991b1b 100%);box-shadow:0 6px 14px -2px #dc262673}.request-details-grid{grid-template-columns:280px 1fr;align-items:start;gap:1.75rem;display:grid}@media (width<=900px){.request-details-grid{grid-template-columns:1fr}}.delivery-date-group{flex-direction:column;gap:.5rem;display:flex}.delivery-date-label{color:#024;align-items:center;gap:.15rem;font-size:.82rem;font-weight:700;display:flex}.delivery-date-box{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.92rem;font-weight:500;display:flex}.delivery-date-input{color:#024;background:0 0;border:none;outline:none;width:100%;font-size:.92rem;font-weight:600}.delivery-schedule-callout.emergency{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:1.2rem 1.4rem}.callout-header-row{align-items:flex-start;gap:.65rem;display:flex}.callout-header-content{flex-direction:column;gap:.25rem;display:flex}.delivery-schedule-callout.emergency .callout-title{color:#991b1b;margin:0;font-size:.95rem;font-weight:700}.delivery-schedule-callout.emergency .callout-subtitle{color:#7f1d1d;margin:0;font-size:.82rem;line-height:1.4}.live-tracking-page-wrapper{flex-direction:column;gap:1.25rem;width:100%;display:flex}.tracking-view-toggle-container{background-color:#fff;border-radius:8px;align-items:center;gap:4px;padding:4px;display:flex;box-shadow:0 4px 6px -1px #0000001a}.tracking-toggle-btn{cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .95rem;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.tracking-toggle-btn.btn-listing.active{color:#f05a22;background-color:#fff;font-weight:700;box-shadow:0 1px 3px #00000014}.tracking-toggle-btn.btn-listing.active svg{stroke:#f05a22}.tracking-toggle-btn.btn-map.active{color:#fff;background-color:#f05a22;font-weight:700;box-shadow:0 2px 4px #f05a2259}.tracking-toggle-btn.btn-map.active svg{stroke:#fff}.tracking-toggle-btn.btn-listing:not(.active){color:#f05a22;background:0 0}.tracking-toggle-btn.btn-listing:not(.active) svg{stroke:#f05a22}.tracking-toggle-btn.btn-map:not(.active){color:#64748b;background:0 0}.tracking-toggle-btn.btn-map:not(.active) svg{stroke:#64748b}.tracking-filter-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex;box-shadow:0 1px 3px #0000000a}.tracking-filter-row{grid-template-columns:repeat(5,1fr);align-items:flex-end;gap:1rem;display:grid}@media (width<=1200px){.tracking-filter-row{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.tracking-filter-row{grid-template-columns:1fr}}.tracking-filter-field{flex-direction:column;gap:.35rem;display:flex}.tracking-filter-label{color:#024;letter-spacing:.02em;font-size:.76rem;font-weight:700}.tracking-filter-input-box{color:#1e293b;box-sizing:border-box;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:space-between;align-items:center;height:38px;padding:.45rem .65rem;font-size:.82rem;transition:border-color .15s;display:flex}.tracking-filter-input-box:hover{border-color:#3b82f6}.tracking-filter-input-content{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.45rem;display:flex;overflow:hidden}.tracking-filter-icon,.tracking-filter-chevron{color:#64748b;flex-shrink:0}.tracking-action-buttons-group{align-items:center;gap:.5rem;width:100%;height:38px;display:flex}.btn-apply-filters{color:#fff;text-transform:uppercase;cursor:pointer;letter-spacing:.03em;background-color:#f05a22;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;height:38px;font-size:.78rem;font-weight:700;transition:background-color .15s,transform .1s;display:flex}.btn-apply-filters:hover{background-color:#d94b15}.btn-apply-filters:active{transform:translateY(1px)}.btn-reset-filters{color:#fff;cursor:pointer;background-color:#f05a22;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background-color .15s;display:flex}.btn-reset-filters:hover{background-color:#d94b15}.btn-clear-filters{color:#64748b;cursor:pointer;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .15s;display:flex}.btn-clear-filters:hover{color:#0f172a;background-color:#f1f5f9}.tracking-table-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #0000000a}.active-deliveries-header{margin-bottom:1rem}.active-deliveries-title{color:#024;margin:0;font-size:1.15rem;font-weight:700}.active-deliveries-subtitle{color:#64748b;margin:.25rem 0 0;font-size:.82rem}.tracking-table-wrapper{border:1px solid #e2e8f0;border-radius:6px;overflow-x:auto}.tracking-table{border-collapse:collapse;text-align:left;width:100%}.tracking-table thead tr{background-color:#fff7ed}.tracking-table thead th{color:#024;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid #fed7aa;border-right:1px solid #fed7aa;padding:.75rem 1rem;font-size:.72rem;font-weight:700}.tracking-table thead th:last-child{text-align:center;border-right:none}.tracking-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .15s}.tracking-table tbody tr:hover{background-color:#f8fafc}.tracking-table tbody tr:last-child{border-bottom:none}.tracking-table td{color:#1e3a8a;vertical-align:middle;white-space:nowrap;border-right:1px solid #e2e8f0;padding:.85rem 1rem;font-size:.85rem}.tracking-table td:last-child{text-align:center;border-right:none}.booking-id-link{color:#2563eb;cursor:pointer;font-weight:600;text-decoration:none}.booking-id-link:hover{text-decoration:underline}.badge-booking-type{color:#15803d;white-space:nowrap;background-color:#dcfce7;border-radius:6px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-block}.btn-view-tracking{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff7a36 0%,#f05a22 52%,#d44310 100%);border:1px solid #ffffff40;border-radius:7px;justify-content:center;align-items:center;padding:6px 14px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 6px #f05a2252}.btn-view-tracking:hover{background:linear-gradient(135deg,#ff8a4c 0%,#f4642c 48%,#c53808 100%);transform:translateY(-1px)scale(1.06);box-shadow:0 4px 12px #f05a2273}.btn-view-tracking:active{transform:translateY(0)scale(.98);box-shadow:0 1px 4px #f05a2240}.tracking-map-container{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;height:420px;display:flex;position:relative;overflow:hidden}.tracking-map-svg{width:100%;height:100%}.tracking-map-split-layout{grid-template-columns:320px 1fr;align-items:stretch;gap:1.25rem;width:100%;display:grid}@media (width<=1024px){.tracking-map-split-layout{grid-template-columns:1fr}}.vehicle-details-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000d}.vehicle-details-header{color:#fff;background-color:#071e3d;justify-content:space-between;align-items:center;padding:1.1rem 1.25rem;display:flex}.vehicle-details-header-left{align-items:center;gap:.75rem;display:flex}.vehicle-details-btn-icon{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .15s;display:flex}.vehicle-details-btn-icon:hover{background:#ffffff40}.vehicle-details-title-group{flex-direction:column;gap:.15rem;display:flex}.vehicle-details-title{color:#fff;margin:0;font-size:1.05rem;font-weight:700;line-height:1.2}.vehicle-details-subtitle{color:#94a3b8;margin:0;font-size:.78rem;line-height:1.2}.vehicle-details-body{flex-direction:column;flex:1;gap:1.5rem;padding:1.25rem;display:flex}.vehicle-section-group{flex-direction:column;gap:.75rem;display:flex}.vehicle-section-label-row{color:#64748b;letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:.45rem;font-size:.72rem;font-weight:700;display:flex}.vehicle-reg-display-row{align-items:center;gap:.65rem;margin-bottom:.25rem;display:flex}.vehicle-reg-number{color:#024;letter-spacing:-.01em;font-size:1.45rem;font-weight:800}.vehicle-kv-table{border-collapse:collapse;width:100%}.vehicle-kv-table tr{border-bottom:1px solid #f1f5f9}.vehicle-kv-table tr:last-child{border-bottom:none}.vehicle-kv-table td{vertical-align:middle;padding:.45rem 0;font-size:.85rem}.vehicle-kv-label{color:#64748b;width:42%;font-weight:500}.vehicle-kv-val{color:#2563eb;text-align:right;font-weight:600}.tracking-map-viewport{background-color:#e5f3df;border:1px solid #e2e8f0;border-radius:12px;height:600px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000d}.map-floating-controls{z-index:10;align-items:center;gap:.75rem;display:flex;position:absolute;top:16px;right:16px}.btn-map-filter{color:#fff;cursor:pointer;background-color:#f05a22;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.82rem;font-weight:700;transition:background-color .15s,transform .1s;display:flex;box-shadow:0 4px 6px -1px #f05a2259}.btn-map-filter:hover{background-color:#d94b15}.map-filter-badge{color:#f05a22;background-color:#fff;border-radius:9999px;padding:1px 7px;font-size:.72rem;font-weight:800;line-height:1.2}.btn-map-reset-view{color:#f05a22;cursor:pointer;background-color:#fff;border:1px solid #fed7aa;border-radius:8px;align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:.82rem;font-weight:700;transition:all .15s;display:flex;box-shadow:0 2px 5px #0000000f}.btn-map-reset-view:hover{background-color:#fff7ed;border-color:#f05a22}.gis-map-canvas{width:100%;height:100%;display:block}.road-tag-green{color:#fff;background-color:#15803d;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.road-tag-white{color:#0f172a;background-color:#fff;border:1px solid #000;border-radius:2px;padding:1px 5px;font-size:10px;font-weight:700}.map-footer-bar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;background:#fffc;justify-content:space-between;align-items:center;padding:.4rem .85rem;display:flex;position:absolute;bottom:0;left:0;right:0}.map-google-logo{letter-spacing:-.03em;color:#5f6368;-webkit-user-select:none;user-select:none;align-items:center;font-family:Product Sans,Roboto,Arial,sans-serif;font-size:1.15rem;font-weight:700;display:flex}.map-footer-right{align-items:center;gap:1rem;display:flex}.map-attribution-text{color:#475569;gap:.5rem;font-size:10px;display:flex}.map-attribution-text a{color:#475569;text-decoration:none}.map-attribution-text a:hover{text-decoration:underline}.map-btn-fullscreen{cursor:pointer;color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex;box-shadow:0 1px 3px #0000001a}.map-btn-fullscreen:hover{background:#f8fafc;border-color:#94a3b8}.fmt-dashboard-container{flex-direction:column;gap:1.25rem;width:100%;display:flex}.capacity-overview-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.capacity-overview-title-group{flex-direction:column;gap:.2rem;display:flex}.capacity-overview-title{color:var(--text-primary,#0a1c3d);letter-spacing:-.01em;margin:0;font-size:1.35rem;font-weight:800}.capacity-overview-subtitle{color:var(--text-muted,#64748b);margin:0;font-size:.875rem}.capacity-date-actions{align-items:center;gap:.75rem;display:flex}.capacity-date-btn{background-color:var(--bg-card,#fff);color:var(--text-primary,#0a1c3d);border:1px solid var(--border-subtle,#e2e8f0);border-radius:var(--radius-sm,6px);cursor:pointer;box-shadow:var(--shadow-card);align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.capacity-date-btn:hover{border-color:var(--border-medium,#cbd5e1);box-shadow:var(--shadow-hover);background-color:#f8fafc}.capacity-today-btn{background-color:var(--hpc-navy,#024);color:#fff;border-radius:var(--radius-sm,6px);cursor:pointer;border:none;padding:.55rem 1.35rem;font-size:.85rem;font-weight:700;transition:all .15s;box-shadow:0 2px 4px #0243}.capacity-today-btn:hover{background-color:var(--hpc-navy-dark,#001730);transform:translateY(-1px);box-shadow:0 4px 6px #0022444d}.capacity-metrics-grid{flex-direction:column;gap:1.15rem;width:100%;display:flex}.capacity-cards-row-top{grid-template-columns:repeat(5,1fr);gap:1.15rem;width:100%;display:grid}.capacity-cards-row-bottom{grid-template-columns:1fr 1fr;gap:1.15rem;width:100%;display:grid}@media (width<=1200px){.capacity-cards-row-top{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.capacity-cards-row-top{grid-template-columns:repeat(2,1fr)}.capacity-cards-row-bottom{grid-template-columns:1fr}}@media (width<=480px){.capacity-cards-row-top{grid-template-columns:1fr}}.capacity-card{background-color:var(--bg-card,#fff);border:1px solid var(--border-subtle,#e2e8f0);border-radius:var(--radius-md,10px);box-shadow:var(--shadow-card);align-items:center;gap:1.15rem;padding:1.15rem 1.35rem;transition:transform .15s,box-shadow .15s;display:flex}.capacity-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.capacity-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.capacity-icon-box.orange{background-color:var(--icon-orange-bg,#fff4ec);color:var(--icon-orange-color,#ea580c)}.capacity-icon-box.peach{color:#d97706;background-color:#fef3c7}.capacity-icon-box.green{color:#059669;background-color:#d1fae5}.capacity-icon-box.teal{color:#0d9488;background-color:#ccfbf1}.capacity-icon-box.pink{background-color:var(--icon-red-bg,#fee2e2);color:var(--icon-red-color,#ef4444)}.capacity-icon-box.blue{background-color:var(--icon-blue-bg,#e0f2fe);color:var(--icon-blue-color,#0284c7)}.capacity-info{flex-direction:column;display:flex}.capacity-number{color:var(--text-primary,#0a1c3d);margin-bottom:.35rem;font-size:1.95rem;font-weight:800;line-height:1}.capacity-label{color:var(--text-blue-label,#1d4ed8);letter-spacing:.04em;text-transform:uppercase;font-size:.725rem;font-weight:800}.fmt-requests-card{background-color:var(--bg-card,#fff);border:1px solid var(--border-subtle,#e2e8f0);border-radius:var(--radius-md,10px);box-shadow:var(--shadow-card);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.fmt-requests-header{flex-direction:column;gap:.2rem;display:flex}.fmt-requests-title{color:var(--text-primary,#0a1c3d);letter-spacing:-.01em;margin:0;font-size:1.35rem;font-weight:800}.fmt-requests-subtitle{color:var(--text-muted,#64748b);margin:0;font-size:.875rem}.fmt-table-wrapper{border-radius:var(--radius-md,8px);border:1px solid var(--border-subtle,#e2e8f0);overflow-x:auto}.fmt-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.fmt-table thead tr{background-color:var(--bg-table-header,#fdf5ee)}.fmt-table thead th{color:var(--text-primary,#0a1c3d);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid #f1e2d4;border-right:1px solid #fcd9c3;padding:1rem 1.15rem;font-size:.725rem;font-weight:800}.fmt-table thead th:last-child{text-align:center;border-right:none}.fmt-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .15s}.fmt-table tbody tr:hover{background-color:#f8fafc}.fmt-table tbody tr:last-child{border-bottom:none}.fmt-table td{color:#334155;vertical-align:middle;white-space:nowrap;border-right:1px solid #e2e8f0;padding:1.1rem 1.15rem}.fmt-table td:last-child{text-align:center;border-right:none}.fmt-col-company{color:var(--text-primary,#0a1c3d);font-weight:600}.fmt-col-submitter{color:#334155;font-weight:500}.fmt-col-req-id{color:var(--text-primary,#0a1c3d);font-weight:800}.fmt-col-type-pill{background-color:var(--badge-normal-bg,#fff0e5);color:var(--badge-normal-text,#ea580c);border-radius:var(--radius-full,9999px);text-transform:capitalize;border:1px solid #fed7aa;justify-content:center;align-items:center;padding:.35rem 1rem;font-size:.775rem;font-weight:700;display:inline-flex}.fmt-col-type-pill.emergency{background-color:var(--badge-emergency-bg,#fee2e2);color:var(--badge-emergency-text,#dc2626);border-color:#fca5a5}.fmt-col-slots{color:var(--text-primary,#0a1c3d);font-size:.9rem;font-weight:800}.fmt-col-status-pill{background-color:var(--badge-approved-bg,#d1fae5);color:var(--badge-approved-text,#059669);border-radius:var(--radius-full,9999px);border:1px solid #a7f3d0;justify-content:center;align-items:center;padding:.35rem 1rem;font-size:.775rem;font-weight:700;display:inline-flex}.fmt-col-status-pill.pending{color:#b45309;background-color:#fef3c7;border:1px solid #fde68a}.fmt-btn-view-action{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff7a36 0%,#f05a22 52%,#d44310 100%);border:1px solid #ffffff40;border-radius:7px;align-items:center;gap:.45rem;padding:.5rem 1.25rem;font-size:.825rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 6px #f05a2252}.fmt-btn-view-action:hover{background:linear-gradient(135deg,#ff8a4c 0%,#f4642c 48%,#c53808 100%);transform:translateY(-1px)scale(1.05);box-shadow:0 4px 12px #f05a2273}.fmt-btn-view-action:active{transform:translateY(0)scale(.98);box-shadow:0 1px 4px #f05a2240}.fmt-emergency-container{flex-direction:column;gap:1.25rem;width:100%;display:flex}.fmt-emergency-metrics-grid{grid-template-columns:repeat(5,1fr);gap:1.15rem;width:100%;display:grid}@media (width<=1200px){.fmt-emergency-metrics-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.fmt-emergency-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.fmt-emergency-metrics-grid{grid-template-columns:1fr}}.fmt-emergency-metric-card{background-color:var(--bg-card,#fff);border:1px solid var(--border-subtle,#e2e8f0);border-radius:var(--radius-md,10px);box-shadow:var(--shadow-card);align-items:center;gap:1rem;padding:1.1rem 1.25rem;transition:transform .15s,box-shadow .15s;display:flex}.fmt-emergency-metric-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.fmt-metric-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.fmt-metric-icon-box.orange-bars,.fmt-metric-icon-box.orange-pen{background-color:var(--icon-orange-bg,#fff4ec);color:var(--icon-orange-color,#ea580c)}.fmt-metric-icon-box.green-check{color:#059669;background-color:#d1fae5}.fmt-metric-icon-box.blue-doc{background-color:var(--icon-blue-bg,#e0f2fe);color:var(--icon-blue-color,#0284c7)}.fmt-metric-icon-box.red-cross{background-color:var(--icon-red-bg,#fee2e2);color:var(--icon-red-color,#ef4444)}.fmt-metric-info{flex-direction:column;display:flex}.fmt-metric-number{color:var(--text-primary,#0a1c3d);font-size:1.95rem;font-weight:800;line-height:1}.fmt-metric-label{color:var(--text-blue-label,#1d4ed8);letter-spacing:.04em;text-transform:uppercase;margin-top:.35rem;font-size:.725rem;font-weight:800;line-height:1.2}.fmt-emergency-panel{background-color:var(--bg-card,#fff);border:1px solid var(--border-subtle,#e2e8f0);border-radius:var(--radius-md,10px);box-shadow:var(--shadow-card);flex-direction:column;display:flex;overflow:hidden}.fmt-emergency-panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.5rem 1.75rem 1.25rem;display:flex}.fmt-emergency-title-area{flex-direction:column;gap:.2rem;display:flex}.fmt-emergency-title{color:var(--text-primary,#0a1c3d);letter-spacing:-.01em;margin:0;font-size:1.35rem;font-weight:800}.fmt-emergency-subtitle{color:var(--text-muted,#64748b);margin:0;font-size:.85rem}.fmt-emergency-filters{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.fmt-search-box{border-radius:var(--radius-sm,6px);background-color:#fff;border:1px solid #cbd5e1;align-items:center;gap:.5rem;padding:.45rem .85rem;transition:all .15s;display:inline-flex}.fmt-search-box:focus-within{border-color:var(--hpc-orange,#f05a22);box-shadow:0 0 0 2px #f05a2226}.fmt-search-input{color:var(--text-primary,#0a1c3d);background:0 0;border:none;outline:none;width:180px;font-size:.825rem}.fmt-search-input::placeholder{color:#94a3b8}.fmt-filter-btn{color:#1e293b;border-radius:var(--radius-sm,6px);cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;align-items:center;gap:.45rem;padding:.5rem .95rem;font-size:.825rem;font-weight:600;transition:all .15s;display:inline-flex}.fmt-filter-btn:hover{background-color:#f8fafc;border-color:#94a3b8}.fmt-emergency-table-scroll{width:100%;overflow-x:auto}.fmt-emergency-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.fmt-emergency-table thead tr{background-color:var(--bg-table-header,#fdf5ee)}.fmt-emergency-table thead th{color:var(--text-primary,#0a1c3d);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid #f1e2d4;border-right:1px solid #fcd9c3;padding:.85rem 1rem;font-size:.725rem;font-weight:800}.fmt-emergency-table thead th:last-child{text-align:center;border-right:none}.fmt-emergency-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .15s}.fmt-emergency-table tbody tr:hover{background-color:#f8fafc}.fmt-emergency-table tbody tr:last-child{border-bottom:none}.fmt-emergency-table td{color:#334155;vertical-align:middle;white-space:nowrap;border-right:1px solid #e2e8f0;padding:.95rem 1rem}.fmt-emergency-table td:last-child{text-align:center;border-right:none}.fmt-em-date{color:var(--text-primary,#0a1c3d);font-weight:600}.fmt-em-slot-pill{color:#1d4ed8;background-color:#eff6ff;border:1px solid #dbeafe;border-radius:6px;padding:3px 12px;font-size:.82rem;font-weight:700;display:inline-block}.fmt-em-company{color:var(--text-primary,#0a1c3d);font-weight:700}.fmt-em-submitter{color:#334155;font-weight:500}.fmt-em-box-pill{color:var(--text-primary,#0a1c3d);background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:3px 12px;font-size:.82rem;font-weight:700;display:inline-block}.fmt-em-status-pill{background-color:var(--badge-approved-bg,#d1fae5);color:var(--badge-approved-text,#059669);border-radius:var(--radius-full,9999px);border:1px solid #a7f3d0;justify-content:center;align-items:center;padding:.35rem 1rem;font-size:.775rem;font-weight:700;display:inline-flex}.fmt-em-status-pill.pending{color:#b45309;background-color:#fef3c7;border:1px solid #fde68a}.fmt-em-btn-view{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff7a36 0%,#f05a22 52%,#d44310 100%);border:1px solid #ffffff40;border-radius:7px;align-items:center;gap:.45rem;padding:.5rem 1.25rem;font-size:.825rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 6px #f05a2252}.fmt-em-btn-view:hover{background:linear-gradient(135deg,#ff8a4c 0%,#f4642c 48%,#c53808 100%);transform:translateY(-1px)scale(1.05);box-shadow:0 4px 12px #f05a2273}.fmt-em-btn-view:active{transform:translateY(0)scale(.98);box-shadow:0 1px 4px #f05a2240}