:root{--bg:#f3f7f5;--surface:#ffffff;--ink:#12302a;--ink-soft:#5d7670;--line:#dce7e3;--primary:#0e8c7b;--primary-ink:#0a6b5e;--primary-soft:#ddf2ec;--sun:#f5b82e;--sun-soft:#fff4d6;--sun-ink:#7d5300;--rose:#d9435f;--rose-soft:#fde7ec;--r-lg:20px;--r-md:14px;--r-sm:10px;--side:248px;--tab-h:68px;--font:"Plus Jakarta Sans","Segoe UI",Roboto,Helvetica,Arial,sans-serif;color-scheme:light}*{box-sizing:border-box}body,html{margin:0}body{background:var(--bg);color:var(--ink);font:400 16px/1.55 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;letter-spacing:-.02em}p{margin:0}:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.muted{color:var(--ink-soft);font-size:14px}.link{color:var(--primary-ink);font-weight:700}.link:hover{text-decoration:underline}.link-icon{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:14px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:999px;border:0;font:700 15px/1 var(--font);background:var(--primary);color:#fff;cursor:pointer;transition:transform .12s ease,background .15s ease}.btn:hover{background:var(--primary-ink)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-lg{min-height:52px;padding:0 26px;font-size:16px}.btn-block{width:100%}.btn-quiet{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}.btn-quiet:hover{background:var(--bg)}.btn-go{background:var(--primary)}.btn-danger{background:var(--rose-soft);color:var(--rose)}.btn-danger:hover{background:#fbd5de}.btn-ghost-danger{background:transparent;color:var(--rose);padding:0 8px}.btn-ghost-danger:hover{background:var(--rose-soft)}.btn-google{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);width:100%;min-height:52px}.btn-google:hover{background:var(--bg)}.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;border:0;background:transparent;color:var(--ink-soft);cursor:pointer}.icon-btn:hover{background:var(--bg);color:var(--ink)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.wordmark{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:17px;letter-spacing:-.02em}.mark{width:30px;height:30px;border-radius:10px;background:var(--primary);color:#fff;display:grid;place-items:center;flex:none}.wrap{max-width:880px;margin:0 auto;padding:20px 16px calc(var(--tab-h) + 32px + env(safe-area-inset-bottom, 0px))}.wrap-narrow{max-width:760px}.mhead{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:calc(8px + env(safe-area-inset-top, 0px)) 8px 8px 16px;background:rgba(243,247,245,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.sidebar{display:none}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:space-around;align-items:flex-end;height:calc(var(--tab-h) + env(safe-area-inset-bottom, 0px));padding:0 6px env(safe-area-inset-bottom,0);background:var(--surface);border-top:1px solid var(--line)}.tab{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:var(--tab-h);color:var(--ink-soft);font-size:11.5px;font-weight:700}.tab.is-active{color:var(--primary-ink)}.tab-icon{position:relative;display:grid;place-items:center;width:52px;height:30px;border-radius:999px}.tab.is-active .tab-icon{background:var(--primary-soft)}.tab-fab .tab-icon{width:56px;height:56px;border-radius:18px;margin-top:-26px;background:var(--primary);color:#fff;box-shadow:0 8px 20px rgba(14,140,123,.35)}.tab-fab.is-active .tab-icon{background:var(--primary-ink)}.nbadge{position:absolute;top:-4px;right:4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--rose);color:#fff;font-size:11px;line-height:18px;text-align:center}@media (min-width:900px){.mhead,.tabbar{display:none}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--side);z-index:30;display:flex;flex-direction:column;gap:20px;padding:24px 16px;background:var(--surface);border-right:1px solid var(--line)}.sidebar ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:4px;gap:4px}.side-cta{margin-top:8px}.side-link{position:relative;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;font-weight:600;color:var(--ink-soft)}.side-link:hover{background:var(--bg);color:var(--ink)}.side-link.is-active{background:var(--primary-soft);color:var(--primary-ink)}.side-link .nbadge{position:static;margin-left:auto}.side-user{margin-top:auto;display:flex;align-items:center;gap:10px;padding-top:16px;border-top:1px solid var(--line)}.side-user-text{display:grid;line-height:1.25;min-width:0;flex:1 1}.side-user-text strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-user-text small{font-size:12px;color:var(--ink-soft)}.avatar{width:36px;height:36px;border-radius:50%;background:var(--sun);color:var(--ink);display:grid;place-items:center;font-weight:800;flex:none}.wrap{margin-left:calc(var(--side) + max(24px, (100vw - var(--side) - 880px) / 2));margin-right:auto;padding:40px 32px 64px}.wrap-narrow{max-width:760px}}.hello{margin:8px 0 20px}.hello-sub{color:var(--ink-soft);font-weight:600}.hello h1{font-size:clamp(34px,8vw,46px);line-height:1.05;font-weight:800;letter-spacing:-.035em}.hello-role{margin-top:6px;color:var(--ink-soft);font-size:14px}.attn{display:flex;align-items:center;gap:14px;margin-bottom:14px;padding:16px;border-radius:var(--r-lg);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line)}.attn-hot{background:var(--sun-soft);box-shadow:inset 0 0 0 1.5px #f3d58a}.attn-icon{width:44px;height:44px;border-radius:14px;background:var(--bg);display:grid;place-items:center;flex:none}.attn-hot .attn-icon{background:var(--sun)}.attn-text{display:grid;flex:1 1}.attn-text strong{font-size:16px;line-height:1.3}.attn-text small{font-size:13px;color:var(--ink-soft)}.cta-card{display:flex;align-items:center;gap:16px;padding:20px;border-radius:var(--r-lg);background:var(--primary);color:#fff;transition:transform .12s ease}.cta-card:active{transform:scale(.98)}.cta-card strong{display:block;font-size:19px;letter-spacing:-.01em}.cta-card small{display:block;font-size:14px;opacity:.85;margin-top:2px}.cta-plus{width:54px;height:54px;border-radius:16px;background:rgba(255,255,255,.18);display:grid;place-items:center;flex:none}.stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin:12px 0 8px}.stat{padding:14px 12px;border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line)}.stat b{display:block;font-size:28px;line-height:1;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat span{display:block;margin-top:6px;font-size:12.5px;color:var(--ink-soft);font-weight:600;line-height:1.3}.stat-wait b{color:var(--sun-ink)}.stat-go b{color:var(--primary-ink)}.stat-stop b{color:var(--rose)}.section{margin-top:28px}.section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.section-head h2{font-size:19px;font-weight:800;display:flex;align-items:center;gap:8px}.section-hint{margin:-6px 0 12px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 16px}.page-head h1{font-size:clamp(28px,6vw,36px);font-weight:800;letter-spacing:-.03em}.btn-desktop{display:none}@media (min-width:900px){.btn-desktop{display:inline-flex}}.count{font-size:13px;font-weight:700;padding:2px 9px;border-radius:999px;background:var(--bg);letter-spacing:0}.back,.count{color:var(--ink-soft)}.back{display:inline-flex;align-items:center;gap:4px;margin:0 0 12px -4px;font-weight:600;font-size:14px;padding:6px 4px}.back:hover{color:var(--ink)}.chips{display:flex;gap:8px;overflow-x:auto;margin:0 -16px 16px;padding:2px 16px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);font-size:14px;font-weight:700;color:var(--ink-soft)}.chip span{font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;opacity:.8}.chip.is-on{background:var(--ink);color:#fff;box-shadow:none}.rlist{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}@media (min-width:900px){.rlist{grid-template-columns:1fr 1fr}}.rcard{display:grid;grid-gap:8px;gap:8px;padding:16px;height:100%;border-radius:var(--r-lg);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);transition:box-shadow .15s ease}.rcard:hover{box-shadow:inset 0 0 0 1.5px var(--primary)}.rcard-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.rcard-kat{font-size:12.5px;font-weight:700;color:var(--primary-ink);background:var(--primary-soft);padding:3px 10px;border-radius:999px}.rcard-title{font-size:17px;font-weight:800;line-height:1.3;letter-spacing:-.01em}.rcard-title span{display:block;font-weight:500;letter-spacing:0}.rcard-meta,.rcard-title span{font-size:13.5px;color:var(--ink-soft)}.rcard-meta{display:flex;flex-wrap:wrap;gap:4px 14px}.rcard-meta span:first-child{color:var(--ink);font-weight:700}.rcard-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding-top:12px;border-top:1px dashed var(--line)}.rcard-id{display:inline-flex;align-items:center;gap:2px;font-size:12.5px;font-weight:600;color:var(--ink-soft);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.badge{display:inline-block;font-size:12.5px;font-weight:700;line-height:1.2;padding:4px 10px;border-radius:999px;white-space:nowrap}.badge-wait{background:var(--sun-soft);color:var(--sun-ink)}.badge-go{background:var(--primary-soft);color:var(--primary-ink)}.badge-done{background:var(--ink);color:#fff}.badge-stop{background:var(--rose-soft);color:var(--rose)}.badge-mute{background:var(--bg);color:var(--ink-soft)}.tracker{list-style:none;margin:0;padding:0;display:flex;align-items:flex-start}.tstep{position:relative;flex:1 1;display:flex;flex-direction:column;align-items:center;gap:6px}.tstep:before{content:"";position:absolute;top:7px;right:50%;width:100%;height:3px;background:var(--line)}.tstep:first-child:before{display:none}.tstep-done:before,.tstep-now:before{background:var(--primary)}.tdot{position:relative;z-index:1;width:17px;height:17px;border-radius:50%;background:var(--surface);box-shadow:inset 0 0 0 3px var(--line)}.tstep-done .tdot{background:var(--primary);box-shadow:none}.tstep-now .tdot{background:var(--sun);box-shadow:0 0 0 5px var(--sun-soft)}.tlabel{font-size:12px;font-weight:700;color:var(--ink-soft)}.tstep-done .tlabel{color:var(--primary-ink)}.tstep-now .tlabel{color:var(--ink)}.tracker-compact{width:120px;flex:none}.tracker-compact .tstep:before{top:4px;height:2px}.tracker-compact .tdot{width:10px;height:10px;box-shadow:inset 0 0 0 2px var(--line)}.tracker-compact .tstep-done .tdot{box-shadow:none}.tracker-compact .tstep-now .tdot{box-shadow:0 0 0 3px var(--sun-soft)}.tracker-end{display:flex;align-items:center;gap:10px;width:120px}.hero-card .tracker-end{width:100%;margin:20px 0 12px}.tracker-endline{flex:1 1;height:2px;background:repeating-linear-gradient(90deg,currentColor 0 6px,transparent 6px 10px)}.tracker-stop{color:var(--rose)}.tracker-mute{color:var(--line)}.tracker-endlabel{font-size:13px;font-weight:700}.hero-card{padding:20px;border-radius:var(--r-lg);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);margin-bottom:14px}.hero-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.hero-id{font-size:clamp(26px,6vw,32px);font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em}.hero-card .tracker{margin:20px 0 12px}.hero-status{font-size:14px;font-weight:600;text-align:center;color:var(--ink-soft)}.block{padding:18px 20px;border-radius:var(--r-lg);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);margin-bottom:14px;min-width:0}.block h2{font-size:16px;font-weight:800;margin-bottom:12px;display:flex;align-items:center;gap:8px}.block p+p{margin-top:4px}.two{display:grid;grid-gap:0 14px;gap:0 14px}@media (min-width:720px){.two{grid-template-columns:1fr 1fr}}.items{list-style:none;margin:0;padding:0}.items li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.items li:first-child{border-top:0;padding-top:0}.items-name{display:grid;font-weight:600}.items-name small{font-size:12px;color:var(--ink-soft);font-weight:500}.items-qty{font-size:18px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.items-qty small{font-size:13px;font-weight:600;color:var(--ink-soft)}.addr{display:grid;grid-gap:2px;gap:2px}.addr strong{font-size:16px}.approvals{list-style:none;margin:0;padding:0;display:grid}.appr{display:grid;grid-template-columns:1fr auto;grid-gap:4px 12px;gap:4px 12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.appr:first-child{border-top:0;padding-top:0}.appr-title{font-weight:700}.appr .sub{grid-column:1/-1;font-size:13px;color:var(--ink-soft)}.appr-note{grid-column:1/-1;font-size:14px;color:var(--ink);background:var(--bg);padding:8px 12px;border-radius:10px}.block-fold summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.block-fold summary::-webkit-details-marker{display:none}.block-fold summary h2{margin:0}.block-fold summary:after{content:"Lihat";font-size:14px;font-weight:700;color:var(--primary-ink)}.block-fold[open] summary:after{content:"Tutup"}.block-fold[open] summary{margin-bottom:12px}.timeline{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid var(--line)}.timeline li{position:relative;padding:0 0 14px 14px;display:grid;grid-gap:2px;gap:2px;font-size:15px}.timeline li:before{content:"";position:absolute;left:-21px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--primary)}.timeline time{font-size:12.5px;color:var(--ink-soft);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.timeline .sub{display:block;font-size:13px;color:var(--ink-soft)}.actions-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:6px}.decide{padding:18px 20px;border-radius:var(--r-lg);background:var(--sun-soft);box-shadow:inset 0 0 0 2px var(--sun);margin-bottom:14px}.decide h2{font-size:18px;font-weight:800}.decide .muted{margin-bottom:12px}.decide-actions{display:grid;grid-template-columns:1fr 2fr;grid-gap:10px;gap:10px}.decide-actions .btn{width:100%}.form{display:grid;grid-gap:14px;gap:14px}.fs{margin:0;padding:18px;border:0;border-radius:var(--r-lg);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);min-width:0}.fs legend{float:left;width:100%;display:flex;align-items:center;gap:10px;padding:0;margin-bottom:14px;font-size:18px;font-weight:800;letter-spacing:-.01em}.fs legend+*{clear:both}.fs-num{width:28px;height:28px;border-radius:50%;background:var(--primary-soft);color:var(--primary-ink);display:grid;place-items:center;font-size:14px}.field{display:grid;grid-gap:6px;gap:6px;margin-bottom:14px;min-width:0}.field:last-child{margin-bottom:0}.field>span{font-size:14px;font-weight:700}.field em{font-style:normal;font-weight:500;color:var(--ink-soft)}.field input,.field select,.field textarea,.stepper input{font:500 16px/1.4 var(--font);color:var(--ink);width:100%;min-height:48px;padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--surface);transition:border-color .15s ease}.field textarea{resize:vertical;min-height:80px}.field input::placeholder,.field textarea::placeholder{color:#9bb0aa}.field input:focus,.field select:focus,.field textarea:focus,.stepper input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.field select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:40px;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%235d7670' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center}.field-picker{padding:12px;margin-bottom:16px;border-radius:var(--r-md);background:var(--bg)}.hint{font-size:13px;color:var(--ink-soft);margin:-4px 0 12px}.field-error{color:var(--rose);font-size:14px;font-weight:600;margin:8px 0 0}.grid-2,.grid-3{display:grid;grid-gap:0 12px;gap:0 12px}@media (min-width:620px){.grid-2{grid-template-columns:1fr 1fr;align-items:end}.grid-3{grid-template-columns:2fr 2fr 1.3fr;align-items:end}}.kat-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-bottom:14px}@media (min-width:620px){.kat-grid{grid-template-columns:repeat(4,1fr)}}.kat{position:relative;display:flex;align-items:center;min-height:52px;padding:8px 12px;border-radius:var(--r-md);background:var(--bg);cursor:pointer;font-size:14px;font-weight:700;line-height:1.25;transition:background .15s ease}.kat input{position:absolute;opacity:0;inset:0;cursor:pointer}.kat:hover{background:var(--primary-soft)}.kat.is-on{background:var(--primary);color:#fff}.kat:has(input:focus-visible){outline:3px solid var(--primary);outline-offset:2px}.switch{display:flex;align-items:center;gap:12px;margin-top:14px;cursor:pointer;font-size:15px;font-weight:600}.switch input{position:absolute;opacity:0}.switch-track{position:relative;width:44px;height:26px;border-radius:999px;background:var(--line);flex:none;transition:background .15s ease}.switch-track:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .15s ease}.switch input:checked+.switch-track{background:var(--primary)}.switch input:checked+.switch-track:after{transform:translateX(18px)}.switch input:focus-visible+.switch-track{outline:3px solid var(--primary);outline-offset:2px}.lines{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.line{display:grid;grid-template-columns:1fr auto;grid-template-areas:"item item" "qty rm";grid-gap:8px;gap:8px;padding:12px;border-radius:var(--r-md);background:var(--bg)}.line-item{grid-area:item;margin:0}.line .stepper{grid-area:qty}.line-unit{display:none}.line-remove{grid-area:rm}@media (min-width:620px){.line{grid-template-columns:1fr auto 40px auto;grid-template-areas:"item qty unit rm";align-items:center}.line-unit{display:block;grid-area:unit;font-size:13px;color:var(--ink-soft);font-weight:600}}.stepper{display:flex;align-items:center;gap:4px}.stepper button{width:44px;height:44px;border-radius:12px;border:0;background:var(--surface);color:var(--ink);display:grid;place-items:center;cursor:pointer;box-shadow:inset 0 0 0 1.5px var(--line)}.stepper button:active{transform:scale(.94)}.stepper input{width:84px;min-height:44px;text-align:center;font-weight:800;padding:8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;-moz-appearance:textfield}.stepper input::-webkit-inner-spin-button,.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.add-line{margin-top:10px;width:100%;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--r-md);border:1.5px dashed var(--line);background:transparent;color:var(--primary-ink);font:700 15px var(--font);cursor:pointer}.add-line:hover{border-color:var(--primary);background:var(--primary-soft)}.add-line:disabled{color:var(--ink-soft);opacity:.6;cursor:not-allowed;background:transparent;border-color:var(--line)}.submit-bar{position:-webkit-sticky;position:sticky;bottom:calc(var(--tab-h) + 12px + env(safe-area-inset-bottom, 0px));z-index:10;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 10px 10px 18px;border-radius:999px;background:var(--ink);color:#fff;box-shadow:0 10px 30px rgba(18,48,42,.25)}.submit-sum{display:grid;line-height:1.2;font-size:14px}.submit-sum b{font-size:20px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.submit-sum small{font-size:12px;opacity:.75}.submit-bar .btn{background:var(--sun);color:var(--ink)}.submit-bar .btn:hover{background:#ffc94d}@media (min-width:900px){.submit-bar{bottom:20px}}.alert{background:var(--rose-soft);color:#8c1d33;font-weight:600}.alert,.notice{border-radius:var(--r-md);padding:12px 14px;font-size:14.5px;margin-bottom:14px}.notice{background:var(--primary-soft);color:var(--primary-ink)}.empty{padding:28px 20px;border-radius:var(--r-lg);border:1.5px dashed var(--line);text-align:center;color:var(--ink-soft);display:grid;grid-gap:6px;gap:6px}.empty strong{color:var(--ink)}.login{min-height:100vh;min-height:100dvh;display:grid;align-content:center;grid-gap:28px;gap:28px;padding:calc(24px + env(safe-area-inset-top, 0px)) 20px calc(24px + env(safe-area-inset-bottom, 0px));max-width:1040px;margin:0 auto}@media (min-width:900px){.login{grid-template-columns:1fr 1fr;align-items:center;gap:56px}.login-card{order:-1}}.login-card{display:grid;grid-gap:16px;gap:16px;max-width:440px}.login-card h1{font-size:clamp(34px,8vw,50px);line-height:1.05;font-weight:800;letter-spacing:-.04em}.login-card .muted{font-size:16px}.login-foot{font-size:13px;color:var(--ink-soft);text-align:center}.login-art{display:grid;place-items:center;padding:28px 16px;border-radius:28px;background:var(--primary)}.login-parcel{width:min(320px,100%);display:grid;grid-gap:4px;gap:4px;padding:18px 18px 16px;border-radius:var(--r-lg);background:var(--surface);transform:rotate(-3deg);box-shadow:0 18px 40px rgba(0,0,0,.18)}.login-parcel-kat{justify-self:start;font-size:12px;font-weight:700;color:var(--primary-ink);background:var(--primary-soft);padding:3px 10px;border-radius:999px;margin-bottom:6px}.login-parcel b{font-size:20px;letter-spacing:-.02em}.login-parcel-meta{font-size:13px;color:var(--ink-soft);margin-bottom:12px}@media (max-width:899px){.login-art{padding:22px 16px}}.ship{background:var(--primary-soft);box-shadow:inset 0 0 0 2px var(--primary)}.kat-grid-2{grid-template-columns:1fr 1fr}@media (min-width:620px){.kat-grid-2{grid-template-columns:repeat(4,1fr)}}.ship .kat{background:var(--surface)}.kv{display:grid;grid-template-columns:max-content 1fr;grid-gap:6px 16px;gap:6px 16px;margin:0 0 12px;font-size:15px}.kv dt{color:var(--ink-soft)}.kv dd{margin:0;font-weight:600;overflow-wrap:anywhere}.link-btn{background:none;border:0;padding:0;font:700 14px var(--font);cursor:pointer}.awb-form{margin-top:8px;padding:12px;border-radius:var(--r-md);background:var(--bg)}.awb-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.print-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.print-shell{max-width:210mm;margin:0 auto;padding:16px}.print-bar{display:flex;justify-content:space-between;gap:8px;margin-bottom:16px;position:-webkit-sticky;position:sticky;top:0;padding:10px 0;background:var(--bg);z-index:5}.label-tip{margin-bottom:12px}.sj{background:#fff;color:#000;padding:14mm;border-radius:6px;box-shadow:0 2px 12px rgba(0,0,0,.08);font-size:11pt;line-height:1.45}.sj p{margin:0}.sj h1{font-size:22pt;font-weight:800;letter-spacing:.02em;margin:0 0 6px}.sj h2{font-size:9pt;font-weight:700;color:#555;margin:0 0 4px}.sj-head{display:flex;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:2px solid #000}.sj-co{font-size:14pt;font-weight:800}.sj-titlebox{text-align:right}.sj-meta{margin-left:auto;border-collapse:collapse;font-size:10pt}.sj-meta th{text-align:left;font-weight:500;color:#555;padding:1px 10px 1px 0}.sj-meta td{text-align:right;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sj-parties{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-gap:16px;gap:16px;padding:12px 0;border-bottom:1px solid #000}.sj-strong{font-weight:700}.sj-items{width:100%;border-collapse:collapse;margin:14px 0 10px;font-size:10.5pt}.sj-items td,.sj-items th{border:1px solid #000;padding:6px 8px;text-align:left;vertical-align:top}.sj-items th{background:#eee;font-weight:700}.sj-items td:nth-child(6){width:22%}.sj-items .num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sj-items tfoot td{font-weight:800}.sj-note{font-size:9.5pt;color:#333;margin-top:4px!important}.sj-sign{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-top:18mm;text-align:center;font-size:10pt}.sj-sign span{display:block;height:22mm;border-bottom:1px solid #000;margin:4px 8px}.sj-signname{color:#555;font-size:9pt}.labels{display:grid;grid-gap:16px;gap:16px;justify-content:center}.lbl{width:100mm;height:150mm;background:#fff;color:#000;border:1.5px dashed #999;padding:5mm;display:flex;flex-direction:column;gap:3mm;font-size:10pt;line-height:1.3;overflow:hidden}.lbl p{margin:0}.lbl-top{display:flex;justify-content:space-between;align-items:center;gap:4mm;border-bottom:2px solid #000;padding-bottom:2mm}.lbl-via{font-weight:800;font-size:11pt}.lbl-koli{font-weight:800;font-size:14pt;border:2px solid #000;padding:0 2.5mm;border-radius:2mm;white-space:nowrap}.lbl-awb{font-size:12pt;font-weight:800;letter-spacing:.04em}.lbl-cap{font-size:8pt;font-weight:700;color:#444}.lbl-to{border:2px solid #000;border-radius:2mm;padding:3mm}.lbl-name{font-size:16pt;font-weight:800;line-height:1.15}.lbl-phone{font-size:12pt;font-weight:700}.lbl-addr{font-size:11pt}.lbl-addr,.lbl-city{margin-top:1mm!important}.lbl-city{font-size:12pt;font-weight:800}.lbl-from{font-size:9pt}.lbl-isi{font-size:8.5pt;flex:1 1;overflow:hidden}.lbl-foot{display:flex;justify-content:space-between;gap:2mm;border-top:1px solid #000;padding-top:2mm;font-size:8pt;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media print{body{background:#fff}.label-tip,.print-bar,.print-hide{display:none!important}.print-shell{max-width:none;padding:0;margin:0}.sj{padding:0;box-shadow:none;border-radius:0}.labels{display:block}.lbl{border:0;break-after:page;page-break-after:always}.lbl:last-child{break-after:auto;page-break-after:auto}}@media (max-width:700px){.sj{padding:16px;font-size:10pt}.sj-head{flex-direction:column}.sj-titlebox{text-align:left}.sj-meta{margin-left:0}.sj-meta td{text-align:left}.sj-parties{grid-template-columns:1fr}.sj-items{font-size:9pt}.lbl{transform-origin:top left}}.sk{background:linear-gradient(90deg,#e3ece9,#eff5f3 40%,#e3ece9 80%);background-size:200% 100%;border-radius:8px;animation:sk 1.2s ease-in-out infinite}@keyframes sk{0%{background-position:100% 0}to{background-position:-100% 0}}.sk-title{width:45%;height:36px;margin:12px 0 10px}.sk-line{width:70%;height:14px;margin-top:8px}.sk-line-lg{width:55%;height:20px;margin-top:12px}.sk-line-sm{width:35%;height:12px;margin-top:10px}.sk-chip{width:80px;height:22px;border-radius:999px}.sk-row{display:flex;justify-content:space-between}.sk-list{display:grid;grid-gap:10px;gap:10px;margin-top:24px}@media (min-width:900px){.sk-list{grid-template-columns:1fr 1fr}}.sk-card{padding:16px;border-radius:var(--r-lg)}.period-nav,.sk-card{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line)}.period-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-4px 0 16px;padding:6px;border-radius:999px}.period-nav strong{font-size:16px;text-align:center}.period-nav .icon-btn{border-radius:999px}.range{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;align-items:end;margin:-4px 0 16px;padding:12px;border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line)}.range .field{margin:0}.range .btn{grid-column:1/-1}@media (min-width:620px){.range{grid-template-columns:1fr 1fr auto}.range .btn{grid-column:auto}}.kpis{grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:14px}.kpi,.kpis{display:grid}.kpi{grid-gap:2px;gap:2px;padding:16px;border-radius:var(--r-lg);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line)}.kpi>span{font-size:13px;font-weight:700;color:var(--ink-soft)}.kpi b{font-size:30px;line-height:1.1;font-weight:800;letter-spacing:-.03em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi-main{grid-column:1/-1;background:var(--ink);color:#fff;box-shadow:none}.kpi-main>span{color:rgba(255,255,255,.75)}.kpi-main b{font-size:46px}.kpi-note{font-size:13px;color:var(--ink-soft)}@media (min-width:720px){.kpis{grid-template-columns:1.6fr 1fr 1fr}.kpi-main{grid-column:auto}}.delta{font-size:13px;font-weight:800}.delta small{font-weight:500;opacity:.8}.delta-up{color:var(--primary-ink)}.delta-down{color:var(--rose)}.delta-flat{color:var(--ink-soft)}.kpi-main .delta-up{color:#7fe0cc}.kpi-main .delta-down{color:#ff9fb1}.kpi-main .delta-flat{color:rgba(255,255,255,.7)}.chart{display:grid;grid-gap:6px;gap:6px}.chart-bars{display:grid;grid-gap:3px;gap:3px;height:180px;align-items:end}.chart-col{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.chart-bar{width:100%;max-width:36px;border-radius:6px 6px 2px 2px;background:var(--primary)}.chart-bar.is-zero{background:var(--line)}.chart-col:hover .chart-bar{background:var(--primary-ink)}.chart-val{font-size:11px;font-weight:700;color:var(--ink-soft);margin-bottom:3px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chart-axis{display:grid;grid-gap:3px;gap:3px;font-size:10.5px;color:var(--ink-soft);text-align:center;white-space:nowrap}.chart-axis span{overflow:visible}.hbars{list-style:none;margin:0;padding:0;display:grid;grid-gap:12px;gap:12px}.hbar-top{display:flex;justify-content:space-between;gap:12px;font-size:14.5px}.hbar-name{font-weight:700;min-width:0;overflow-wrap:anywhere}.hbar-val{font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.hbar-val small{font-weight:600;color:var(--ink-soft)}.hbar-track{height:8px;margin-top:5px;background:var(--bg);overflow:hidden}.hbar-fill,.hbar-track{display:block;border-radius:999px}.hbar-fill{height:100%;background:var(--primary)}.hbars li:first-child .hbar-fill{background:var(--sun)}.hbar-sub{display:block;margin-top:3px;font-size:12.5px}.hbar-more,.hbar-sub{color:var(--ink-soft)}.hbar-more{font-size:13px}.ship-list{list-style:none;margin:0;padding:0}.ship-list li{border-top:1px solid var(--line)}.ship-list li:first-child{border-top:0}.ship-list a{display:grid;grid-template-columns:52px 1fr auto;grid-gap:12px;gap:12px;align-items:center;padding:10px 0}.ship-list a:hover strong{text-decoration:underline}.ship-date{font-size:13px;font-weight:700;color:var(--ink-soft)}.ship-main{display:grid;min-width:0}.ship-main small,.ship-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ship-main small{font-size:12.5px;color:var(--ink-soft)}.ship-qty{font-size:17px;font-weight:800;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ship-qty small{display:block;font-size:11px;font-weight:600;color:var(--ink-soft)}.footnote{margin-top:16px}.csv-row{margin-top:14px}.csv-row .btn{width:100%}@media (min-width:900px){.csv-row .btn{width:auto}}.success{display:grid;justify-items:center;grid-gap:8px;gap:8px;padding:28px 20px;text-align:center;border-radius:var(--r-lg);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line)}.success-icon{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff}.success h2{font-size:24px;font-weight:800}.success-id{font-size:18px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--primary-ink)}.success .tracker{width:100%;max-width:420px;margin:14px 0 4px}.success-next{max-width:44ch}.success-actions{justify-content:center;margin-top:10px}.notice-row,.success-actions{display:flex;flex-wrap:wrap;gap:10px}.notice-row{align-items:center;justify-content:space-between}.btn-small{min-height:38px;padding:0 14px;font-size:14px}.bulk-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px}.bulk-all{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700;cursor:pointer;min-height:40px}.bulk-all input,.rcard-check input{width:20px;height:20px;accent-color:var(--primary);cursor:pointer}.rcard-sel{position:relative}.rcard-sel .rcard{padding-left:50px}.rcard-check{position:absolute;z-index:2;left:4px;top:4px;width:44px;height:44px;display:grid;place-items:center;cursor:pointer}.rcard-sel.is-selected .rcard{box-shadow:inset 0 0 0 2px var(--primary);background:#f5fbf9}.rcard-preview{font-size:13px;color:var(--ink);background:var(--bg);padding:6px 10px;border-radius:8px;overflow-wrap:anywhere}.bulk-bar{position:-webkit-sticky;position:sticky;bottom:calc(var(--tab-h) + 12px + env(safe-area-inset-bottom, 0px));z-index:10;margin-top:14px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 10px 10px 18px;border-radius:24px;background:var(--ink);color:#fff;box-shadow:0 10px 30px rgba(18,48,42,.25)}@media (min-width:900px){.bulk-bar{bottom:20px}}.bulk-bar .btn:not(.btn-quiet):not(.btn-quiet-dark){background:var(--sun);color:var(--ink)}.bulk-btns{display:flex;gap:8px}.btn-quiet-dark{background:rgba(255,255,255,.12);color:#fff}.btn-quiet-dark:hover{background:rgba(255,255,255,.2)}.bulk-confirm{width:100%;display:grid;grid-gap:8px;gap:8px;padding:4px 4px 4px 0}.bulk-confirm textarea{width:100%;min-height:60px;padding:10px 12px;border-radius:12px;border:0;font:500 15px/1.4 var(--font)}.bulk-confirm .field-error{color:#ffb3c1}.bulk-confirm-actions{display:flex;justify-content:flex-end;gap:8px}.bulk-confirm .btn-quiet{background:rgba(255,255,255,.12);color:#fff;box-shadow:none}.sj-stack{display:grid;grid-gap:24px;gap:24px}@media print{.sj-stack{display:block}.sj-stack .sj{break-after:page;page-break-after:always}.sj-stack .sj:last-child{break-after:auto;page-break-after:auto}}.barcode{margin:0;display:grid;justify-items:center;grid-gap:1mm;gap:1mm}.barcode svg{width:100%;display:block;fill:#000}.barcode figcaption{font:700 10pt/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em;color:#000}.lbl-barcode{padding:1mm 2mm 0}.sj-barcode{width:62mm;margin:3mm 0 0 auto}.sj-barcode figcaption{font-size:8pt}@media (max-width:700px){.sj-barcode{margin-left:0}}.scan{display:flex;align-items:center;gap:8px;margin:-4px 0 16px;padding:6px 6px 6px 14px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line)}.scan:focus-within{box-shadow:inset 0 0 0 2px var(--primary),0 0 0 4px var(--primary-soft)}.scan-icon{color:var(--ink-soft);display:grid}.scan input{flex:1 1;min-width:0;border:0;outline:none;background:transparent;font:600 16px/1.3 var(--font);color:var(--ink);min-height:40px;text-transform:uppercase}.scan input::placeholder{text-transform:none;font-weight:500;color:#9bb0aa}.pc{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;flex:1 1}.pc-note{font-size:13px;color:var(--sun-ink);padding:6px 10px;border-radius:10px}.pc-ask,.pc-note{background:var(--sun-soft)}.pc-ask{flex-basis:100%;display:grid;grid-gap:6px;gap:6px;padding:14px 16px;border-radius:var(--r-md);box-shadow:inset 0 0 0 2px var(--sun)}.pc-ask span{font-size:14px;color:var(--ink-soft)}.pc-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:4px}.pc-done{flex-basis:100%;margin:0}.print-bar{flex-wrap:wrap;align-items:flex-start}.on-dark .kat{background:rgba(255,255,255,.1);color:#fff}.on-dark .kat.is-on{background:var(--sun);color:var(--ink)}.dark-input{width:100%;min-height:44px;padding:10px 12px;border-radius:12px;border:0;font:500 15px/1.4 var(--font)}.dark-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;font-weight:600}.dark-row .stepper button{background:rgba(255,255,255,.15);color:#fff;box-shadow:none;width:40px;height:40px}.dark-row .stepper input{width:64px;min-height:40px;border-radius:10px;border:0}.dark-note{opacity:.8}button.chip{border:0;cursor:pointer;font-family:var(--font)}.admin-tools{display:flex;gap:10px;margin-bottom:12px}.admin-search{flex:1 1;min-width:0;min-height:46px;padding:10px 14px;border:1.5px solid var(--line);border-radius:999px;font:500 15px var(--font);background:var(--surface)}.admin-list{list-style:none;margin:0;padding:0;border-radius:var(--r-lg);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);overflow:hidden}.admin-list li+li{border-top:1px solid var(--line)}.admin-list button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border:0;background:none;text-align:left;font:inherit;color:inherit;cursor:pointer}.admin-list button:hover{background:var(--bg)}.admin-list span:first-child{display:grid;min-width:0}.admin-list small{font-size:13px;overflow-wrap:anywhere}.admin-list .is-off strong,.admin-list small{color:var(--ink-soft)}.admin-empty{padding:16px}.admin-form .switch{margin:6px 0 12px}.setting-row{display:flex;gap:10px;align-items:flex-end;margin-bottom:8px}.setting-row .field{flex:1 1;margin-bottom:0}.admin-log{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-gap:8px;gap:8px}.admin-log li{display:flex;gap:10px;align-items:flex-start;font-size:14px}.admin-log li span:last-child{display:grid;min-width:0}.admin-log small{color:var(--ink-soft);overflow-wrap:anywhere}