:root{--bg-body:#0a0f24;--bg-card:#161c36b3;--bg-sidebar-top:#111836;--bg-sidebar-bottom:#070a1a;--text-main:#fff;--text-muted:#8ca2de;--primary:#06f;--primary-soft:#0066ff26;--radius-lg:16px;--radius-md:10px;--shadow-soft:0 20px 50px #0066ff26;--shadow-card:0 10px 30px #070a1a80;--border-soft:#ffffff14}[data-theme=light]{--bg-body:#e5ecf7;--bg-card:#fff;--bg-sidebar-top:#4f46e5;--bg-sidebar-bottom:#312e81;--text-main:#111827;--text-muted:#6b7280;--primary:#4f46e5;--primary-soft:#4f46e51f;--shadow-soft:0 18px 45px #0f172a1f;--shadow-card:0 12px 32px #0f172a14;--border-soft:#e2e8f0e6}*,:after,:before{box-sizing:border-box}body{background:radial-gradient(circle at 10% 20%,#0066ff1f 0,#0000 45%),radial-gradient(circle at 90% 80%,#8b5cf614 0,#0000 50%),#0a0f24;background:radial-gradient(circle at 10% 20%,#0066ff1f 0,#0000 45%),radial-gradient(circle at 90% 80%,#8b5cf614 0,#0000 50%),var(--bg-body);background-attachment:fixed;color:#fff;color:var(--text-main);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45;margin:0;transition:background .3s ease,color .3s ease}.app{min-height:100vh}.app,.main{display:flex}.main{flex:1 1;flex-direction:column;padding:32px 40px}.main--full{width:100%}.page{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1200px;padding-bottom:40px}.landing-navbar{align-items:center;background:#0000;display:flex;justify-content:space-between;padding:24px 8%}.landing-nav__links{align-items:center;display:flex;gap:32px}.landing-nav__link{color:#8ca2de;color:var(--text-muted);font-size:15px;text-decoration:none;transition:color .2s}.landing-nav__link:hover{color:#fff;color:var(--text-main)}.landing-hero{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:1.2fr 1fr;padding:60px 8%}.landing-hero__badge{background:#0066ff26;background:var(--primary-soft);border-radius:999px;color:#00d2ff;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:16px;padding:6px 14px;text-transform:uppercase}.landing-hero__title{font-size:54px;font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:0 0 20px}.landing-hero__title span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d2ff,#06f 50%,#9d4edd);-webkit-background-clip:text}.landing-hero__subtitle{color:#8ca2de;color:var(--text-muted);font-size:16px;margin-bottom:32px;max-width:480px}.sidebar{background:radial-gradient(circle at top,#111836,#070a1a);background:radial-gradient(circle at top,var(--bg-sidebar-top),var(--bg-sidebar-bottom));border-right:1px solid #ffffff14;border-right:1px solid var(--border-soft);box-shadow:8px 0 40px #070a1a66;color:#e5e7eb;display:flex;flex-direction:column;gap:28px;padding:28px 22px;width:250px}.sidebar__brand{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:700;gap:10px}.sidebar__logo{align-items:center;background:radial-gradient(circle at 30% 30%,#f9fafb 0,#e5e7eb 35%,#c7d2fe 100%);border-radius:14px;box-shadow:0 10px 25px #0f172a59;color:#4f46e5;display:inline-flex;font-size:28px;height:40px;justify-content:center;width:40px}.sidebar__nav{display:flex;flex-direction:column;gap:10px}.sidebar__link{align-items:center;color:#e5e7eb;display:flex;font-size:14px;gap:8px;padding:11px 13px;position:relative;text-decoration:none}.sidebar__link,.sidebar__link:before{border-radius:999px;transition:.2s ease}.sidebar__link:before{background:#0000;content:"";height:6px;left:10px;position:absolute;width:6px}.sidebar__link:hover{background:#ffffff14;transform:translateX(2px)}.sidebar__link--active{background:#facc15;box-shadow:0 10px 30px #0f172a4d;color:#111827;font-weight:600}.sidebar__link--active:before{background:#f97316}.sidebar__logout{align-items:center;background:#070a1a73;border:none;border-radius:999px;color:#f3f4f6;cursor:pointer;display:flex;font-size:13px;gap:6px;justify-content:center;margin-top:auto;padding:10px 16px;transition:.2s ease}.sidebar__logout:hover{background:#070a1ab3;transform:translateY(-1px)}.page__title{font-size:27px;font-weight:700;letter-spacing:-.02em;margin:0 0 6px}.page__subtitle{color:#8ca2de;color:var(--text-muted);font-size:14px;margin:0}.alert{align-items:center;align-self:flex-start;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff1a;border-radius:999px;display:inline-flex;font-size:13px;gap:8px;padding:9px 14px}.alert--error{background:#f8717114;border-color:#f8717166;color:#f87171}.alert--success{background:#22c55e14;border-color:#22c55e66;color:#4ade80}.cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#161c36b3;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border-soft);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 10px 30px #070a1a80;box-shadow:var(--shadow-card);padding:20px 18px;position:relative;transition:.25s ease}.card:before{background:radial-gradient(circle at top left,#0066ff14,#0000 55%);border-radius:inherit;content:"";inset:0;opacity:.8;pointer-events:none;position:absolute}.card--shadow{box-shadow:0 10px 30px #070a1a80;box-shadow:var(--shadow-card)}.card__label{color:#8ca2de;color:var(--text-muted);font-size:13px;margin:0 0 8px}.card__value{font-size:30px;font-weight:700;margin:0}.card__desc{color:#8ca2de;color:var(--text-muted);font-size:12px;margin:6px 0 12px}.card__btn{margin-top:10px}.dashboard-row{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-soft);display:flex;font-size:14px;justify-content:space-between;padding:12px 4px}.dashboard-row__status{font-weight:600}.dashboard-row__status--unmatched{color:#f87171}.dashboard-row__status--matched{color:#4ade80}.dashboard-row__status--pending{color:#fbbf24}.btn{align-items:center;background:#ffffff0f;border:1px solid #0000;border-radius:999px;color:#fff;color:var(--text-main);cursor:pointer;display:inline-flex;font-size:14px;gap:6px;justify-content:center;padding:9px 18px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}.btn:hover{background:#ffffff1f;transform:translateY(-1px)}.btn--primary{background:linear-gradient(135deg,#08f,#05f);border-color:#06f;box-shadow:0 8px 20px #0066ff4d;color:#fff}.btn--primary:hover{background:linear-gradient(135deg,#09f,#06f);box-shadow:0 12px 28px #0066ff73}.btn--ghost{background:#0000;border-color:#ffffff14;border-color:var(--border-soft)}.btn--ghost:hover{background:#ffffff0d}.btn--danger{background:#ef4444;border-color:#dc2626;box-shadow:0 12px 22px #ef444433;color:#fff}.btn--danger:hover{background:#dc2626}.btn--camera{background:linear-gradient(135deg,#fb923c,#f97316);border:none;border-radius:999px;box-shadow:0 12px 28px #f9731640;color:#fff;font-weight:600;padding:10px 18px}.btn--camera:hover{background:linear-gradient(135deg,#f97316,#ea580c);transform:translateY(-1px)}.btn--reset{background:#0000;border:2px solid #06f;border:2px solid var(--primary);border-radius:999px;color:#06f;color:var(--primary);font-weight:500;padding:9px 18px;transition:.25s ease}.btn--reset:hover{background:#06f;background:var(--primary);box-shadow:0 8px 18px #0066ff4d;color:#fff;transform:translateY(-1px)}.form{gap:14px}.form,.form__label{display:flex;flex-direction:column}.form__label{color:#fff;color:var(--text-main);font-size:14px;font-weight:500;gap:6px;margin-bottom:4px}.form__input{background:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--border-soft);border-radius:12px;color:#fff;font-size:14px;outline:none;padding:9px 13px;transition:.15s ease}.form__input::placeholder{color:#8ca2de;color:var(--text-muted)}.form__input:focus{background:#0a0f24cc;border-color:#06f;border-color:var(--primary);box-shadow:0 0 0 1px #06f6,0 0 0 8px #0066ff1f}.form__input--large{font-size:17px;padding:11px 15px}select.form__input option{background:#e2e8f0!important;color:#000!important}.filter-bar{align-items:flex-end;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:18px}.filter-bar__group{flex:1 1;min-width:220px}.filter-grid{grid-gap:18px 24px;align-items:flex-end;display:grid;gap:18px 24px;grid-template-columns:repeat(3,1fr)}.filter-grid__item--wide{grid-column:span 3}.filter-grid__item--actions{align-items:center;display:flex;gap:14px;grid-column:span 3;justify-content:space-between}.filter-actions,.filter-actions--right{display:flex;gap:10px}.table-wrapper{background:#161c36b3;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border-soft);border-radius:16px;box-shadow:0 10px 30px #070a1a80;box-shadow:var(--shadow-card);overflow-x:auto}.table{border-collapse:collapse;font-size:13px;width:100%}.table th{background:linear-gradient(135deg,#111836,#070a1a);color:#8ca2de;color:var(--text-muted);font-size:12px;font-weight:600;padding:12px;text-transform:uppercase}.table td,.table th{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-soft)}.table td{color:#fff;color:var(--text-main);padding:11px 12px}.table tbody tr:hover{background:#ffffff05}.scan-card{grid-gap:30px;background:#161c36b3;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border-soft);border-radius:24px;box-shadow:0 20px 50px #0066ff26;box-shadow:var(--shadow-soft);display:grid;gap:30px;grid-template-columns:minmax(260px,.9fr) minmax(0,1.6fr);overflow:hidden;padding:26px 28px;position:relative}.scan-card:before{background:radial-gradient(circle at 0 0,#0066ff1f,#0000 55%);content:"";inset:-40%;opacity:.9;pointer-events:none;position:absolute}.scan-card__left{background:linear-gradient(155deg,#05f,#6366f1);border-radius:20px;box-shadow:0 20px 45px #0066ff40;color:#eef2ff;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:20px 22px;position:relative}.scan-card__left:after{background:radial-gradient(circle,#fafaff33,#0000 70%);border-radius:999px;content:"";height:160px;opacity:.95;position:absolute;right:-60px;top:-60px;width:160px}.scan-chip{align-self:flex-start;background:#ffffff26;border-radius:999px;display:inline-flex;font-size:11px;letter-spacing:.08em;padding:5px 10px;text-transform:uppercase}.scan-heading{font-size:20px;font-weight:700;margin:0}.scan-hint{font-size:13px;opacity:.96}.scan-kbd-hint{align-items:center;display:flex;font-size:11px;gap:8px;margin-top:auto;opacity:.95}.scan-kbd{background:#070a1a4d;border:1px solid #ffffff8c;border-radius:6px;font-size:10px;padding:2px 8px}.scan-card__right{display:flex;flex-direction:column;gap:18px}.scan-resi-row{grid-gap:16px;align-items:flex-end;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) auto}.scan-resi-input{background:#ffffff0a;border:1px solid #ffffff14;border:1px solid var(--border-soft);border-radius:16px;color:#fff;font-size:17px;padding:12px 16px;transition:.2s;width:100%}.scan-resi-input:focus{background:#070a1a66;border-color:#06f;border-color:var(--primary);box-shadow:0 0 0 1px #06f6,0 0 0 8px #0066ff1f}.scan-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}.scan-actions__submit{font-weight:600;min-width:220px;padding:11px 20px}.scan-modal{align-items:center;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.scan-modal__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#070a1a99;inset:0;position:absolute}.scan-modal__content{background:#161c36b3;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border-soft);border-radius:18px;box-shadow:0 20px 45px #00000080;max-width:480px;padding:18px 20px 20px;position:relative;width:100%}.scan-modal__camera{border-radius:14px;overflow:hidden}.courier-meta{align-items:center;display:flex;font-size:12px;gap:10px;margin-top:4px}.courier-meta__hint{color:#8ca2de;color:var(--text-muted)}.courier-badge{align-items:center;border-radius:999px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:4px 10px}.courier-badge__logo{background:#ffffff26;border-radius:999px;font-size:10px;padding:2px 6px}.courier-badge--jne{background:#005baa}.courier-badge--jnt{background:#e02424}.courier-badge--ninja{background:#111827}.courier-badge--lazada{background:#ff6a00}.courier-badge--default{background:#4b5563}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(100%);opacity:.9}@media (max-width:900px){.app{flex-direction:column}.landing-hero{grid-template-columns:1fr;padding:40px 4%;text-align:center}.landing-hero__subtitle{margin:0 auto 32px}.sidebar{flex-direction:row;justify-content:space-between;padding:18px 16px;width:100%}.sidebar__nav{flex-direction:row;flex-wrap:wrap}.main{padding:20px}.page{padding-bottom:28px}.scan-card{gap:22px;grid-template-columns:1fr;padding:22px 18px}.scan-card__left{order:2}.scan-resi-row{grid-template-columns:1fr}.scan-actions{justify-content:stretch}.scan-actions__submit{width:100%}.filter-grid,.scan-grid{grid-template-columns:1fr}.filter-grid__item--wide{grid-column:span 1}.filter-grid__item--actions{align-items:stretch;flex-direction:column;gap:12px}.filter-actions,.filter-actions--right{justify-content:space-between;width:100%}}[data-theme=light] body{background:#0a0f24!important;background:var(--bg-body)!important;background-image:none!important}[data-theme=light] .card,[data-theme=light] body{color:#fff!important;color:var(--text-main)!important}[data-theme=light] .card{background:#161c36b3!important;background:var(--bg-card)!important}[data-theme=light] .table th{background:linear-gradient(135deg,#eef2ff,#e5e7eb)!important;color:#475569!important}[data-theme=light] .table td{color:#111827!important}[data-theme=light] .table tbody tr:hover{background:#eff6ffd9!important}[data-theme=light] .form__input{background:#f8fafcf2!important;color:#111827!important}[data-theme=light] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(40%)!important}[data-theme=light] .sidebar{background:radial-gradient(circle at top,#4f46e5,#312e81)!important;color:#e5e7eb!important}[data-theme=light] .sidebar__link--active{background:#facc15!important;color:#111827!important}
/*# sourceMappingURL=main.790e4242.css.map*/