@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#17211d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f2efe8;font-family:DM Sans,sans-serif}button,a{font:inherit}button{cursor:pointer}:root{--ink:#17211d;--muted:#68726c;--line:#dedfd9;--paper:#fff;--wash:#f3f1e9;--green:#28483a;--lime:#d8ff75;--danger:#b74b43;color:var(--ink);background:var(--wash);font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea{font:inherit}a{color:inherit}.header{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:32px;height:72px;padding:0 clamp(18px,5vw,72px);display:flex}.brand{color:var(--ink);align-items:center;gap:11px;font:700 19px Space Grotesk;text-decoration:none;display:flex}.brand img{object-fit:contain;border-radius:10px;width:40px;height:40px}.header nav{gap:24px;margin-left:auto;display:flex}.header nav a,.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:13px;text-decoration:none}.header nav a:hover,.text-button:hover{color:var(--ink)}.kicker{color:#87918b;letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.login{background:#fff;grid-template-columns:minmax(360px,45%) 1fr;min-height:calc(100svh - 72px);display:grid}.login>section{flex-direction:column;justify-content:center;padding:clamp(36px,7vw,100px);display:flex}.login h1,.content>h1,.legal h1{max-width:680px;color:var(--ink);letter-spacing:-.055em;margin:16px 0;font:600 clamp(40px,6vw,72px)/.98 Space Grotesk}.login section>p:not(.kicker){max-width:470px;color:var(--muted);line-height:1.7}.google{min-height:46px;margin-top:12px}.login small{color:#7e8782;max-width:420px;margin-top:20px;line-height:1.5}.login aside{background:var(--green);color:#fff;place-content:center;display:grid;position:relative;overflow:hidden}.login aside:after{content:"";border:120px solid #ffffff10;border-radius:50%;width:520px;height:520px;position:absolute}.login aside img{filter:drop-shadow(0 30px 30px #10261d70);z-index:1;width:min(240px,35vw)}.login aside strong{z-index:1;color:var(--lime);text-align:right;font:700 clamp(30px,5vw,70px)/.8 Space Grotesk;position:absolute;bottom:8%;right:8%}.primary{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:9px;min-height:46px;padding:0 18px;font-weight:700}.primary.link{justify-content:center;align-items:center;margin-top:24px;text-decoration:none;display:inline-flex}.notice{border-left:3px solid var(--danger);color:#80413c;background:#fff1ef;margin:16px 0;padding:13px 15px;font-size:13px}.portal{grid-template-columns:260px minmax(0,900px);gap:48px;min-height:calc(100svh - 72px);padding:48px clamp(18px,7vw,110px);display:grid}.sidebar{border:1px solid var(--line);background:#fff;border-radius:16px;height:max-content;overflow:hidden}.sidebar>div{border-bottom:1px solid var(--line);padding:22px}.sidebar strong,.sidebar small{display:block}.sidebar small{color:var(--muted);text-overflow:ellipsis;margin-top:6px;overflow:hidden}.sidebar nav{padding:8px;display:grid}.sidebar button{color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:13px 14px}.sidebar button.active{color:var(--ink);background:#eef1ea;font-weight:700}.content{min-width:0}.content>h1{margin-bottom:34px;font-size:clamp(40px,5vw,64px)}.orders{gap:10px;display:grid}.order-card{border:1px solid var(--line);width:100%;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:13px;justify-content:space-between;gap:20px;padding:20px;display:flex}.order-card:hover{border-color:#9ea79f;transform:translateY(-1px)}.order-card span:last-child{text-align:right}.order-card strong,.order-card b,.order-card small{display:block}.order-card small{color:var(--muted);margin-top:7px}.empty,.form-card,.detail,.address-list article{border:1px solid var(--line);background:#fff;border-radius:15px;padding:26px}.empty{color:var(--muted)}.detail-head{justify-content:space-between;align-items:end;margin:22px 0;display:flex}.detail-head h2{margin:5px 0 0;font:600 32px Space Grotesk}.detail-head b{font-size:20px}.status-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.status-grid div,.tracking{background:#f1f3ee;border-radius:11px;padding:16px}.status-grid small,.status-grid strong,.tracking>*{display:block}.status-grid strong{margin-top:8px}.detail h3{margin:30px 0 12px}.snapshot>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:12px 0;display:flex}.tracking span{margin:8px 0}.tracking small,.muted{color:var(--muted)}.form-card{gap:17px;display:grid}.form-card h2{margin:0 0 8px;font:600 25px Space Grotesk}.form-card label{color:var(--muted);gap:7px;font-size:13px;display:grid}.form-card input,.form-card textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:12px}.form-card textarea{resize:vertical;min-height:90px}.form-card .check{align-items:center;display:flex}.form-card .check input{width:auto}.two{grid-template-columns:1fr 1fr;gap:14px;display:grid}.address-list{gap:10px;margin-bottom:18px;display:grid}.address-list article{justify-content:space-between;display:flex}.address-list p{margin:8px 0}.address-list small{color:var(--muted)}.address-list em{background:var(--lime);border-radius:10px;padding:4px 7px;font-size:10px;font-style:normal}.legal{max-width:780px;margin:auto;padding:70px 24px 100px}.legal>a{color:var(--muted);text-decoration:none}.legal .kicker{margin-top:45px}.legal h1{margin-bottom:20px}.legal .lead{font-size:20px;line-height:1.6}.legal section{border-top:1px solid var(--line);padding:24px 0}.legal h2{margin:0 0 10px;font:600 20px Space Grotesk}.legal section p{color:var(--muted);margin:0;line-height:1.7}.legal footer{flex-wrap:wrap;gap:20px;padding-top:35px;display:flex}.config{text-align:center;place-content:center;min-height:100svh;display:grid}.config img{width:100px;margin:auto}.config h1{font:600 42px Space Grotesk}.operator-heading{justify-content:space-between;align-items:start;gap:24px;display:flex}.operator-heading h1{margin:12px 0}.operator-heading p{max-width:620px}.operator-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0;display:grid}.operator-summary div{border:1px solid var(--line);background:#fff;border-radius:13px;padding:18px}.operator-summary small,.operator-summary strong{display:block}.operator-summary small{color:var(--muted)}.operator-summary strong{margin-top:8px;font:600 28px Space Grotesk}.operator-controls{justify-content:space-between;align-items:end;gap:20px;margin:8px 0 12px;display:flex}.operator-controls h2{margin:0;font:600 22px Space Grotesk}.operator-controls small{color:var(--muted);margin-top:5px;display:block}.operator-controls label{color:var(--muted);gap:6px;font-size:12px;display:grid}.operator-controls select{border:1px solid var(--line);min-width:210px;color:var(--ink);background:#fff;border-radius:8px;padding:10px 34px 10px 12px}.operator-table-wrap{border:1px solid var(--line);background:#fff;border-radius:15px;overflow-x:auto}.operator-table{border-collapse:collapse;width:100%;min-width:940px}.operator-table th,.operator-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:14px 15px}.operator-table th{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;background:#f6f6f1;font-size:11px}.operator-table tbody tr:last-child td{border-bottom:0}.operator-table tbody tr.selected{background:#f1f5ed}.operator-table td strong,.operator-table td small{display:block}.operator-table td small{color:var(--muted);margin-top:4px}.operator-table-empty{color:var(--muted);text-align:center!important;padding:30px!important}.status-pill{color:#52605a;white-space:nowrap;background:#edf0eb;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:700;display:inline-flex}.stage-awaiting-payment{color:#7b5b08;background:#fff1cc}.stage-awaiting-handoff,.stage-ready-to-ship{color:#315a8b;background:#e9f1ff}.stage-in-production{color:#665087;background:#f1eafd}.stage-in-transit{color:#286149;background:#e4f5ee}.stage-completed{color:#2d672a;background:#ddf4db}.stage-problem{color:#943f38;background:#fce6e3}.table-action{border:1px solid var(--green);color:var(--green);cursor:pointer;white-space:nowrap;background:#fff;border-radius:7px;padding:8px 10px;font-size:12px;font-weight:700}.table-action:hover{background:var(--green);color:#fff}.operator-empty-action{color:#9ba39e;white-space:nowrap;font-size:12px}.operator-detail{margin-top:20px;padding:22px}.operator-detail .detail-head{align-items:start}.operator-detail .detail-head h2{font-size:27px}.compact-form{background:#fafbf8;margin-top:20px;padding:18px}.compact-form h2{font-size:20px}.compact-form small{color:var(--muted)}.compact-form select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:12px}.compact-form button:disabled{opacity:.55;cursor:wait}.operator-locked{border:1px dashed var(--line);background:#fafbf8;border-radius:12px;margin-top:20px;padding:18px}.operator-locked p{color:var(--muted);margin:6px 0 0}.operator-tracking{margin-top:20px}.operator-tracking .text-button{margin-top:12px;padding:0}.operator-tracking .text-button:disabled{opacity:.55;cursor:wait}.operator-back{color:var(--muted);padding:13px 14px;font-size:13px;text-decoration:none;display:block}.operator-back:hover{color:var(--ink)}.payment-complete{background:radial-gradient(circle at 50% 5%,#fff 0,#f3f1e9 58%);place-items:center;min-height:calc(100svh - 72px);padding:48px 20px;display:grid}.payment-complete article{border:1px solid var(--line);text-align:center;background:#fff;border-radius:24px;width:min(100%,620px);padding:clamp(30px,6vw,58px);box-shadow:0 28px 80px #17211d12}.payment-mark{width:72px;height:72px;color:var(--green);background:#eef1ea;border-radius:50%;place-items:center;margin:0 auto 26px;font:700 34px Space Grotesk;display:grid}.payment-success .payment-mark{color:#276329;background:#e2f5df}.payment-failed .payment-mark,.payment-error .payment-mark{color:var(--danger);background:#fff0ed}.payment-processing .payment-mark,.payment-delayed .payment-mark{animation:1.5s ease-in-out infinite pulse}.payment-complete h1{letter-spacing:-.045em;margin:13px auto 16px;font:600 clamp(34px,7vw,54px)/1 Space Grotesk}.payment-copy{max-width:500px;color:var(--muted);margin:0 auto;line-height:1.65}.payment-order{border-block:1px solid var(--line);text-align:left;justify-content:space-between;gap:20px;margin:28px 0 0;padding:18px 0;display:flex}.payment-order span:last-child{text-align:right}.payment-order small,.payment-order strong{display:block}.payment-order small{color:var(--muted);margin-bottom:6px}.payment-wait{color:var(--muted);justify-content:center;align-items:center;gap:10px;margin-top:24px;font-size:13px;display:flex}.payment-wait i{border:2px solid #cdd4ce;border-top-color:var(--green);border-radius:50%;width:15px;height:15px;animation:.8s linear infinite spin}.payment-actions{justify-content:center;align-items:center;gap:16px;margin-top:28px;display:flex}.payment-actions .primary.link{margin:0}.payment-actions .text-link{color:var(--green);font-weight:700;text-decoration:none}.payment-help{color:var(--muted);margin-top:28px;display:block}.payment-help a{font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.72;transform:scale(.94)}}@media (width<=800px){.login{grid-template-columns:1fr}.login aside{min-height:320px}.portal{grid-template-columns:210px 1fr;gap:24px;padding:34px 18px}.status-grid{grid-template-columns:1fr}}@media (width<=980px){.operator-controls{align-items:start}}@media (width<=620px){.header{height:auto;min-height:64px;padding:12px 16px}.header nav{display:none}.portal{display:block}.sidebar{margin-bottom:28px}.sidebar nav{grid-template-columns:1fr 1fr}.content>h1{font-size:42px}.two{grid-template-columns:1fr}.order-card{display:block}.order-card span:last-child{text-align:left;margin-top:14px}.login>section{padding:50px 22px}.login aside img{width:170px}.login aside strong{font-size:44px}.operator-heading,.operator-controls{display:block}.operator-heading .text-button{margin-top:12px}.operator-summary{grid-template-columns:1fr 1fr}.operator-summary div:last-child{grid-column:1/-1}.operator-controls label{margin-top:12px}.operator-controls select{width:100%}.payment-complete{padding:24px 14px}.payment-complete article{border-radius:18px;padding:32px 20px}.payment-order,.payment-actions{display:grid}.payment-order span:last-child{text-align:left}}.operator-controls select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2368726c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;padding-right:48px}.operator-table{table-layout:fixed;min-width:760px;font-size:12px}.operator-table th{font-size:10px}.operator-table th:nth-child(5),.operator-table th:nth-child(6){width:15%}.operator-table td small{font-size:11px}.table-action{padding:7px 8px;font-size:11px}.form-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.form-title-row h2{margin:0}.copy-button{white-space:nowrap;font-size:12px;font-weight:700}.compact-form .form-title-row+.muted{margin:-8px 0 0}.operator-table{min-width:780px;font-size:11px;line-height:1.35}.operator-table th,.operator-table td{padding:11px 10px}.operator-table th:first-child{width:15%}.operator-table th:nth-child(2){width:21%}.operator-table th:nth-child(3){width:10%}.operator-table th:nth-child(4){width:13%}.operator-table th:nth-child(5){width:16%}.operator-table th:nth-child(6){width:14%}.operator-table th:nth-child(7){width:11%}.operator-table td:nth-child(3),.operator-table td:nth-child(4),.operator-table td:nth-child(7){white-space:nowrap}.operator-table td:nth-child(5){overflow:visible}.status-pill{white-space:normal;text-align:center;overflow-wrap:normal;justify-content:center;max-width:100%;padding:6px 8px;line-height:1.2}.operator-table td:nth-child(6) strong,.operator-table td:nth-child(6) small{overflow-wrap:anywhere}.operator-empty-action{white-space:normal;font-size:11px}.table-action{max-width:100%}.portal{grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:clamp(24px,4vw,48px);max-width:1440px;margin:0 auto;padding:clamp(24px,4vw,48px)}.order-card{cursor:default;padding:0;display:block}.order-card:hover{transform:none}.order-card-main{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;gap:20px;padding:20px;display:flex}.order-card-main:hover{background:#fafbf8}.order-card-main span:last-child{text-align:right}.order-card-main strong,.order-card-main b,.order-card-main small{display:block}.order-card-main small{color:var(--muted);margin-top:7px}.order-addons{border-top:1px solid var(--line);padding:0 20px 20px}.order-delivery{border:1px solid var(--line);background:#fafbf8;border-radius:11px;margin-top:16px;padding:16px}.order-delivery strong,.order-delivery span{display:block}.order-delivery span{color:var(--muted);margin-top:5px}.order-delivery p{margin:10px 0 0;line-height:1.55}.order-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.secondary-button{border:1px solid var(--green);min-height:40px;color:var(--green);cursor:pointer;background:#fff;border-radius:9px;padding:0 15px;font-weight:700}.order-pay{white-space:nowrap;min-height:40px;margin:0!important}.mockup-dialog-backdrop{z-index:30;background:#17211db8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.mockup-dialog{background:#fff;border-radius:16px;width:min(920px,100%);max-height:calc(100svh - 48px);padding:20px;overflow:auto}.mockup-dialog>div{justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;display:flex}.mockup-dialog h2{margin:0;font:600 24px Space Grotesk}.order-mockup{border:1px solid var(--line);background:#f4f1e9;border-radius:12px;width:100%;height:min(680px,70svh);display:block}.address-actions{align-items:center;gap:12px;display:flex}.danger-button{color:var(--danger);cursor:pointer;background:0 0;border:0;font-size:13px}.address-dialog{width:min(640px,100%);max-height:calc(100svh - 48px);overflow:auto}.dialog-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.dialog-head h2{margin:0}:focus-visible{outline-offset:3px;outline:3px solid #4d7a62}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{box-shadow:0 0 0 5px #d8ff7580}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sidebar button[aria-pressed=true]{color:var(--ink);background:#eef1ea;font-weight:700}.detail:focus{outline:none}.order-card strong,.snapshot span,.address-list small,.operator-table td{overflow-wrap:anywhere}.operator-table-wrap:focus-within{box-shadow:0 0 0 3px #d8ff7580}.operator-table caption{caption-side:top}.form-card input:read-only{color:#566158;background:#f6f6f1}.primary:disabled,.table-action:disabled,.text-button:disabled{cursor:not-allowed;opacity:.6}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=820px){.portal{padding:28px 18px;display:block}.sidebar{margin-bottom:28px}.detail-head,.address-list article{align-items:flex-start}.operator-table-wrap{margin-inline:-2px}}@media (width<=620px){.header{flex-wrap:wrap;align-items:center;gap:10px}.header nav{order:3;gap:18px;width:100%;margin-left:0;padding-top:3px;display:flex;overflow-x:auto}.header nav a{white-space:nowrap}.header>.text-button{margin-left:auto}.detail-head,.address-list article{display:block}.detail-head>b{margin-top:14px;display:block}.snapshot>div{display:block}.snapshot>div>b{margin-top:5px;display:block}.address-list article>.text-button{margin-top:12px}.operator-table-wrap{border-radius:12px}.operator-summary strong{font-size:24px}}.operator-nav-link{color:var(--muted);border-radius:9px;padding:13px 14px;font-size:13px;text-decoration:none;display:block}.operator-nav-link:hover{color:var(--ink)}.operator-nav-link.active{color:var(--ink);background:#eef1ea;font-weight:700}.operator-entry{border-top:1px solid var(--line);color:var(--green);border-radius:0;margin-top:8px;padding-top:18px;font-weight:700}.operator-entry small{text-transform:capitalize;margin-top:3px;font-size:11px}.shipping-settings-form{max-width:680px}.shipping-settings-form>p{margin-top:-8px}.courier-options{border:1px solid var(--line);border-radius:10px;margin:0;padding:16px}.courier-options legend{color:var(--ink);padding:0 5px;font-size:13px;font-weight:700}.courier-options p{margin:0 0 12px}.courier-options>div{flex-wrap:wrap;gap:8px 18px;display:flex}.courier-options .check{color:var(--ink)}.courier-options input{accent-color:var(--green)}.operator-pagination{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin-top:14px;font-size:12px;display:flex}.operator-pagination>div{gap:8px;display:flex}.operator-pagination .table-action:disabled{border-color:var(--line);color:#9ba39e;background:#f6f6f1}.operator-modal-backdrop{z-index:20;background:#17211d80;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.operator-modal{width:min(100%,760px);max-height:calc(100svh - 48px);margin:auto;overflow-y:auto;box-shadow:0 28px 80px #10261d52}.modal-close{float:right;margin:-4px -3px 0 16px;font-weight:700}.operator-modal .detail-head{clear:both}.operator-modal .compact-form{margin-top:18px}.operator-modal .operator-tracking{margin-bottom:0}@media (width<=620px){.operator-pagination{flex-direction:column;align-items:flex-start}.operator-modal-backdrop{align-items:start;padding:12px}.operator-modal{max-height:calc(100svh - 24px);padding:18px}.operator-modal .status-grid{grid-template-columns:1fr}.operator-pagination .table-action{padding:8px 9px}}.operator-search{align-items:end;gap:10px;margin:0 0 12px;display:flex}.operator-search label{color:var(--muted);flex:1;gap:6px;font-size:12px;display:grid}.operator-search input{border:1px solid var(--line);width:100%;min-height:38px;color:var(--ink);background:#fff;border-radius:8px;padding:9px 12px}.table-sort{color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-weight:700;display:inline-flex}.table-sort:hover{color:var(--ink)}.table-sort span{color:#52605a;letter-spacing:0;font-size:13px}@media (width<=620px){.operator-search{flex-wrap:wrap;align-items:stretch}.operator-search label{flex-basis:100%}.operator-search .table-action,.operator-search .text-button{min-height:38px}}.operator-table-wrap.is-refreshing{opacity:.72;position:relative}.operator-table-wrap.is-refreshing:after{content:"Memperbarui tabel…";color:#fff;letter-spacing:.02em;background:#17211d;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:700;position:absolute;top:10px;right:12px}.table-sort:disabled{cursor:wait;opacity:.65}.operator-table th:nth-child(5),.operator-table td:nth-child(5){text-align:center}.table-icon-actions{justify-content:center;gap:6px;display:flex}.icon-action{border:1px solid var(--line);width:31px;height:31px;color:var(--green);cursor:pointer;background:#fff;border-radius:8px;place-items:center;font-size:17px;font-weight:700;display:grid}.icon-action:hover{border-color:var(--green);background:#eef5ee}.icon-action-primary{background:var(--green);color:#fff;border-color:var(--green)}.icon-action-primary:hover{background:#172f26}.icon-action:disabled{border-color:var(--line);color:#9ba39e;cursor:not-allowed;background:#f5f5f1}.operator-heading-actions{align-items:center;gap:10px;display:flex}.modal-detail-actions{justify-items:end;gap:10px;display:grid}.operator-order-details{border:1px solid var(--line);background:#fafbf8;border-radius:11px;margin-top:18px;padding:16px}.operator-order-details h3{margin:0 0 10px;font:600 18px Space Grotesk}.operator-order-details p{color:var(--muted);margin:8px 0;line-height:1.45}.operator-order-details strong{color:var(--ink)}@media (width<=620px){.operator-heading-actions{align-items:flex-start}.modal-detail-actions{justify-items:start;margin-top:14px}.operator-modal .detail-head{display:block}}