@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{min-height:100%}body{margin:0;min-width:320px;background:#dce9f5;color:#111827}img{display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}:root{--font-sans: "Inter", "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--panel-bg: #dce9f5;--surface: #ffffff;--surface-soft: #edf5fb;--surface-hover: #fbfdff;--border: #dce7f1;--text: #111827;--text-soft: #334155;--muted: #64748b;--muted-soft: #94a3b8;--muted-light: #9ca3af;--brand: #10b981;--brand-dark: #059669;--brand-soft: #d1fae5;--blue-soft: #dbeafe;--blue-text: #2563eb;--danger-soft: #fee2e2;--danger-text: #dc2626;--shadow-sm: 0 2px 10px rgba(15, 23, 42, .05);--shadow-md: 0 12px 24px rgba(15, 23, 42, .12);--radius-xl: 18px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 10px}*,*:before,*:after{box-sizing:border-box}body{background:var(--panel-bg)!important;color:var(--text)!important;font-family:var(--font-sans)!important;overflow-x:hidden}img,canvas{max-width:100%}h1,h2,h3,h4,h5,h6,p,span,div,a,button,input,select,textarea,label,th,td{font-family:var(--font-sans)!important}.layout{display:flex!important;min-height:100vh!important}.main-wrapper{flex:1!important;display:flex!important;flex-direction:column!important;min-width:0!important}.main-content{padding:24px 26px 30px!important;background:var(--panel-bg)!important;min-height:calc(100vh - 58px)!important}.main-content>*{max-width:100%}.page-header,.header{margin-bottom:20px!important}.page-header h1,.header h1{font-size:22px!important;line-height:1.2!important;font-weight:800!important;color:var(--text)!important}.page-header p,.header p,.page-meta,.table-sub,.chart-sub{font-size:13px!important;line-height:1.6!important;color:var(--muted)!important}.date-pill,.date-chip{position:relative!important;display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:34px!important;padding:6px 12px!important;background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;box-shadow:0 1px 2px #0f172a0a!important;color:var(--text-soft)!important;font-size:12px!important;font-weight:600!important;cursor:pointer!important;transition:border-color .2s,box-shadow .2s,transform .2s!important}.date-pill:hover,.date-chip:hover{border-color:var(--brand)!important;box-shadow:0 6px 14px #0f172a12!important;transform:translateY(-1px)}.date-pill svg,.date-chip svg{width:13px!important;height:13px!important;flex-shrink:0!important;stroke-width:2.05!important;stroke-linecap:round!important;stroke-linejoin:round!important}.date-chip input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important}.date-dash,.date-separator,.date-label,.date-row>span,.date-box>span{color:var(--muted)!important;font-size:12px!important}.date-filter{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}.card,.stat-card{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important;padding:20px!important}.card-top{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:10px!important}.card-icon,.stat-icon{width:40px!important;height:40px!important;border-radius:var(--radius-sm)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.card-icon svg,.stat-icon svg{width:20px!important;height:20px!important;stroke-width:2.15!important;stroke-linecap:round!important;stroke-linejoin:round!important}.card-val{font-size:26px!important;font-weight:700!important;color:var(--text)!important;margin-bottom:2px!important;line-height:1.1!important}.card-lbl{font-size:11px!important;font-weight:700!important;color:var(--muted-soft)!important;letter-spacing:.04em!important;text-transform:uppercase!important}.badge-pct{background:var(--brand-soft)!important;color:var(--brand-dark)!important;font-size:11px!important;font-weight:700!important;padding:3px 8px!important;border-radius:20px!important}.stat-card{display:flex!important;align-items:center!important;gap:14px!important}.stat-text strong{display:block!important;font-size:19px!important;font-weight:800!important;color:var(--text)!important;line-height:1.1!important;margin-bottom:3px!important}.stat-text span{display:block!important;font-size:12px!important;color:var(--muted-soft)!important;line-height:1.4!important}.icon-green,.ic-green{background:#dcfce7!important;color:var(--brand)!important}.icon-yellow,.ic-yellow{background:#fef3c7!important;color:#f59e0b!important}.icon-blue,.ic-blue{background:var(--blue-soft)!important;color:var(--blue-text)!important}.icon-red,.ic-red{background:var(--danger-soft)!important;color:#ef4444!important}.ic-purple{background:#f3f0ff!important;color:#7c3aed!important}.card.purple{border-top:3px solid #7c3aed!important}.card.red{border-top:3px solid #ef4444!important}.card.yellow{border-top:3px solid #f59e0b!important}.card.green{border-top:3px solid var(--brand)!important}.card.blue{border-top:3px solid var(--blue-text)!important}.table-box,.table-card,.chart-box,.meta-card,.feed-card{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-sm)!important;width:100%!important;max-width:100%!important;padding:20px!important}.table-header,.table-top{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:14px!important;margin-bottom:18px!important;flex-wrap:wrap!important}.table-top{padding:0!important;margin-bottom:16px!important}.table-title,.table-top h2,.table-header h2,.table-header h3{font-size:15px!important;font-weight:700!important;color:var(--text)!important}.table-header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;flex-wrap:wrap!important}.table-header a{color:var(--brand)!important;text-decoration:none!important;font-weight:700!important;font-size:13px!important}.header-search{position:relative!important;display:flex!important;align-items:center!important;min-width:240px!important}.header-search svg{position:absolute!important;left:14px!important;top:50%!important;transform:translateY(-50%)!important;width:15px!important;height:15px!important;color:var(--muted-soft)!important;pointer-events:none!important;z-index:1!important;stroke-width:2.15!important;stroke-linecap:round!important;stroke-linejoin:round!important}.header-search input{width:100%!important;min-height:42px!important;padding:10px 14px 10px 42px!important;border-radius:var(--radius-md)!important;border:1px solid var(--border)!important;background:var(--surface)!important;color:var(--text-soft)!important;font-size:13px!important;line-height:1.4!important;box-shadow:0 1px 2px #0f172a08!important;transition:border-color .2s,box-shadow .2s,background .2s!important}.header-search input:focus{outline:none!important;border-color:var(--brand)!important;background:var(--surface)!important;box-shadow:0 0 0 4px #10b9811a!important}.table-toolbar{margin-bottom:18px!important;padding:16px!important;border-radius:var(--radius-xl)!important;border:1px solid #e3edf6!important;background:linear-gradient(180deg,#f9fcff,#f2f8fd)!important}.toolbar-grid{display:grid!important;grid-template-columns:minmax(220px,1.7fr) repeat(3,minmax(130px,.9fr)) auto!important;gap:12px!important;align-items:end!important}.toolbar-grid.toolbar-grid-simple{grid-template-columns:1fr auto!important}@media(max-width:1080px){.toolbar-grid.toolbar-grid-simple{grid-template-columns:1fr auto!important}}@media(max-width:640px){.toolbar-grid.toolbar-grid-simple{grid-template-columns:1fr!important}.toolbar-grid.toolbar-grid-simple .filter-actions{grid-column:span 1!important;justify-content:stretch!important}.toolbar-grid.toolbar-grid-simple .btn-reset-filter{width:100%!important}}.filter-group{display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important}.filter-label{font-size:11px!important;font-weight:800!important;letter-spacing:.05em!important;text-transform:uppercase!important;color:var(--muted)!important}.search-field,.cust-search-wrap{position:relative!important;width:100%!important}.search-field>svg,.cust-search-wrap>svg{position:absolute!important;left:14px!important;top:50%!important;transform:translateY(-50%)!important;width:15px!important;height:15px!important;color:var(--muted-soft)!important;pointer-events:none!important;z-index:10!important;stroke-width:2.15!important;stroke-linecap:round!important;stroke-linejoin:round!important}.table-toolbar .search-input,.table-toolbar .filter-select,.table-toolbar .filter-input,.search-field input,.cust-search-wrap input{width:100%!important;min-height:44px!important;background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;padding:11px 14px!important;font-size:13px!important;color:var(--text-soft)!important;box-shadow:0 1px 2px #0f172a08!important;transition:border-color .2s,box-shadow .2s,background .2s!important}.search-field input,.cust-search-wrap input,.table-toolbar .search-input{padding-left:42px!important}.table-toolbar .search-input:focus,.table-toolbar .filter-select:focus,.table-toolbar .filter-input:focus,.search-field input:focus,.cust-search-wrap input:focus{outline:none!important;background:var(--surface)!important;border-color:var(--brand)!important;box-shadow:0 0 0 4px #10b9811a!important}.table-toolbar .filter-select{appearance:none!important;-webkit-appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:calc(100% - 12px) 50%!important;background-size:14px 14px!important;padding-right:38px!important;background-color:var(--surface)!important}.filter-actions{display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;gap:10px!important;min-height:44px!important}.btn-reset-filter{min-height:44px!important;border:1px solid var(--border)!important;background:var(--surface)!important;color:#0369a1!important;border-radius:var(--radius-md)!important;padding:10px 16px!important;font-size:13px!important;font-weight:700!important;cursor:pointer!important;transition:transform .2s,background .2s,border-color .2s!important;white-space:nowrap!important}.btn-reset-filter:hover{background:#eff6ff!important;border-color:#bfdbfe!important;transform:translateY(-1px)}.toolbar-summary{margin-top:12px!important;font-size:12px!important;color:var(--muted)!important}.filter-mobile-bar{display:none!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:0!important}.btn-filter-toggle{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:8px 14px!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;background:var(--surface)!important;color:var(--text-dark)!important;font-size:13px!important;font-weight:700!important;cursor:pointer!important;transition:all .18s ease!important;font-family:inherit!important;white-space:nowrap!important}.btn-filter-toggle svg{width:14px!important;height:14px!important;flex-shrink:0!important;stroke:currentColor!important;fill:none!important;stroke-width:2!important;stroke-linecap:round!important;transition:transform .2s ease!important}.btn-filter-toggle:hover{background:var(--surface-soft)!important;border-color:var(--primary)!important;color:var(--primary)!important}.btn-filter-toggle.active{background:#10b98114!important;border-color:#10b9814d!important;color:#059669!important}.btn-filter-toggle.active svg{transform:rotate(180deg)!important}.filter-active-count{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:18px!important;height:18px!important;padding:0 5px!important;border-radius:9px!important;background:#10b981!important;color:#fff!important;font-size:10px!important;font-weight:800!important;line-height:1!important}.toolbar-grid-collapsible{overflow:hidden!important;max-height:0!important;opacity:0!important;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .25s ease,margin-top .25s ease!important;margin-top:0!important}.toolbar-grid-collapsible.filter-open{max-height:600px!important;opacity:1!important;margin-top:14px!important;overflow:visible!important}@media(max-width:768px){.filter-mobile-bar{display:flex!important}.toolbar-grid-collapsible{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;align-items:stretch!important}.toolbar-grid-collapsible .filter-group{width:100%!important}.toolbar-grid-collapsible .filter-actions{grid-column:1!important;justify-content:stretch!important}.toolbar-grid-collapsible .filter-actions .btn-reset-filter,.filter-search-always{width:100%!important}}.filter-bar{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;padding:14px 18px!important;box-shadow:var(--shadow-sm)!important;margin-bottom:22px!important;display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important}.filter-bar label{font-size:11px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:var(--muted)!important;white-space:nowrap!important}.filter-bar input[type=date],.filter-bar select{background:var(--surface-soft)!important;border:1px solid var(--border)!important;padding:9px 12px!important;border-radius:var(--radius-sm)!important;font-size:13px!important;color:var(--text-soft)!important;transition:border-color .2s!important}.filter-bar input[type=date]:focus,.filter-bar select:focus{border-color:var(--brand)!important;outline:none!important;background:var(--surface)!important}.filter-separator{font-size:13px!important;color:var(--muted-soft)!important}table{width:100%!important;border-collapse:collapse!important}th,thead th{background:var(--surface-soft)!important;color:var(--muted)!important;font-size:11px!important;font-weight:800!important;letter-spacing:.05em!important;text-transform:uppercase!important;text-align:left!important;padding:14px 12px!important;white-space:nowrap!important}td,tbody td{padding:14px 12px!important;border-bottom:1px solid #e5eef7!important;font-size:13px!important;color:var(--text-soft)!important;background:var(--surface)!important;vertical-align:middle!important}tbody tr:hover td,tbody tr:hover{background:var(--surface-hover)!important}.table-wrap{overflow-x:auto!important}.badge-id,.id-badge,.id-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:56px!important;padding:5px 10px!important;border-radius:999px!important;background:var(--brand-soft)!important;color:#047857!important;font-size:11px!important;font-weight:700!important;white-space:nowrap!important}.badge-resi,.resi-badge,.resi-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:84px!important;padding:5px 10px!important;border-radius:999px!important;background:#e0e7ff!important;color:var(--blue-text)!important;font-size:11px!important;font-weight:700!important;white-space:nowrap!important}.badge-status,.badge-pending,.badge-success,.status-badge,.editor-badge,.badge-role,.log-badge{border-radius:999px!important;padding:5px 12px!important;font-size:11px!important;font-weight:700!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important}.badge-pending,.status-menunggu{background:var(--blue-soft)!important;color:var(--blue-text)!important}.badge-success,.status-selesai{background:var(--brand-soft)!important;color:var(--brand-dark)!important}.status-gagal,.status-dihapus{background:var(--danger-soft)!important;color:var(--danger-text)!important}.status-dibuat{background:#e2e8f0!important;color:#475569!important}.status-diproses{background:#fef3c7!important;color:#b45309!important}.status-diantar{background:#ccfbf1!important;color:#0f766e!important}.badge-role{min-width:90px!important;justify-content:center!important;text-align:center!important}.role-admin{background:#fff7ed!important;color:#f97316!important}.role-gudang{background:#ecfeff!important;color:#0891b2!important}.role-supir{background:#f5f3ff!important;color:#8b5cf6!important}.editor-badge{background:#e8f0ff!important;color:var(--blue-text)!important;gap:5px!important}.editor-badge svg{width:13px!important;height:13px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}.log-badge{background:var(--brand-soft)!important;color:var(--brand)!important}.actions{display:flex!important;gap:8px!important}.action-btn{width:36px!important;height:36px!important;border:none!important;border-radius:var(--radius-sm)!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:transform .2s ease,opacity .2s ease!important}.action-btn:hover{transform:translateY(-1px);opacity:.9}.action-btn svg{width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.15!important;stroke-linecap:round!important;stroke-linejoin:round!important}.btn-edit{background:#eff6ff!important;color:var(--blue-text)!important;border:1px solid #dbeafe!important}.btn-del{background:#fef2f2!important;color:#ef4444!important;border:1px solid var(--danger-soft)!important}.btn-qr{background:#ecfdf5!important;color:var(--brand)!important;border:1px solid var(--brand-soft)!important}.btn-assign{background:#fff7ed!important;color:#ea580c!important;border:1px solid #fed7aa!important}.btn-tambah,.btn-submit,.reset-btn{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%)!important;color:#fff!important;border:none!important;border-radius:var(--radius-md)!important;padding:10px 18px!important;font-size:13px!important;font-weight:700!important;cursor:pointer!important;box-shadow:0 4px 12px #10b98133!important;transition:transform .2s ease,box-shadow .2s ease!important;white-space:nowrap!important}.btn-tambah:hover,.btn-submit:hover,.reset-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #10b98147!important}.btn-batal{background:#e0f2fe!important;color:#0369a1!important;border:none!important;border-radius:var(--radius-md)!important;padding:10px 18px!important;font-size:13px!important;font-weight:700!important;cursor:pointer!important;transition:background .2s!important}.btn-batal:hover{background:#bae6fd!important}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;border:none!important;border-radius:var(--radius-md)!important;padding:10px 18px!important;font-weight:700!important;cursor:pointer!important;font-size:13px!important}.btn-backup{min-height:40px!important;border:1px solid #f3e8ff!important;background:#faf5ff!important;color:#7c3aed!important;border-radius:var(--radius-md)!important;padding:10px 16px!important;font-size:13px!important;font-weight:700!important;cursor:pointer!important;transition:transform .2s,background .2s,border-color .2s!important;white-space:nowrap!important}.btn-backup:hover{background:#f3e8ff!important;border-color:#ddd6fe!important;transform:translateY(-1px)}.btn-export{min-height:40px!important;border:1px solid var(--border)!important;background:var(--surface)!important;color:#0369a1!important;border-radius:var(--radius-md)!important;padding:10px 16px!important;font-size:13px!important;font-weight:700!important;cursor:pointer!important;transition:transform .2s,background .2s,border-color .2s!important;white-space:nowrap!important}.btn-export:hover{background:#eff6ff!important;border-color:#bfdbfe!important;transform:translateY(-1px)}.detail-btn{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:36px!important;border:none!important;border-radius:var(--radius-md)!important;background:#eef6ff!important;color:var(--blue-text)!important;padding:0 14px!important;font-size:12px!important;font-weight:700!important;cursor:pointer!important;transition:transform .2s,box-shadow .2s,background .2s!important;white-space:nowrap!important}.detail-btn:hover{background:var(--blue-soft)!important;box-shadow:0 6px 14px #3b82f61f!important;transform:translateY(-1px)}.detail-btn svg{width:14px!important;height:14px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}.btn-action-small{font-size:12px!important;font-weight:700!important;padding:8px 16px!important;border-radius:8px!important;border:1.5px solid var(--border)!important;background:var(--surface)!important;color:var(--text-soft)!important;cursor:pointer!important;transition:all .2s ease!important;display:inline-flex;align-items:center!important;justify-content:center!important;min-height:36px!important;box-shadow:var(--shadow-2xs)!important}.btn-action-small:hover{border-color:var(--brand)!important;color:var(--brand)!important;background:var(--brand-soft)!important;transform:translateY(-1px)}.btn-action-small.btn-danger-outline{border:1.5px solid #ef4444!important;background:transparent!important;color:#ef4444!important;box-shadow:none!important}.btn-action-small.btn-danger-outline:hover{background:#ef44440f!important;color:#ef4444!important;border-color:#dc2626!important;transform:translateY(-1px)}.btn-action-small.btn-success-solid{border:1.5px solid #10b981!important;background:#10b981!important;color:#fff!important}.btn-action-small.btn-success-solid:hover{background:#059669!important;border-color:#059669!important;color:#fff!important;transform:translateY(-1px)}.table-footer{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;margin-top:18px!important;flex-wrap:wrap!important}.pg-info{font-size:13px!important;color:var(--muted-soft)!important}.pg-btns{display:flex!important;gap:6px!important;flex-wrap:wrap!important}.pg-btn{width:32px!important;height:32px!important;border-radius:8px!important;border:1px solid var(--border)!important;background:var(--surface)!important;color:var(--muted)!important;cursor:pointer!important;font-size:12px!important;font-weight:600!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:background .15s,color .15s,border-color .15s!important}.pg-btn.active{background:var(--brand)!important;color:#fff!important;border-color:var(--brand)!important}.pg-btn:not(.active):hover{background:var(--surface-soft)!important;border-color:var(--brand)!important}.pg-btn-wide{width:auto!important;padding:0 12px!important}.modal-overlay,.detail-modal-overlay{position:fixed!important;inset:0!important;background:#0f172a6b!important;display:none!important;align-items:center!important;justify-content:center!important;z-index:2000!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;padding:20px!important}.modal-overlay.show,.detail-modal-overlay.show{display:flex!important}.modal-card{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-xl)!important;width:min(760px,calc(100vw - 48px))!important;max-height:calc(100vh - 40px)!important;box-shadow:0 25px 50px -12px #0f172a2e!important;animation:modalSlideIn .28s cubic-bezier(.16,1,.3,1)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:18px 22px!important;border-bottom:1px solid #edf2f7!important;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-shrink:0!important}.modal-header h2{font-size:16px!important;font-weight:800!important;color:var(--text)!important}.modal-body{padding:22px!important;overflow-y:auto!important;flex:1!important;min-height:0!important;display:flex!important;flex-direction:column!important;gap:14px!important}.modal-footer{padding:18px 22px!important;display:flex!important;justify-content:flex-end!important;gap:12px!important;border-top:1px solid #edf2f7!important;background:var(--surface)!important;flex-shrink:0!important}.btn-close{width:30px!important;height:30px!important;border-radius:8px!important;background:#f1f5f9!important;border:none!important;cursor:pointer!important;color:var(--muted)!important;font-weight:800!important;font-size:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:background .2s,transform .2s!important}.btn-close:hover{background:#e2e8f0!important;transform:rotate(90deg)}label{font-size:11px!important;font-weight:800!important;color:var(--muted)!important;letter-spacing:.04em!important;text-transform:uppercase!important}.form-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important}.form-group{display:flex!important;flex-direction:column!important;gap:6px!important}.form-group.full{grid-column:span 2!important}.form-group[data-required=true] label:after,.form-group:has([required]) label:after{content:" *";color:#ef4444}input,select,textarea{background:var(--surface-soft)!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;padding:12px 14px!important;font-size:13px!important;color:var(--text-soft)!important;font-family:inherit!important;width:100%!important;transition:border-color .2s,background-color .2s,box-shadow .2s!important}select{appearance:none!important;-webkit-appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:calc(100% - 12px) 50%!important;background-size:14px 14px!important;padding-right:38px!important;cursor:pointer!important}input:focus,select:focus,textarea:focus{background:var(--surface)!important;border-color:var(--brand)!important;outline:none!important;box-shadow:0 0 0 4px #10b9811a!important}input[type=file]{padding:10px 12px!important}input[type=date]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}.chart-box h3{font-size:14px!important;font-weight:700!important;color:var(--text)!important;margin-bottom:2px!important}.chart-legend{display:flex!important;gap:16px!important;margin-top:10px!important;flex-wrap:wrap!important}.chart-legend span{display:flex!important;align-items:center!important;gap:5px!important;font-size:11px!important;color:var(--muted)!important}.chart-legend-dot{width:20px!important;height:3px!important;border-radius:2px!important;display:inline-block!important}.toast-container{position:fixed!important;top:22px!important;right:22px!important;z-index:9999!important;display:flex!important;flex-direction:column!important;gap:12px!important}.toast{min-width:320px!important;background:#fffffff7!important;border-radius:var(--radius-md)!important;padding:16px!important;box-shadow:var(--shadow-md)!important;border:1px solid rgba(220,231,241,.9)!important;display:flex!important;align-items:center!important;gap:14px!important;position:relative!important;overflow:hidden!important;transform:translate(120%)!important;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.toast.show{transform:translate(0)!important}.toast.success{border-left:4px solid var(--brand)!important}.toast.error{border-left:4px solid #ef4444!important}.toast-icon-box{width:36px!important;height:36px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.toast-icon-box svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.5!important;stroke-linecap:round!important;stroke-linejoin:round!important}.toast.success .toast-icon-box{background:var(--brand-soft)!important;color:var(--brand)!important}.toast.error .toast-icon-box{background:var(--danger-soft)!important;color:#ef4444!important}.toast-progress{position:absolute!important;left:0!important;bottom:0!important;width:100%!important;height:3px!important;background:#0f172a0f!important}.toast-progress-bar{width:100%!important;height:100%!important}.toast.success .toast-progress-bar{background:var(--brand)!important}.toast.error .toast-progress-bar{background:#ef4444!important}.toast-content{display:flex!important;flex-direction:column!important;gap:3px!important}.toast-title{display:block!important;font-size:13px!important;font-weight:700!important;color:var(--text)!important}.toast-message{display:block!important;font-size:12px!important;color:var(--muted)!important}.detail-modal-card{width:min(760px,100%)!important;max-height:calc(100vh - 40px)!important;background:var(--surface)!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 24px 60px #0f172a2e!important;animation:modalSlideIn .24s ease-out!important;display:flex!important;flex-direction:column!important}.detail-modal-header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;padding:22px 24px 18px!important;border-bottom:1px solid #edf2f7!important;flex-shrink:0!important}.detail-modal-title{display:flex!important;flex-direction:column!important;gap:6px!important}.detail-modal-title h3{font-size:18px!important;font-weight:800!important;color:var(--text)!important}.detail-modal-title p{font-size:13px!important;color:var(--muted)!important}.detail-modal-close{width:34px!important;height:34px!important;border:none!important;border-radius:var(--radius-sm)!important;background:#f1f5f9!important;color:var(--muted)!important;cursor:pointer!important;font-size:18px!important;line-height:1!important;transition:background .2s,transform .2s!important;display:flex!important;align-items:center!important;justify-content:center!important}.detail-modal-close:hover{background:#e2e8f0!important;transform:rotate(90deg)}.detail-modal-body{padding:22px 24px 24px!important;overflow-y:auto!important;flex:1!important;min-height:0!important}.detail-meta-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-bottom:22px!important}.detail-meta-card{padding:14px 16px!important;border-radius:var(--radius-xl)!important;background:linear-gradient(180deg,#f8fbfe,#f2f7fd)!important;border:1px solid #e3edf6!important}.detail-meta-card span{display:block!important;font-size:11px!important;font-weight:800!important;letter-spacing:.05em!important;text-transform:uppercase!important;color:var(--muted)!important;margin-bottom:8px!important}.detail-meta-card strong{display:block!important;font-size:14px!important;font-weight:800!important;color:var(--text)!important}.detail-section{margin-bottom:22px!important}.detail-section:last-child{margin-bottom:0!important}.detail-section-title{font-size:11px!important;font-weight:800!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--muted)!important;margin-bottom:12px!important}.detail-customer-grid,.detail-data-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.detail-customer-card,.detail-data-item{padding:13px 14px!important;border-radius:var(--radius-lg)!important;background:#f8fbfe!important;border:1px solid #e6eef7!important}.detail-customer-card.span-2,.detail-data-item.span-2{grid-column:span 2!important}.detail-customer-card span,.detail-data-item span{display:block!important;font-size:11px!important;font-weight:800!important;letter-spacing:.05em!important;text-transform:uppercase!important;color:var(--muted)!important;margin-bottom:6px!important}.detail-customer-card strong,.detail-data-item strong{display:block!important;font-size:14px!important;font-weight:700!important;color:var(--text)!important;line-height:1.45!important;word-break:break-word!important}.detail-timeline{position:relative!important;display:flex!important;flex-direction:column!important;gap:16px!important;padding-left:4px!important}.detail-item{display:grid!important;grid-template-columns:26px 1fr!important;gap:14px!important;align-items:flex-start!important}.detail-marker{position:relative!important;display:flex!important;justify-content:center!important;padding-top:6px!important}.detail-point{width:12px!important;height:12px!important;border-radius:999px!important;background:linear-gradient(180deg,var(--brand) 0%,#34d399 100%)!important;box-shadow:0 0 0 5px #10b9811f!important;flex-shrink:0!important}.detail-line{position:absolute!important;top:24px!important;bottom:-18px!important;width:2px!important;background:linear-gradient(180deg,#10b9813d,#cbd5e1b3)!important}.detail-item:last-child .detail-line{display:none!important}.detail-item-card{padding:16px 18px!important;border-radius:18px!important;border:1px solid #e8eef5!important;background:var(--surface)!important;box-shadow:0 4px 12px #0f172a0a!important}.detail-item-top{display:flex!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;margin-bottom:12px!important}.detail-date{font-size:13px!important;font-weight:700!important;color:var(--text)!important}.detail-time{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:5px 10px!important;border-radius:999px!important;background:#eff6ff!important;color:var(--blue-text)!important;font-size:12px!important;font-weight:700!important}.detail-route{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin-bottom:12px!important}.detail-route-arrow{color:var(--muted-soft)!important;display:inline-flex!important;align-items:center!important}.detail-item-meta{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;font-size:12px!important;color:var(--muted)!important}.detail-change-box{margin-top:12px!important;padding:12px 14px!important;border-radius:var(--radius-lg)!important;background:linear-gradient(180deg,#f8fbff,#eff6ff)!important;border:1px solid var(--blue-soft)!important}.detail-change-title{display:block!important;font-size:11px!important;font-weight:800!important;letter-spacing:.05em!important;text-transform:uppercase!important;color:var(--blue-text)!important;margin-bottom:8px!important}.detail-change-item{font-size:12px!important;color:var(--text-soft)!important;line-height:1.5!important}.time-main{font-size:12px!important;font-weight:500!important;color:var(--text-soft)!important;margin-bottom:4px!important;white-space:nowrap!important}.time-sub{display:inline-flex!important;align-items:center!important;gap:4px!important;font-size:11px!important;color:var(--muted-soft)!important;background:#f8fafc!important;padding:2px 8px!important;border-radius:999px!important;white-space:nowrap!important}.time-sub svg{width:11px!important;height:11px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}.arrow-cell{width:34px!important;text-align:center!important;color:var(--muted-soft)!important;padding-left:0!important;padding-right:0!important}.arrow-cell svg{width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}.name-cell{font-weight:700!important;color:var(--text)!important}.empty-state{text-align:center!important;color:var(--muted-soft)!important;padding:32px 18px!important;font-size:13px!important}.custom-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--surface-soft);border:1px solid var(--border);padding:12px 14px;border-radius:var(--radius-sm);font-size:13px;color:var(--text-soft);cursor:pointer;text-align:left;transition:border-color .2s,background-color .2s,box-shadow .2s;min-height:44px;font-family:var(--font-sans)}.custom-dropdown-trigger:focus,.custom-dropdown-trigger.open{background:var(--surface);border-color:var(--brand);outline:none;box-shadow:0 0 0 4px #10b9811a}.custom-dropdown-trigger-content span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:400;text-transform:none;letter-spacing:0;color:var(--text-soft)}.custom-dropdown-chevron{width:14px;height:14px;color:var(--muted);transition:transform .2s ease;flex-shrink:0}.custom-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:200;display:none;flex-direction:column;padding:6px;border-radius:var(--radius-md);border:1px solid var(--border);background:#fffffffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 25px -5px #0000001a,0 8px 16px -6px #0000000d;max-height:240px;overflow-y:auto;animation:dropdownFadeIn .18s cubic-bezier(.16,1,.3,1)}.custom-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;border:none;background:transparent;text-align:left;padding:10px 12px;border-radius:8px;color:var(--text-soft);font-size:13px;font-family:var(--font-sans);cursor:pointer;transition:background .15s,color .15s}.custom-dropdown-item.selected{background:#e0f2fe;color:#0369a1;font-weight:700}.method-dot{width:8px;height:8px;border-radius:999px;display:inline-block;flex-shrink:0}.method-dot.cash{background-color:var(--brand);box-shadow:0 0 5px #10b98173}.method-dot.cod{background-color:#f97316;box-shadow:0 0 5px #f9731673}.method-dot.kredit{background-color:#8b5cf6;box-shadow:0 0 5px #8b5cf673}.method-dot.transfer{background-color:#06b6d4;box-shadow:0 0 5px #06b6d473}.method-dot.status-menunggu-dot{background-color:var(--muted-soft)}.method-dot.status-proses-dot{background-color:var(--blue-text)}.method-dot.status-selesai-dot{background-color:var(--brand)}.method-dot.status-gagal-dot{background-color:#ef4444}.table-toolbar .custom-dropdown-trigger{min-height:44px;background:var(--surface)}.city-autocomplete{position:relative!important;width:100%!important}.city-suggestions{position:absolute!important;top:calc(100% + 8px)!important;left:0!important;right:0!important;z-index:150!important;display:none!important;max-height:220px!important;overflow-y:auto!important;padding:8px!important;border-radius:var(--radius-md)!important;border:1px solid var(--border)!important;background:var(--surface)!important;box-shadow:0 12px 28px #0f172a1f!important}.city-suggestions.show{display:block!important}.city-suggestions.open-up{top:auto!important;bottom:calc(100% + 8px)!important}.city-suggestion{width:100%!important;border:none!important;background:transparent!important;text-align:left!important;padding:10px 12px!important;border-radius:var(--radius-sm)!important;color:var(--text-soft)!important;font-size:13px!important;cursor:pointer!important;transition:background .2s,color .2s!important}.city-suggestion:hover{background:#eff6ff!important;color:#0369a1!important}.cust-suggestions{position:absolute!important;top:calc(100% + 6px)!important;left:0!important;right:0!important;z-index:300!important;display:none!important;max-height:240px!important;overflow-y:auto!important;padding:6px!important;border-radius:var(--radius-md)!important;border:1px solid var(--border)!important;background:var(--surface)!important;box-shadow:0 12px 28px #0f172a1f!important}.cust-suggestions.show{display:block!important}.cust-suggestions.open-up{top:auto!important;bottom:calc(100% + 6px)!important}.cust-suggestion{width:100%!important;border:none!important;background:transparent!important;text-align:left!important;padding:10px 12px!important;border-radius:var(--radius-sm)!important;cursor:pointer!important;transition:background .15s!important}.cust-suggestion:hover{background:#eff6ff!important}.cust-suggestion-name{font-size:13px!important;font-weight:700!important;color:var(--text)!important}.cust-suggestion-meta{font-size:11px!important;color:var(--muted)!important;margin-top:2px!important}.cust-suggestion-empty{padding:14px 12px!important;text-align:center!important;color:var(--muted-soft)!important;font-size:13px!important}.cust-selected-card{display:flex;align-items:center!important;justify-content:space-between!important;gap:12px!important;background:var(--brand-soft)!important;border:1px solid #a7f3d0!important;border-radius:var(--radius-sm)!important;padding:10px 14px!important}.cust-selected-info{font-size:13px!important;font-weight:700!important;color:#065f46!important}.cust-selected-meta{font-size:11px!important;color:var(--brand)!important;margin-top:2px!important}.btn-cust-clear{border:none!important;background:transparent!important;color:var(--danger-text)!important;font-size:12px!important;font-weight:700!important;cursor:pointer!important;padding:4px 10px!important;border-radius:6px!important;white-space:nowrap!important;flex-shrink:0!important}.btn-cust-clear:hover{background:var(--danger-soft)!important}.assign-summary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-bottom:18px!important}.assign-summary-card{border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;padding:14px!important;background:#f8fbff!important}.assign-summary-card span{display:block!important;font-size:11px!important;font-weight:800!important;letter-spacing:.05em!important;text-transform:uppercase!important;color:var(--muted)!important;margin-bottom:6px!important}.assign-summary-card strong{font-size:14px!important;color:var(--text)!important}.backup-item{border:1px solid #e9d5ff!important;border-radius:var(--radius-lg)!important;padding:16px!important;background:linear-gradient(180deg,#fcfaff,#f8f4ff)!important;margin-bottom:12px!important}.backup-item-title{font-size:14px!important;font-weight:700!important;color:var(--text)!important}.backup-empty{text-align:center!important;padding:32px 18px!important;border:1px dashed #d8b4fe!important;border-radius:var(--radius-lg)!important;color:#7c3aed!important;background:#fcfaff!important}.btn-restore{min-height:38px!important;border:none!important;background:#7c3aed!important;color:#fff!important;border-radius:var(--radius-sm)!important;padding:10px 16px!important;font-size:12px!important;font-weight:800!important;cursor:pointer!important;transition:transform .2s,opacity .2s!important}.btn-restore:hover{transform:translateY(-1px);opacity:.92}.qr-container{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}.qr-image-wrapper{padding:12px!important;border:2px solid var(--brand)!important;border-radius:var(--radius-lg)!important;margin:15px 0!important}.proof-preview{display:block!important;margin-top:10px!important;padding:12px!important;border-radius:var(--radius-md)!important;border:1px solid var(--border)!important;background:#f8fbff!important}.image-lightbox{position:fixed!important;inset:0!important;display:none!important;align-items:center!important;justify-content:center!important;padding:24px!important;background:#0f172ad1!important;z-index:2500!important}.image-lightbox.show{display:flex!important}.image-lightbox img{max-width:min(92vw,980px)!important;max-height:86vh!important;border-radius:var(--radius-xl)!important;display:block!important;box-shadow:0 24px 60px #00000059!important}.image-lightbox-close{position:absolute!important;top:22px!important;right:22px!important;width:38px!important;height:38px!important;border:none!important;border-radius:999px!important;background:#ffffff2e!important;color:#fff!important;font-size:22px!important;cursor:pointer!important}.delete-modal-card{width:min(420px,calc(100vw - 32px))!important;max-height:none!important;padding:30px 28px 26px!important;text-align:center!important;align-items:center!important}.delete-modal-icon-wrap{width:56px!important;height:56px!important;margin:0 auto 18px!important;border-radius:var(--radius-md)!important;background:linear-gradient(180deg,#ffe4e6,#fecdd3)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#ef4444!important}.delete-modal-title{margin:0 0 10px!important;font-size:19px!important;font-weight:700!important;color:var(--text)!important}.delete-modal-text{margin:0!important;font-size:13px!important;line-height:1.6!important;color:var(--muted)!important}.delete-modal-actions{width:100%!important;display:flex!important;gap:10px!important;margin-top:22px!important}.delete-modal-btn{flex:1!important;min-height:40px!important;border:none!important;border-radius:var(--radius-sm)!important;font-size:12px!important;font-weight:800!important;cursor:pointer!important;transition:transform .2s,opacity .2s!important}.delete-modal-btn-cancel{background:#e0f2fe!important;color:#0369a1!important}.delete-modal-btn-confirm{background:#ef4444!important;color:#fff!important}.resi-link{border:none!important;background:transparent!important;padding:0!important;cursor:pointer!important}.resi-link:hover .resi-badge{transform:translateY(-1px);box-shadow:0 6px 14px #3b82f61f!important}.helper-text{font-size:12px!important;color:var(--muted)!important;line-height:1.6!important}.form-group small{line-height:1.5!important}#customer-form{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important}@media(max-width:1200px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:1080px){.main-content{padding:20px!important}.toolbar-grid{grid-template-columns:minmax(200px,1.4fr) repeat(2,minmax(130px,1fr))!important}.filter-actions{justify-content:flex-start!important;grid-column:1 / -1!important}.card,.chart-box,.table-box,.table-card,.stat-card,.meta-card,.feed-card{padding:18px!important}}@media(max-width:960px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.charts{grid-template-columns:1fr!important}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.header{flex-direction:column!important;gap:14px!important}.date-box{text-align:left!important}}@media(max-width:900px){.table-header,.table-top{flex-direction:column!important;align-items:stretch!important}.table-header a{align-self:flex-start!important}.table-header-actions{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important;margin-top:10px!important;justify-content:flex-start!important}.table-header .btn-submit,.table-top .btn-submit,.table-header-actions button,.table-header-actions .btn-tambah,.table-header-actions .btn-backup,.table-header-actions .btn-export{flex:1 1 calc(50% - 8px)!important;min-width:120px!important;width:auto!important;text-align:center!important;justify-content:center!important;margin:0!important}.table-footer{flex-direction:column!important;align-items:stretch!important}.pg-btns{justify-content:flex-start!important}.modal-overlay,.detail-modal-overlay{padding:16px!important}.modal-card{width:min(100%,600px)!important}.modal-body,.modal-header,.modal-footer{padding-left:18px!important;padding-right:18px!important}.modal-footer{flex-wrap:wrap!important}.form-grid{grid-template-columns:1fr!important;gap:14px!important}.form-group.full{grid-column:auto!important}.assign-summary{grid-template-columns:1fr!important}.header-search{min-width:0!important;width:100%!important}.table-header-actions{width:100%!important}}@media(max-width:768px){.main-content{padding:18px!important}.page-header h1,.header h1{font-size:20px!important}.card,.chart-box,.table-box,.table-card,.stat-card,.meta-card,.feed-card{padding:16px!important}.toast-container{left:50%!important;right:auto!important;transform:translate(-50%)!important;top:76px!important;width:calc(100% - 32px)!important;max-width:360px!important}.toast{min-width:0!important;width:100%!important;padding:12px 14px!important;gap:10px!important;border-radius:var(--radius-md)!important}.toast-icon-box{width:28px!important;height:28px!important;border-radius:6px!important}.toast-icon-box svg{width:15px!important;height:15px!important}.table-toolbar{padding:14px!important}.toolbar-grid{grid-template-columns:1fr!important}.filter-actions,.btn-reset-filter{width:100%!important}.detail-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:680px){.cards{grid-template-columns:1fr!important}}@media(max-width:1024px){.table-box,.table-card{overflow-x:visible!important;overflow-y:visible!important}.table-wrap{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;width:100%!important}.table-box table,.table-card table,.table-wrap table{min-width:960px!important}th,thead th,td,tbody td{white-space:nowrap!important}.actions{flex-wrap:nowrap!important}.action-btn{flex:0 0 auto!important}}@media(max-width:560px){.main-content{padding:14px!important}.page-header,.header{margin-bottom:16px!important}.page-header h1,.header h1{font-size:19px!important}.table-box,.table-card,.chart-box,.meta-card,.feed-card,.modal-card,.card,.stat-card{border-radius:var(--radius-lg)!important}.toast-title{font-size:12px!important}.toast-message{font-size:11px!important}.detail-meta-grid,.detail-customer-grid,.detail-data-grid{grid-template-columns:1fr!important}.detail-customer-card.span-2,.detail-data-item.span-2{grid-column:auto!important}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}}@media print{body *{visibility:hidden}#modal-qr,#modal-qr *{visibility:visible}#modal-qr{position:absolute;left:0;top:0;width:100%;box-shadow:none}.btn-close,.btn-tambah,.btn-batal{display:none}}.exceptions-chips-area{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:10px!important;min-height:0!important;max-height:150px!important;overflow-y:auto!important}.exceptions-chips-area:empty{display:none!important}.exception-chip{display:inline-flex!important;align-items:center!important;gap:6px!important;background:var(--surface-soft)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:9999px!important;padding:5px 12px!important;font-size:12px!important;font-weight:600!important;animation:chipIn .15s ease-out!important}@keyframes chipIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.exception-chip-remove{cursor:pointer!important;font-size:14px!important;line-height:1!important;color:var(--muted-soft)!important;font-weight:700!important;transition:color .15s!important;border:none!important;background:none!important;padding:0!important;display:flex!important;align-items:center!important}.exception-chip-remove:hover{color:#ef4444!important}#modal-bulk-status .modal-card,#modal-bulk-status .modal-body{overflow:visible!important}#modal-bulk-status .custom-dropdown-menu{top:calc(100% + 6px)!important;bottom:auto!important;animation:dropdownFadeIn .18s cubic-bezier(.16,1,.3,1)!important}@font-face{font-family:SF Pro Text;src:local("SF Pro Text"),local("SF Pro Display"),local("SF Pro"),local(".SFNSText-Regular");font-style:normal;font-weight:100 900}html.page-loading,body.page-loading{overflow:hidden}.teman-loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.66),transparent 34%),radial-gradient(circle at 82% 78%,rgba(16,185,129,.08),transparent 28%),linear-gradient(180deg,#e9f2fa,#dce9f5);opacity:1;visibility:visible;transition:opacity .28s ease,visibility .28s ease}.teman-loader.is-hiding{opacity:0;visibility:hidden}.teman-loader-shell{position:relative;display:grid;place-items:center;width:min(100%,220px);padding:30px 26px}.teman-loader-shell:before{content:"";position:absolute;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle,#ffffff61,#fff0);filter:blur(12px)}.teman-loader-stage{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:34px}.teman-loader-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(180deg,#fff,#8ed8c8);box-shadow:0 6px 18px #10b98129,0 0 0 1px #ffffff47 inset;opacity:.36;transform-origin:center;animation:loaderWave 1.1s ease-in-out infinite}.teman-loader-dot:nth-child(1){animation-delay:0s}.teman-loader-dot:nth-child(2){animation-delay:.08s}.teman-loader-dot:nth-child(3){animation-delay:.16s}.teman-loader-dot:nth-child(4){animation-delay:.24s}.teman-loader-dot:nth-child(5){animation-delay:.32s}.teman-loader-dot:nth-child(6){animation-delay:.4s}@keyframes loaderWave{0%,to{transform:translateY(0) scale(.82);opacity:.3}50%{transform:translateY(-12px) scale(1.08);opacity:1}}@media(max-width:560px){.teman-loader{padding:14px}.teman-loader-shell{width:min(100%,190px);padding:24px 18px}.teman-loader-stage{gap:8px}.teman-loader-dot{width:9px;height:9px}}#root{min-height:100vh}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background-color:#dce9f5!important;font-family:Inter,sans-serif!important}.login-shell *,.login-shell *:before,.login-shell *:after{font-family:Inter,sans-serif!important;letter-spacing:normal!important;text-transform:none!important}.login-shell .card-wrapper{width:100%;max-width:1100px;min-height:660px;display:flex;overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 8px 40px #0000001a}.login-shell .left-panel{position:relative;display:flex;width:42%;align-items:center;justify-content:center;overflow:hidden;padding:2.5rem 2rem;background:#10b981}.login-shell .shape{position:absolute}.login-shell .shape-tl{top:-35px;left:-45px;width:165px;height:165px;border-radius:40% 60% 55% 45%/45% 50% 50% 55%;background:#0000002e;transform:rotate(-15deg)}.login-shell .shape-mr{top:36%;right:-28px;width:115px;height:115px;border-radius:50% 50% 40% 60%/50% 40% 60% 50%;background:#0000001f;transform:rotate(10deg)}.login-shell .shape-bl{bottom:-25px;left:-22px;width:155px;height:155px;border-radius:55% 45% 50% 50%/50% 55% 45% 50%;background:#00000029;transform:rotate(20deg)}.login-shell .shape-circle{right:28px;bottom:48px;width:105px;height:105px;border:2.5px solid rgba(255,255,255,.55);border-radius:50%;background:transparent}.login-shell .left-content{position:relative;z-index:1;text-align:center;color:#fff!important}.login-shell .left-content h2{margin:0 0 .75rem;color:#fff!important;font-size:1.55rem!important;font-weight:800!important;line-height:1.3!important}.login-shell .left-content p{max-width:235px;margin:0 auto;color:#ffffffed!important;font-size:.875rem!important;font-weight:500!important;line-height:1.7!important}.login-shell .right-panel{display:flex;width:58%;flex-direction:column;justify-content:space-between;padding:2rem 3rem 1.5rem;background:#fff!important}.login-shell .logo-area{display:flex;justify-content:flex-end;margin-top:-2.5rem;margin-right:-4.5rem}.login-shell .logo-area img{width:auto;height:140px;object-fit:contain}.login-shell .form-area{flex:1}.login-shell .form-heading{margin:0 0 4px;color:#111827!important;font-size:2rem!important;font-weight:800!important}.login-shell .heading-underline{width:44px;height:3.5px;margin-bottom:8px;border-radius:99px;background:linear-gradient(90deg,#3b82f6,#10b981)}.login-shell .form-subtext{margin:0 0 1.6rem;color:#6b7280!important;font-size:.84rem!important}.login-shell .mb-3{margin-bottom:1rem}.login-shell .mb-4{margin-bottom:1.5rem}.login-shell .form-label{display:block;margin:0 0 6px!important;color:#111827!important;font-size:.82rem!important;font-weight:600!important}.login-shell .form-control{width:100%;padding:.72rem 1rem!important;border:1.5px solid #f3f4f6!important;border-radius:10px!important;background:#f3f4f6!important;color:#374151!important;font-size:.855rem!important;transition:border-color .2s,box-shadow .2s,background .2s}.login-shell .form-control::placeholder{color:#9ca3af}.login-shell .form-control:focus{outline:none;border-color:#10b981!important;background:#fff!important;box-shadow:0 0 0 3px #10b98126!important}.login-shell .password-wrapper{position:relative}.login-shell .password-wrapper .form-control{padding-right:2.8rem!important}.login-shell .toggle-pw{position:absolute;top:50%;right:.85rem;display:flex;align-items:center;padding:0;border:none;background:none;color:#9ca3af!important;transform:translateY(-50%);transition:color .2s}.login-shell .toggle-pw:hover{color:#374151!important}.login-shell .form-control.is-invalid{border-color:#ef4444!important;background:#fff!important;box-shadow:0 0 0 3px #ef44441f!important}.login-shell .invalid-feedback{display:none;margin-top:4px;color:#ef4444!important;font-size:.78rem!important}.login-shell .form-control.is-invalid+.invalid-feedback{display:block}.login-shell .password-wrapper .form-control.is-invalid~.invalid-feedback{display:block}.login-shell .form-meta-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.login-shell .form-check{display:inline-flex;align-items:center;gap:.55rem}.login-shell .form-check-input{width:16px!important;height:16px!important;margin:0;border:1.5px solid #d1d5db!important;border-radius:4px!important;accent-color:#10b981}.login-shell .form-check-label{color:#374151!important;font-size:.83rem!important;cursor:pointer}.login-shell .lupa-link{color:#2563eb!important;font-size:.83rem!important;font-weight:600!important;text-decoration:none!important}.login-shell .lupa-link:hover{text-decoration:underline!important}.login-shell .btn-masuk{display:block;width:100%;padding:.82rem;border:none!important;border-radius:10px!important;background:#10b981!important;color:#fff!important;font-size:.95rem!important;font-weight:700!important;letter-spacing:.02em!important;transition:background .2s,transform .15s}.login-shell .btn-masuk:hover{background:#059669!important;transform:translateY(-1px)}.login-shell .btn-masuk:active{transform:translateY(0)}.login-shell .alert-login{display:none;align-items:center;gap:10px;margin-bottom:1.1rem;padding:.72rem 1rem;border:1px solid #fca5a5;border-radius:10px;background:#fef2f2;color:#b91c1c!important;font-size:.82rem!important;font-weight:500!important;animation:login-shake .35s ease}.login-shell .alert-login.show{display:flex}.login-shell .alert-login svg{flex-shrink:0}@keyframes login-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.login-shell .footer-text{margin:1.5rem 0 0;text-align:center;color:#9ca3af!important;font-size:.75rem!important}@media(max-width:767px){.login-shell .card-wrapper{min-height:unset;flex-direction:column;border-radius:16px}.login-shell .left-panel{width:100%;min-height:160px;padding:2rem 1.5rem}.login-shell .shape-tl{top:-20px;left:-25px;width:100px;height:100px}.login-shell .shape-mr{right:-18px;width:70px;height:70px}.login-shell .shape-bl{bottom:-15px;left:-12px;width:90px;height:90px}.login-shell .shape-circle{right:20px;bottom:28px;width:65px;height:65px}.login-shell .left-content h2{font-size:1.3rem!important}.login-shell .left-content p{max-width:280px;font-size:.82rem!important}.login-shell .right-panel{width:100%;padding:1.75rem 1.5rem 1.25rem;position:relative}.login-shell .logo-area{position:absolute;top:.4rem;right:.4rem;margin:0;display:flex}.login-shell .logo-area img{height:60px}.login-shell .form-heading{font-size:1.6rem!important}.login-shell .form-subtext{margin-bottom:1.2rem}}@media(max-width:400px){.login-shell .right-panel{padding:1.25rem 1rem}.login-shell .form-heading{font-size:1.4rem!important}.login-shell .form-meta-row{flex-direction:column;align-items:flex-start}}.tracking-public{min-height:100vh;background:radial-gradient(circle at top left,rgba(16,185,129,.18),transparent 22%),radial-gradient(circle at bottom right,rgba(59,130,246,.14),transparent 24%),#dce9f5;color:#111827;font-family:Inter,sans-serif}.tracking-public,.tracking-public *{box-sizing:border-box}.tracking-public-shell{width:min(1120px,calc(100vw - 32px));margin:0 auto;padding:28px 0 56px}.tracking-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px;align-items:start;margin-bottom:18px}.tracking-hero-card,.tracking-info-card,.tracking-result-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 8px 40px #0f172a14}.tracking-hero-card{position:relative;overflow:visible;min-height:420px;padding:36px 40px}.tracking-card-bg-glow{position:absolute;inset:0;overflow:hidden;border-radius:20px;pointer-events:none;z-index:0}.tracking-card-bg-glow:before{content:"";position:absolute;top:-28px;left:-34px;width:150px;height:150px;border-radius:40% 60% 55% 45%/45% 50% 50% 55%;background:#10b9811a}.tracking-card-bg-glow:after{content:"";position:absolute;right:-18px;bottom:-22px;width:118px;height:118px;border-radius:55% 45% 50% 50%/50% 55% 45% 50%;background:#3b82f612}.tracking-hero-card>*{position:relative;z-index:1}.tracking-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;background:#dcfce7;color:#047857;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.tracking-kicker:before{content:"";width:8px;height:8px;border-radius:999px;background:#10b981}.tracking-hero-card h1{margin:18px 0 14px;max-width:640px;font-size:clamp(32px,4vw,42px);line-height:1.08;letter-spacing:-.04em}.tracking-hero-card p{max-width:600px;font-size:16px;line-height:1.75;color:#6b7280}.tracking-form{margin-top:28px}.tracking-form-label{display:block;margin-bottom:10px;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#64748b}.tracking-form-row{display:flex;gap:12px;align-items:stretch}.tracking-input-wrap{flex:1;position:relative}.tracking-input{width:100%;min-height:58px;padding:0 18px;border-radius:16px;border:1.5px solid #f3f4f6;background:#f3f4f6;color:#374151;font-size:15px;font-weight:600;transition:border-color .2s,box-shadow .2s,background .2s}.tracking-input::placeholder{color:#9ca3af}.tracking-input:focus{outline:none;border-color:#10b981;background:#fff;box-shadow:0 0 0 3px #10b98126}.tracking-submit{min-width:172px;min-height:58px;padding:0 22px;border:none;border-radius:16px;background:#10b981;color:#fff;font-size:14px;font-weight:800;letter-spacing:.02em;cursor:pointer;box-shadow:0 16px 30px #10b98138;transition:transform .2s,box-shadow .2s,background .2s,opacity .2s}.tracking-submit:hover:not(:disabled){transform:translateY(-1px);background:#059669;box-shadow:0 20px 36px #10b98147}.tracking-submit:disabled{cursor:wait;opacity:.72}.tracking-help{margin-top:14px;font-size:13px;color:#6b7280}.tracking-info-card{min-height:420px;padding:34px 30px;background:linear-gradient(180deg,#fff,#f8fbff)}.tracking-info-card h2{margin:0 0 14px;font-size:17px;font-weight:800}.tracking-info-card p{font-size:15px;line-height:1.75;color:#6b7280}.tracking-feature-list{margin-top:20px;display:grid;gap:14px}.tracking-feature{padding:16px 18px;border-radius:18px;background:#f9fafb;border:1px solid #eef2f7}.tracking-feature strong{display:block;margin-bottom:8px;font-size:13px}.tracking-feature span{display:block;font-size:13px;line-height:1.7;color:#6b7280}.tracking-error{margin-top:14px;padding:14px 16px;border-radius:14px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:13px;line-height:1.55}.tracking-result-card{padding:28px}.tracking-empty{display:grid;place-items:center;min-height:280px;text-align:center;color:#6b7280}.tracking-empty-grid{max-width:420px}.tracking-empty-badge{width:74px;height:74px;margin:0 auto 16px;border-radius:22px;background:linear-gradient(180deg,#ecfeff,#d1fae5);color:#0f766e;display:grid;place-items:center}.tracking-empty-badge svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2}.tracking-empty h3,.tracking-section-title{font-size:20px;font-weight:800;color:#111827}.tracking-empty p{margin-top:10px;font-size:14px;line-height:1.7}.tracking-result-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px;flex-wrap:wrap}.tracking-result-header p{margin-top:8px;color:#6b7280;font-size:14px}.tracking-status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:999px;font-size:13px;font-weight:800;white-space:nowrap}.tracking-status-pill.info{background:#dbeafe;color:#1d4ed8}.tracking-status-pill.success{background:#d1fae5;color:#065f46}.tracking-status-pill.warning{background:#fef3c7;color:#b45309}.tracking-status-pill.danger{background:#fee2e2;color:#b91c1c}.tracking-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.tracking-summary-item{padding:14px 16px;border-radius:14px;border:1px solid #edf2f7;background:#f9fafb}.tracking-summary-item span{display:block;margin-bottom:8px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#64748b}.tracking-summary-item strong{display:block;font-size:15px;line-height:1.45;word-break:break-word}.tracking-summary-item.full{grid-column:span 2}.tracking-timeline{margin-top:4px;display:grid;gap:16px}.tracking-step{display:grid;grid-template-columns:28px 1fr;gap:14px;align-items:flex-start}.tracking-step-marker{position:relative;display:flex;justify-content:center;padding-top:5px}.tracking-step-point{width:14px;height:14px;border-radius:999px;background:linear-gradient(180deg,#10b981,#34d399);box-shadow:0 0 0 5px #10b9811f}.tracking-step-line{position:absolute;top:24px;bottom:-22px;width:2px;background:linear-gradient(180deg,#10b98147,#cbd5e1d1)}.tracking-step:last-child .tracking-step-line{display:none}.tracking-step-card{padding:18px;border-radius:16px;border:1px solid #eef2f7;background:#fff;box-shadow:0 6px 20px #0f172a0d}.tracking-step-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.tracking-step-top h4{font-size:16px;font-weight:800}.tracking-step-meta{margin-top:10px;display:flex;flex-wrap:wrap;gap:10px;color:#6b7280;font-size:12px}.tracking-step-route{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.tracking-step-route .tracking-status-pill{min-height:34px;padding:0 14px;font-size:12px}.tracking-step-route-arrow{color:#94a3b8;font-size:18px;font-weight:800;line-height:1}.tracking-step-note{margin-top:12px;padding:13px 14px;border-radius:14px;background:#f9fafb;border:1px solid #eef2f7;color:#4b5563;font-size:13px;line-height:1.6}.tracking-proof{margin-top:14px}.tracking-proof img{width:100%;max-width:320px;border-radius:14px;border:1px solid #dce7f1;display:block}@media(max-width:980px){.tracking-hero{grid-template-columns:1fr}.tracking-hero-card,.tracking-info-card{min-height:unset}.tracking-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tracking-summary-item.full{grid-column:span 2}}@media(max-width:720px){.tracking-public-shell{width:min(100vw - 24px,1120px);padding-top:18px}.tracking-hero-card,.tracking-info-card,.tracking-result-card{border-radius:16px;padding:22px 20px}.tracking-hero-card:before{width:110px;height:110px;top:-18px;left:-22px}.tracking-hero-card:after{width:84px;height:84px;right:-12px;bottom:-16px}.tracking-form-row{flex-direction:column}.tracking-input,.tracking-submit{width:100%}}@media(max-width:560px){.tracking-public-shell{width:min(100vw - 16px,1120px);padding-top:14px;padding-bottom:32px}.tracking-hero-card,.tracking-info-card,.tracking-result-card{padding:18px}.tracking-hero-card h1{font-size:24px;line-height:1.12}.tracking-hero-card p,.tracking-help,.tracking-info-card p,.tracking-empty p,.tracking-result-header p{font-size:13px}.tracking-feature span{font-size:12px}.tracking-input,.tracking-submit{min-height:52px;font-size:14px}.tracking-step{grid-template-columns:18px 1fr;gap:10px}.tracking-step-card{padding:14px}.tracking-summary-grid{grid-template-columns:1fr}.tracking-summary-item.full{grid-column:auto}}.custom-dropdown{position:relative;width:100%}.custom-dropdown-select-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;border:0!important;pointer-events:none!important}.custom-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;background:#edf5fb;border:1px solid #dce7f1;padding:12px 14px;border-radius:10px;font-size:13px;color:#334155;cursor:pointer;text-align:left;transition:border-color .2s,background-color .2s,box-shadow .2s;min-height:44px;font-family:inherit}.custom-dropdown-trigger:hover{background-color:#e2f0fd;border-color:#b0cfe0}.custom-dropdown-trigger:focus,.custom-dropdown-trigger.open{background:#fff;border-color:#10b981;outline:none;box-shadow:0 0 0 4px #10b9811a}.custom-dropdown-trigger-content{display:flex;align-items:center;gap:8px;width:100%;overflow:hidden}.custom-dropdown-trigger-content span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:400;color:#334155}.custom-dropdown-chevron{width:14px;height:14px;color:#64748b;transition:transform .2s ease;flex-shrink:0}.custom-dropdown-trigger.open .custom-dropdown-chevron{transform:rotate(180deg)}.custom-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:200;display:none;flex-direction:column;padding:6px;border-radius:12px;border:1px solid #dce7f1;background:#fffffffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 25px -5px #0000001a,0 8px 16px -6px #0000000d;max-height:240px;overflow-y:auto;animation:dropdownFadeIn .18s cubic-bezier(.16,1,.3,1)}.custom-dropdown-menu.show{display:flex}.custom-dropdown-menu.open-up{top:auto!important;bottom:calc(100% + 6px)!important;animation:dropdownFadeInUp .18s cubic-bezier(.16,1,.3,1)!important}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownFadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.custom-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;border:none;background:transparent;text-align:left;padding:10px 12px;border-radius:8px;color:#334155;font-size:13px;font-weight:400;font-family:inherit;cursor:pointer;transition:background .15s,color .15s}.custom-dropdown-item:hover{background:#f0f9ff;color:#0369a1}.tracking-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}@media(max-width:560px){.tracking-field-grid{grid-template-columns:1fr;gap:12px}}.lp-root-container,.lp-root-container *,.lp-root-container *:before,.lp-root-container *:after{box-sizing:border-box;margin:0;padding:0}.lp-root-container{--primary-teal: #10b981;--primary-teal-dark: #059669;--secondary-teal: #059669;--light-teal-bg: #f0fdf4;--accent-orange: #f97316;--accent-orange-dark: #ea580c;--neutral-dark: #111827;--neutral-body: #334155;--neutral-light: #f8fafc;--white: #ffffff;--border-light: #e2e8f0;--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-primary: 0 10px 20px -5px rgba(16, 185, 129, .3);--shadow-orange: 0 10px 20px -5px rgba(249, 115, 22, .35);font-family:Inter,SF Pro Text,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--neutral-body);background:var(--white);overflow-x:hidden;-webkit-font-smoothing:antialiased;line-height:1.6}.lp-container{width:min(1200px,calc(100% - 48px));margin:0 auto}.lp-root-container h1,.lp-root-container h2,.lp-root-container h3,.lp-root-container h4,.lp-root-container h5,.lp-root-container h6{font-family:Outfit,sans-serif;color:var(--neutral-dark);font-weight:700;line-height:1.25}.lp-section-header{margin-bottom:3.5rem}.lp-section-eyebrow{display:inline-block;font-size:.85rem;font-weight:800;color:var(--secondary-teal);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem}.lp-section-title{font-size:clamp(2rem,4vw,2.5rem);margin-bottom:1rem}.lp-section-desc{font-size:1.1rem;color:var(--neutral-body);max-width:750px}.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 32px;border-radius:9999px;font-size:1rem;font-weight:700;text-decoration:none;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border:2px solid transparent;white-space:nowrap}.lp-btn-primary{background:var(--primary-teal);color:var(--white);box-shadow:var(--shadow-primary)}.lp-btn-primary:hover{background:var(--primary-teal-dark);transform:translateY(-2px);box-shadow:0 12px 24px -5px #10b98166}.lp-btn-outline-white{background:transparent;color:var(--white);border-color:#fff6}.lp-btn-outline-white:hover{background:#ffffff1a;border-color:var(--white);transform:translateY(-2px)}.lp-btn-cta-orange{background:var(--accent-orange);color:var(--white);box-shadow:var(--shadow-orange)}.lp-btn-cta-orange:hover{background:var(--accent-orange-dark);transform:translateY(-2px);box-shadow:0 12px 24px -5px #f9731673}.lp-navbar{position:fixed;top:0;left:0;right:0;height:80px;z-index:1000;transition:all .3s ease;display:flex;align-items:center;background:transparent;border-bottom:1px solid rgba(255,255,255,.08)}.lp-navbar.scrolled{background:#10b981f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:70px;box-shadow:var(--shadow-md);border-bottom:1px solid rgba(255,255,255,.1)}.lp-nav-content{display:flex;align-items:center;justify-content:space-between;width:100%}.lp-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.lp-brand img{height:40px;width:auto;object-fit:contain}.lp-brand span{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800;color:var(--white);letter-spacing:-.01em}.lp-nav-menu{display:flex;align-items:center;gap:8px}.lp-nav-link{color:#fffc;font-size:.9rem;font-weight:600;padding:8px 16px;text-decoration:none;border-radius:9999px;transition:all .2s}.lp-nav-link:hover{color:var(--white);background:#ffffff1a}.lp-hamburger{background:none;border:none;display:flex;flex-direction:column;justify-content:space-between;width:24px;height:18px;cursor:pointer;z-index:1001}.lp-hamburger span{display:block;width:100%;height:2px;background:var(--white);border-radius:2px;transition:all .3s ease}.lp-hamburger span.open:nth-child(1){transform:translateY(8px) rotate(45deg)}.lp-hamburger span.open:nth-child(2){opacity:0}.lp-hamburger span.open:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.lp-mobile-menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:var(--primary-teal-dark);z-index:999;padding:100px 24px 40px;display:flex;flex-direction:column;gap:16px;transition:right .4s cubic-bezier(.4,0,.2,1);box-shadow:-10px 0 30px #00000026}.lp-mobile-menu.active{right:0}.lp-mobile-link{color:#ffffffe6;font-size:1.1rem;font-weight:600;text-decoration:none;padding:12px 16px;border-radius:8px;transition:all .2s}.lp-mobile-link:hover{background:#ffffff26}.lp-mobile-divider{height:1px;background:#ffffff1a;margin:16px 0}.lp-hero-section{position:relative;background:linear-gradient(135deg,var(--primary-teal) 0%,var(--primary-teal-dark) 100%);padding:180px 0 140px;color:var(--white);overflow:hidden;clip-path:ellipse(150% 100% at 50% 0%)}.lp-hero-bg-waves{position:absolute;inset:0;background-image:radial-gradient(circle at 80% 20%,rgba(16,185,129,.15) 0%,transparent 50%),radial-gradient(circle at 10% 80%,rgba(16,185,129,.1) 0%,transparent 40%);pointer-events:none}.lp-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}.lp-hero-title{color:var(--white);font-size:clamp(2.25rem,5vw,3.5rem);line-height:1.15;margin-bottom:1.5rem;letter-spacing:-.02em}.lp-hero-subtitle{font-size:1.2rem;color:#ffffffd9;margin-bottom:2.5rem;max-width:580px;line-height:1.5}.lp-track-form{display:flex;background:var(--white);padding:6px;border-radius:9999px;box-shadow:0 15px 30px #00000026;max-width:550px;border:1px solid rgba(255,255,255,.2)}.lp-track-input{flex:1;border:none;background:transparent;padding:0 24px;font-size:1rem;color:var(--neutral-dark);font-family:inherit}.lp-track-input:focus{outline:none}.lp-track-submit-btn{height:52px;padding:0 28px;background:var(--accent-orange);color:var(--white);border:none;border-radius:9999px;font-weight:700;font-size:1rem;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:var(--shadow-orange);transition:all .25s}.lp-track-submit-btn:hover{background:var(--accent-orange-dark);transform:translate(2px)}.lp-track-submit-btn svg{width:18px;height:18px}.lp-hero-graphic{position:relative;perspective:1000px}.lp-mockup-browser{background:var(--white);border-radius:12px;box-shadow:0 30px 60px #00000040;overflow:hidden;border:1px solid var(--border-light);transform:rotateY(-8deg) rotateX(4deg) rotate(-1deg);transition:all .5s ease}.lp-mockup-browser:hover{transform:rotateY(0) rotateX(0) rotate(0)}.lp-browser-header{height:38px;background:#f1f5f9;display:flex;align-items:center;padding:0 16px;gap:6px;border-bottom:1px solid var(--border-light)}.lp-browser-header .dot{width:10px;height:10px;border-radius:50px}.dot-red{background:#ef4444}.dot-yellow{background:#eab308}.dot-green{background:#22c55e}.lp-browser-address-bar{flex:1;max-width:320px;height:24px;background:var(--white);border-radius:4px;margin:0 auto;border:1px solid #cbd5e1;font-size:.75rem;color:#64748b;display:flex;align-items:center;justify-content:center}.lp-browser-content{padding:24px;background:var(--neutral-light)}.lp-mockup-tracking-card{background:var(--white);border-radius:10px;padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.lp-mockup-badge{display:inline-block;font-size:.7rem;font-weight:800;color:var(--accent-orange);background:#fff3eb;padding:4px 10px;border-radius:4px;margin-bottom:8px;letter-spacing:.05em}.lp-mockup-resi-no{font-size:.95rem;font-weight:700;color:var(--neutral-dark);margin-bottom:20px}.lp-mockup-timeline{display:flex;flex-direction:column;gap:20px;position:relative}.lp-mockup-timeline:before{content:"";position:absolute;top:8px;left:6px;bottom:8px;width:2px;background:#e2e8f0}.lp-timeline-step{display:flex;gap:16px;position:relative}.lp-step-bullet{width:14px;height:14px;border-radius:50%;background:#cbd5e1;border:3px solid var(--white);box-shadow:0 0 0 1px #cbd5e1;z-index:1}.lp-timeline-step.done .lp-step-bullet{background:var(--secondary-teal);box-shadow:0 0 0 1px var(--secondary-teal)}.lp-timeline-step.active .lp-step-bullet{background:var(--accent-orange);box-shadow:0 0 0 1px var(--accent-orange)}.lp-step-info .step-title{font-size:.85rem;font-weight:700;color:var(--neutral-dark);margin-bottom:2px}.lp-step-info .step-time{font-size:.75rem;color:#64748b}.lp-features-section{position:relative;z-index:10;margin-top:-60px;padding-bottom:80px}.lp-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}.lp-feature-card{background:var(--white);border-radius:16px;padding:40px;box-shadow:var(--shadow-lg);border:1px solid rgba(16,185,129,.05);transition:all .3s cubic-bezier(.4,0,.2,1)}.lp-feature-card:hover{transform:translateY(-8px);box-shadow:0 30px 50px #10b9811f}.lp-feature-icon-wrapper{width:60px;height:60px;border-radius:12px;background:var(--light-teal-bg);color:var(--primary-teal);display:flex;align-items:center;justify-content:center;margin-bottom:24px}.lp-feat-icon{width:28px;height:28px}.lp-feature-title{font-size:1.35rem;margin-bottom:12px}.lp-feature-desc{font-size:.95rem;color:var(--neutral-body);line-height:1.6}.lp-about-section{padding:80px 0;background:var(--white)}.lp-about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}.lp-about-image-side{position:relative;height:480px;background:linear-gradient(135deg,var(--light-teal-bg) 0%,#d1fae5 100%);border-radius:20px;border:1px solid rgba(16,185,129,.1);display:flex;align-items:center;justify-content:center}.lp-delivery-badge-graphic{position:absolute;top:10%;left:10%}.badge-circle{width:120px;height:120px;border-radius:50%;background:var(--accent-orange);color:var(--white);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow-orange);transform:rotate(-10deg)}.badge-circle .badge-value{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800}.badge-circle .badge-label{font-size:.8rem;font-weight:700;text-transform:uppercase}.lp-about-info-card{position:absolute;bottom:-30px;right:-30px;background:var(--white);border-radius:16px;padding:30px;box-shadow:var(--shadow-lg);border:1px solid var(--border-light);max-width:320px}.lp-about-info-card h3{font-size:1.15rem;margin-bottom:8px}.lp-about-info-card p{font-size:.85rem;color:var(--neutral-body);margin-bottom:16px}.lp-advantages-list{display:flex;flex-direction:column;gap:16px;margin-top:24px}.lp-advantage-item{display:flex;gap:12px;align-items:flex-start}.lp-check-icon{width:20px;height:20px;color:var(--secondary-teal);flex-shrink:0;margin-top:2px}.lp-advantage-item span{font-size:.95rem;font-weight:600;color:var(--neutral-dark)}.lp-steps-section{padding:100px 0;background:var(--light-teal-bg)}.lp-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:50px}.lp-step-card{background:var(--white);border-radius:16px;padding:40px 30px;text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);position:relative;transition:all .3s}.lp-step-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.lp-step-number{width:50px;height:50px;background:var(--primary-teal);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;margin:0 auto 24px;box-shadow:var(--shadow-primary)}.lp-step-title{font-size:1.25rem;margin-bottom:12px}.lp-step-desc{font-size:.9rem;color:var(--neutral-body)}.lp-services-section{padding:100px 0;background:var(--white)}.lp-services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-top:50px}.lp-service-card-new{background:var(--neutral-light);border-radius:16px;padding:35px;border:1px solid var(--border-light);transition:all .3s}.lp-service-card-new:hover{background:var(--white);border-color:var(--secondary-teal);box-shadow:var(--shadow-md)}.lp-service-icon-wrapper-new{width:52px;height:52px;border-radius:10px;background:var(--light-teal-bg);color:var(--primary-teal);display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:all .3s}.lp-service-card-new:hover .lp-service-icon-wrapper-new{background:var(--primary-teal);color:var(--white)}.lp-service-svg-icon{width:26px;height:26px;stroke-width:2.2}.lp-contact-svg-icon{width:22px;height:22px;color:var(--primary-teal);flex-shrink:0;margin-top:2px}.service-title{font-size:1.2rem;margin-bottom:10px}.service-desc{font-size:.9rem;color:var(--neutral-body)}.lp-pricing-section{padding:100px 0;background:var(--light-teal-bg)}.lp-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-top:50px;align-items:stretch}.lp-price-card{background:var(--white);border-radius:20px;padding:40px;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.lp-price-card.popular{border:2px solid var(--secondary-teal);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.lp-price-card.popular:hover{transform:translateY(-12px)}.popular-badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:var(--secondary-teal);color:var(--white);font-size:.7rem;font-weight:800;padding:6px 16px;border-radius:9999px;letter-spacing:.05em;box-shadow:0 4px 10px #10b9814d}.plan-name{font-size:1.5rem;margin-bottom:8px}.plan-desc{font-size:.9rem;color:var(--neutral-body);margin-bottom:24px}.plan-price-wrapper{display:flex;align-items:baseline;margin-bottom:24px}.price-amount{font-family:Outfit,sans-serif;font-size:2.25rem;font-weight:800;color:var(--neutral-dark)}.price-unit{font-size:.95rem;color:var(--neutral-body);margin-left:4px}.plan-divider{height:1px;background:var(--border-light);margin-bottom:24px}.plan-features{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.plan-features li{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--neutral-body)}.plan-features li svg{width:18px;height:18px;color:var(--secondary-teal);flex-shrink:0}.lp-testimonials-section{padding:100px 0;background:var(--white)}.lp-testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-top:50px}.lp-test-card{background:var(--neutral-light);border-radius:16px;padding:35px;border:1px solid var(--border-light);display:flex;flex-direction:column;transition:all .3s}.lp-test-card:hover{background:var(--white);box-shadow:var(--shadow-md);transform:translateY(-4px)}.quote-icon{font-size:3rem;color:var(--secondary-teal);line-height:1;height:30px;margin-bottom:8px}.quote-text{font-size:.95rem;font-style:italic;line-height:1.6;margin-bottom:24px}.client-info{display:flex;align-items:center;gap:16px;margin-top:auto}.client-avatar{width:44px;height:44px;border-radius:50%;background:var(--primary-teal);color:var(--white);display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-weight:700;font-size:1.1rem}.client-name{font-size:.95rem;margin-bottom:2px}.client-role{font-size:.8rem;color:#64748b}.lp-faq-section{padding:100px 0;background:var(--neutral-light)}.lp-faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px}.lp-faq-info{position:sticky;top:100px;height:fit-content}.lp-faq-list{display:flex;flex-direction:column;gap:16px}.lp-faq-item{background:var(--white);border-radius:12px;border:1px solid var(--border-light);overflow:hidden;transition:all .3s}.lp-faq-item.active{border-color:var(--secondary-teal);box-shadow:var(--shadow-sm)}.lp-faq-question-btn{width:100%;padding:20px 24px;background:transparent;border:none;display:flex;justify-content:space-between;align-items:center;font-family:inherit;font-size:1rem;font-weight:700;color:var(--neutral-dark);cursor:pointer;text-align:left}.lp-faq-plus-icon{width:18px;height:18px;color:#64748b;transition:transform .3s}.lp-faq-item.active .lp-faq-plus-icon{transform:rotate(45deg);color:var(--secondary-teal)}.lp-faq-answer-panel{transition:max-height .3s ease-out;overflow:hidden}.lp-faq-answer-content{padding:0 24px 20px;font-size:.925rem;line-height:1.6;color:var(--neutral-body)}.lp-contact-section{padding:100px 0;background:var(--white)}.lp-contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;margin-top:50px}.lp-contact-card{background:var(--neutral-light);border-radius:16px;padding:40px;border:1px solid var(--border-light);height:100%}.lp-contact-card h3{font-size:1.35rem;margin-bottom:24px}.lp-contact-list{list-style:none;display:flex;flex-direction:column;gap:24px}.lp-contact-list li{display:flex;gap:16px;align-items:flex-start}.lp-branch-select-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 14px}.lp-branch-tab-btn{background:var(--white);border:1px solid var(--border-light);color:var(--neutral-body);padding:5px 12px;border-radius:9999px;font-size:.775rem;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit}.lp-branch-tab-btn:hover{border-color:var(--primary-teal);color:var(--primary-teal)}.lp-branch-tab-btn.active{background:var(--primary-teal);border-color:var(--primary-teal);color:var(--white);box-shadow:var(--shadow-primary)}.lp-branch-address{font-size:.875rem;color:var(--neutral-body);line-height:1.5;background:var(--white);padding:12px 14px;border-radius:8px;border-left:3px solid var(--primary-teal);box-shadow:var(--shadow-sm);margin-top:8px;border-top:1px solid var(--border-light);border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.contact-icon{font-size:1.5rem}.lp-contact-list div strong{display:block;font-size:.95rem;color:var(--neutral-dark);margin-bottom:2px}.lp-contact-list div p,.lp-contact-list div a{font-size:.9rem;color:var(--neutral-body);text-decoration:none}.lp-contact-list div a:hover{color:var(--primary-teal)}.lp-map-wrapper{background:var(--white);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);height:100%;display:flex;flex-direction:column}.lp-map-wrapper iframe{width:100%;height:280px;border:none}.lp-map-hours{padding:30px}.lp-map-hours h4{font-size:1.1rem;margin-bottom:16px}.hours-row{display:flex;justify-content:space-between;font-size:.875rem;padding:8px 0;border-bottom:1px solid var(--border-light)}.hours-row:last-child{border:none}.status-off{color:#ef4444;font-weight:700}.lp-footer-section{background:var(--neutral-dark);color:#94a3b8;padding:80px 0 40px}.lp-footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;margin-bottom:60px}.footer-brand{display:flex;align-items:center;gap:12px;text-decoration:none;margin-bottom:16px}.footer-brand img{height:38px;width:auto}.footer-brand span{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800;color:var(--white)}.footer-tagline{font-size:.9rem;line-height:1.6;margin-bottom:24px}.footer-socials{display:flex;gap:12px}.footer-socials a{width:36px;height:36px;border-radius:50%;background:#ffffff0d;color:var(--white);display:flex;align-items:center;justify-content:center;transition:all .25s}.footer-socials a:hover{background:var(--secondary-teal);transform:translateY(-2px)}.footer-links-col h4{color:var(--white);font-size:.95rem;margin-bottom:20px;text-transform:uppercase;letter-spacing:.05em}.footer-links-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-links-col ul a{color:#94a3b8;text-decoration:none;font-size:.9rem;transition:color .2s}.footer-links-col ul a:hover{color:var(--white)}.footer-links-col p{font-size:.9rem;margin-bottom:8px}.lp-footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.05);font-size:.85rem}.footer-legal-links{display:flex;gap:20px}.footer-legal-links a{color:#94a3b8;text-decoration:none;transition:color .2s}.footer-legal-links a:hover{color:var(--white)}.lp-reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.lp-reveal.active{opacity:1;transform:translateY(0)}.lp-reveal:nth-child(2){transition-delay:.15s}.lp-reveal:nth-child(3){transition-delay:.3s}.lp-reveal:nth-child(4){transition-delay:.45s}@media(max-width:1024px){.lp-hero-grid{grid-template-columns:1fr;gap:60px;text-align:center}.lp-hero-text{display:flex;flex-direction:column;align-items:center}.lp-track-form{width:100%}.lp-about-grid{grid-template-columns:1fr;gap:48px}.lp-about-image-side{max-width:500px;width:100%;margin:0 auto;height:380px}.lp-about-info-card{right:20px;bottom:-20px}.lp-faq-layout{grid-template-columns:1fr;gap:40px}.lp-faq-info{position:static}.lp-contact-grid{grid-template-columns:1fr;gap:40px}.lp-footer-top{grid-template-columns:1fr 1fr;gap:40px}}@media(max-width:768px){.lp-navbar{height:70px}.lp-hero-section{padding:140px 0 100px}.lp-track-form{flex-direction:column;border-radius:16px;padding:12px;gap:12px}.lp-track-input{height:48px;padding:0 12px;text-align:center}.lp-track-submit-btn{width:100%;justify-content:center}.lp-footer-top{grid-template-columns:1fr}.lp-footer-bottom{flex-direction:column;gap:16px;text-align:center}}.d-none{display:none!important}.d-flex{display:flex!important}@media(min-width:992px){.d-lg-none{display:none!important}.d-lg-flex{display:flex!important}}