:root{--decarra-font-sans:"Segoe UI", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;--decarra-font-mono:ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;--decarra-burgundy:#8f295b;--decarra-text:#2f252a;--decarra-muted:#7d6d75;--decarra-background:#f7f3f5;font-family:var(--decarra-font-sans);color:var(--decarra-text);background:var(--decarra-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box;font-family:var(--decarra-font-sans)!important}code,pre,kbd,samp{font-family:var(--decarra-font-mono)!important}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--decarra-text);background:var(--decarra-background);margin:0}button,input,select,textarea,option{font-family:var(--decarra-font-sans)!important;letter-spacing:0!important;font-style:normal!important}input,select,textarea{color:inherit}h1,h2,h3,h4,h5,h6{letter-spacing:0}a{color:inherit}.brand-mark,.sidebar-brand__mark{font-family:var(--decarra-font-sans)!important;font-weight:800!important}.sidebar-brand strong{font-size:18px;font-weight:750;line-height:1.25}.sidebar-brand span{font-size:11px;font-weight:400;line-height:1.35}.sidebar-link{min-height:64px;padding:12px 14px}.sidebar-link__icon{width:38px;height:38px;font-size:12px;font-weight:800}.sidebar-link__copy strong{font-size:14px;font-weight:700;line-height:1.3}.sidebar-link__copy small{margin-top:4px;font-size:11px;font-weight:400;line-height:1.35}.primary-button,.secondary-button,.text-button,.logout-button,.personnel-primary-action,.personnel-secondary-action,.personnel-detail-button,.personnel-search button,.personnel-filter,.personnel-pagination button,.card-link,.account-danger-action,.account-actions__buttons button,.account-confirmation button,.personnel-detail-section__heading button,.personnel-history-heading button,.temporary-credential__heading>button,.temporary-credential dd button{font-family:var(--decarra-font-sans)!important;letter-spacing:0!important;text-transform:none!important;font-style:normal!important;font-weight:600!important}.primary-button *,.secondary-button *,.text-button *,.logout-button *,.personnel-primary-action *,.personnel-secondary-action *,.personnel-detail-button *,.personnel-search button *,.personnel-filter *,.personnel-pagination button *,.card-link *,.account-danger-action *,.account-actions__buttons button *,.account-confirmation button *{font-family:inherit!important;font-weight:inherit!important}.personnel-detail dt,.personnel-detail-section dt{color:var(--decarra-burgundy);letter-spacing:0;text-transform:none;font-size:12px;font-weight:700;line-height:1.4}.personnel-detail dd,.personnel-detail-section dd{color:var(--decarra-text);font-size:14px;font-weight:600;line-height:1.5}.personnel-detail-section h3,.personnel-history-section h3{color:#35282e;letter-spacing:0;font-weight:700}#root{min-height:100vh}*{box-sizing:border-box}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.auth-page{background:#fbf8f9;grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);min-height:100vh;display:grid}.auth-page--centered{background:radial-gradient(circle at 0 0,#f2dfe8,#0000 38%),#fbf8f9;justify-content:center;align-items:center;padding:24px;display:flex}.login-panel{justify-content:center;align-items:center;padding:56px 8%;display:flex}.login-content{width:min(100%,440px)}.brand-mark,.sidebar-brand__mark{color:#fff;background:#8f295b;flex:none;place-items:center;font-family:Georgia,Times New Roman,serif;font-weight:700;display:grid}.brand-mark{border-radius:16px;width:52px;height:52px;font-size:28px;box-shadow:0 12px 30px #8f295b33}.eyebrow,.page-eyebrow,.dashboard-section__eyebrow{color:#8f295b;letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:800}.eyebrow{margin:28px 0 8px}h1,h2,p{margin-top:0}h1{color:#2f2028;margin-bottom:12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,5vw,48px);line-height:1.08}.login-description{color:#70646a;margin-bottom:34px;font-size:16px;line-height:1.65}.login-form,.first-login-form{gap:20px;display:grid}.login-form label,.first-login-form label{color:#40343a;gap:8px;font-size:14px;font-weight:700;display:grid}.login-form input,.first-login-form input,.first-login-form textarea{color:#2f2028;background:#fff;border:1px solid #d8ced3;border-radius:13px;outline:none;width:100%;min-height:52px;padding:0 16px;transition:border-color .16s,box-shadow .16s}.first-login-form textarea{resize:vertical;min-height:110px;padding-top:14px;padding-bottom:14px;line-height:1.55}.login-form input:focus,.first-login-form input:focus,.first-login-form textarea:focus{border-color:#8f295b;box-shadow:0 0 0 4px #8f295b1a}.login-form input:disabled,.first-login-form input:disabled,.first-login-form textarea:disabled{cursor:not-allowed;opacity:.7}.primary-button,.secondary-button{cursor:pointer;border-radius:13px;min-height:52px;font-weight:800;transition:transform .15s,opacity .15s}.primary-button{color:#fff;background:#8f295b;border:0;box-shadow:0 12px 26px #8f295b33}.secondary-button{color:#654a57;background:#fff;border:1px solid #ccbfc5;width:100%}.primary-button:hover:not(:disabled),.secondary-button:hover,.text-button:hover:not(:disabled){transform:translateY(-1px)}.primary-button:disabled,.text-button:disabled{cursor:wait;opacity:.68}.text-button{color:#765763;cursor:pointer;background:0 0;border:0;min-height:44px;font-weight:800}.form-error{color:#9d2837;background:#fff2f3;border:1px solid #edc3c8;border-radius:11px;margin:0;padding:12px 14px;font-size:14px;line-height:1.5}.visual-panel{background:linear-gradient(145deg,#46132db8,#8f295b8c),radial-gradient(circle at 70% 20%,#e8b8cb,#0000 32%),#8f295b;align-items:flex-end;padding:48px;display:flex;position:relative;overflow:hidden}.visual-panel:before,.visual-panel:after{content:"";border:1px solid #ffffff2e;border-radius:999px;position:absolute}.visual-panel:before{width:430px;height:430px;top:-130px;right:-100px}.visual-panel:after{width:290px;height:290px;top:90px;right:70px}.visual-card{z-index:1;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff21;border:1px solid #ffffff40;border-radius:24px;max-width:470px;padding:30px;position:relative}.visual-card p{letter-spacing:.15em;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:800}.visual-card h2{margin-bottom:18px;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,4vw,42px);line-height:1.15}.visual-card span{color:#ffffffc2;line-height:1.7}.loading-card,.first-login-card{background:#fffffff0;border:1px solid #eadfe4;border-radius:24px;width:min(100%,760px);padding:36px;box-shadow:0 24px 70px #5b2c421f}.loading-card{color:#6b5862;align-items:center;gap:14px;width:min(100%,560px);display:flex}.loading-card p{margin:0}.loading-spinner{border:3px solid #ead8e1;border-top-color:#8f295b;border-radius:50%;flex:none;width:22px;height:22px;animation:.75s linear infinite spin}.first-login-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-top:22px;display:flex}.first-login-heading .eyebrow{margin-top:0}.first-login-heading h1{margin-bottom:0;font-size:clamp(32px,5vw,44px)}.step-badge{color:#8f295b;background:#f7eaf0;border-radius:999px;flex:none;padding:9px 12px;font-size:13px;font-weight:800}.step-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0;display:grid}.step-item{color:#7d6e75;background:#fbf9fa;border:1px solid #eadfe4;border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.step-item>span{background:#eee7ea;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.step-item strong,.step-item small{display:block}.step-item strong{color:#49383f;font-size:14px}.step-item small{margin-top:3px;font-size:12px}.step-item--active{background:#fff8fb;border-color:#d9a8bd}.step-item--active>span{color:#fff;background:#8f295b}.section-copy{padding-bottom:4px}.section-copy h2{color:#3b2931;margin-bottom:8px;font-family:Georgia,Times New Roman,serif;font-size:26px}.section-copy p{color:#796a71;margin-bottom:0;line-height:1.6}.password-rules,.privacy-note{border-radius:12px;padding:13px 14px;font-size:13px;line-height:1.55}.password-rules{color:#715f68;background:#fbf9fa;border:1px solid #e6dce1}.privacy-note{color:#75581c;background:#fff9e9;border:1px solid #ead29c}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.field-span-2{grid-column:1/-1}.choice-fieldset{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;display:grid}.choice-fieldset legend{color:#40343a;margin-bottom:9px;font-size:14px;font-weight:700}.choice-option{cursor:pointer;background:#fff;border:1px solid #d8ced3;border-radius:13px;align-items:center;min-height:52px;padding:11px 13px;gap:10px!important;font-weight:600!important;display:flex!important}.choice-option input{accent-color:#8f295b;flex:none;width:18px;height:18px;min-height:18px;padding:0}.subsection-title{color:#8f295b;border-top:1px solid #eadfe4;margin-top:2px;padding-top:18px;font-family:Georgia,Times New Roman,serif;font-size:21px;font-weight:700}.first-login-actions{gap:7px;padding-top:4px;display:grid}.protected-shell{background:#f7f3f5;grid-template-columns:270px minmax(0,1fr);min-height:100vh;display:grid}.app-sidebar{z-index:30;background:#fff;border-right:1px solid #eadfe4;flex-direction:column;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:12px;padding:0 8px 22px;display:flex}.sidebar-brand__mark{border-radius:13px;width:42px;height:42px;font-size:23px}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand strong{color:#382830;font-family:Georgia,Times New Roman,serif;font-size:17px}.sidebar-brand span{color:#8b7a82;margin-top:3px;font-size:11px}.sidebar-nav{gap:6px;padding-right:2px;display:grid;overflow-y:auto}.sidebar-link{color:#56464e;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:13px;align-items:center;gap:11px;width:100%;min-width:0;padding:11px;display:flex}.sidebar-link:hover{background:#faf6f8}.sidebar-link--active{background:#fbf0f5;border-color:#e7cad7}.sidebar-link__icon{color:#765361;letter-spacing:.03em;background:#f0e8ec;border-radius:10px;flex:none;place-items:center;width:35px;height:35px;font-size:11px;font-weight:900;display:grid}.sidebar-link--active .sidebar-link__icon{color:#fff;background:#8f295b}.sidebar-link__copy{min-width:0}.sidebar-link__copy strong,.sidebar-link__copy small{display:block}.sidebar-link__copy strong{color:#46363e;font-size:13px}.sidebar-link__copy small{color:#94858c;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;overflow:hidden}.sidebar-account{border-top:1px solid #eee4e8;align-items:center;gap:10px;margin-top:auto;padding:14px 9px 3px;display:flex}.sidebar-account__avatar{color:#8f295b;background:#f4e6ec;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.sidebar-account__copy{min-width:0}.sidebar-account__copy strong,.sidebar-account__copy span{display:block}.sidebar-account__copy strong{color:#43333b;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.sidebar-account__copy span{color:#918189;margin-top:2px;font-size:10px}.protected-shell__content{min-width:0}.app-topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#fffffff0;border-bottom:1px solid #eadfe4;justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:12px 28px;display:flex;position:sticky;top:0}.app-topbar__left,.app-topbar__right{align-items:center;gap:14px;display:flex}.app-topbar__left strong,.topbar-label{display:block}.app-topbar__left strong{color:#392b32;font-family:Georgia,Times New Roman,serif;font-size:21px}.topbar-label{color:#967d89;letter-spacing:.12em;margin-bottom:2px;font-size:10px;font-weight:800}.menu-button{cursor:pointer;background:#fff;border:1px solid #e4d7dd;border-radius:12px;place-items:center;gap:4px;width:42px;height:42px;padding:10px;display:none}.menu-button span{background:#684a58;border-radius:999px;width:19px;height:2px;display:block}.topbar-user{text-align:right}.topbar-user span,.topbar-user strong{display:block}.topbar-user span{color:#4a3941;font-size:13px;font-weight:800}.topbar-user strong{color:#9a8790;margin-top:2px;font-size:10px}.logout-button{color:#75515f;cursor:pointer;background:#fff;border:1px solid #ddcdd4;border-radius:11px;min-height:40px;padding:0 15px;font-weight:800}.logout-button:disabled{cursor:wait;opacity:.65}.protected-main{width:min(100%,1240px);margin:0 auto;padding:30px}.dashboard-page,.module-placeholder{min-width:0}.page-heading{justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:26px;display:flex}.page-heading h1,.module-placeholder h1{margin-bottom:10px;font-size:clamp(31px,4vw,44px)}.page-heading>div>p:last-child,.module-placeholder__description{color:#77686f;max-width:690px;margin-bottom:0;line-height:1.65}.page-eyebrow{margin-bottom:8px}.foundation-chip,.neutral-status,.module-placeholder__increment{border-radius:999px;align-items:center;font-weight:800;display:inline-flex}.foundation-chip{color:#397148;background:#edf6ef;flex:none;padding:9px 13px;font-size:12px}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.dashboard-section{background:#fff;border:1px solid #e5d9de;border-radius:20px;flex-direction:column;justify-content:space-between;gap:28px;min-height:250px;padding:24px;display:flex;box-shadow:0 12px 36px #4f2d3d0e}.dashboard-section__eyebrow{margin-bottom:9px}.dashboard-section h2{color:#382830;margin-bottom:10px;font-family:Georgia,Times New Roman,serif;font-size:28px}.dashboard-section__description{color:#7b6c73;margin-bottom:0;line-height:1.65}.dashboard-section__footer{border-top:1px solid #eee5e9;justify-content:space-between;align-items:center;gap:12px;padding-top:17px;display:flex}.neutral-status{color:#7c6c74;background:#f3eff1;padding:7px 10px;font-size:10px}.card-link{color:#8f295b;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:900}.module-placeholder{background:#fff;border:1px solid #e5d9de;border-radius:22px;max-width:760px;padding:28px;box-shadow:0 12px 36px #4f2d3d0e}.module-placeholder__panel{background:#fbf9fa;border:1px solid #e9dfe3;border-radius:16px;margin:28px 0 18px;padding:20px}.module-placeholder__panel span,.module-placeholder__panel strong{display:block}.module-placeholder__panel span{color:#927f88;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:800}.module-placeholder__panel strong{color:#493840;font-size:18px}.module-placeholder__panel p{color:#7c6d74;margin:10px 0 0;line-height:1.6}.module-placeholder__increment{color:#8f295b;background:#f8ebf1;padding:8px 11px;font-size:11px}.mobile-bottom-nav,.mobile-overlay{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=940px){.protected-shell{display:block}.app-sidebar{width:min(86vw,300px);transition:transform .19s;position:fixed;top:0;left:0;transform:translate(-105%);box-shadow:18px 0 48px #361f2a2e}.app-sidebar--open{transform:translate(0)}.mobile-overlay{z-index:25;background:#2b19225c;border:0;display:block;position:fixed;inset:0}.menu-button{display:grid}.protected-main{padding-bottom:104px}.mobile-bottom-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:22;background:#fffffff5;border:1px solid #e3d7dc;border-radius:20px;grid-template-columns:repeat(5,minmax(0,1fr));min-height:67px;padding:6px;display:grid;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 18px 46px #3f22302e}.mobile-bottom-nav button{color:#8e7c84;cursor:pointer;background:0 0;border:0;border-radius:14px;place-items:center;gap:3px;min-width:0;padding:6px 2px;display:grid}.mobile-bottom-nav button>span{font-size:11px;font-weight:900}.mobile-bottom-nav small{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:9px;overflow:hidden}.mobile-bottom-nav__active{color:#8f295b!important;background:#f6e8ef!important}}@media (width<=840px){.auth-page{display:block}.login-panel{min-height:100vh;padding:34px 22px}.visual-panel{display:none}.dashboard-grid{grid-template-columns:1fr}}@media (width<=620px){.auth-page--centered{align-items:flex-start;padding:14px}.login-panel{align-items:flex-start;padding-top:44px}.login-content{width:100%}.loading-card,.first-login-card{border-radius:19px;padding:26px 20px}.first-login-heading,.page-heading{display:block}.step-badge,.foundation-chip{margin-top:14px;display:inline-flex}.step-track,.form-grid,.choice-fieldset{grid-template-columns:1fr}.field-span-2{grid-column:auto}.app-topbar{min-height:68px;padding:10px 14px}.app-topbar__left strong{font-size:18px}.topbar-user{display:none}.logout-button{min-height:38px;padding:0 11px;font-size:12px}.protected-main{padding:20px 14px 104px}.dashboard-section,.module-placeholder{border-radius:18px;padding:20px}.dashboard-section{min-height:230px}.dashboard-section__footer{flex-direction:column;align-items:flex-start}}.first-login-password-field,.login-field{gap:8px;display:grid}.password-input-wrap{width:100%;min-width:0;position:relative}.password-input-wrap>input{padding-right:52px}.password-visibility-button{color:#765f6a;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:38px;height:38px;padding:0;display:grid;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.password-visibility-button:hover:not(:disabled),.password-visibility-button:focus-visible{color:#8f295b;background:#f7edf1;outline:none}.password-visibility-button:disabled{cursor:not-allowed;opacity:.55}.password-visibility-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.password-input-wrap input::-webkit-credentials-auto-fill-button{visibility:hidden;pointer-events:none;display:none!important}@media (width<=760px){.auth-page,.login-panel,.login-content,.login-form{width:100%;min-width:0;max-width:100%}.auth-page,.login-panel{overflow-x:hidden}.login-form input,.first-login-form input{min-width:0;max-width:100%;font-size:16px!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body,button,input,textarea,select{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}h1,h2,h3,h4,h5,h6,.brand-mark,.sidebar-brand__mark,.sidebar-brand strong,.app-topbar__left strong,.dashboard-section h2,.section-copy h2,.subsection-title{font-family:inherit}.eyebrow,.page-eyebrow,.dashboard-section__eyebrow{letter-spacing:0;text-transform:none;color:#8f295b;font-family:inherit;font-size:15px;font-weight:700;line-height:1.4}.dashboard-grid{gap:16px}.dashboard-section{gap:22px;height:auto;min-height:0;padding:20px}.dashboard-section h2{margin-bottom:8px;font-size:25px;line-height:1.25}.dashboard-section__description{font-size:15px;line-height:1.55}.dashboard-section__footer{padding-top:14px}@media (width<=840px){.dashboard-grid{grid-template-columns:1fr;gap:14px}.dashboard-section{gap:18px;min-height:0;padding:18px}.dashboard-section h2{font-size:22px}.dashboard-section__description{font-size:14px}.dashboard-section__footer{flex-direction:row;align-items:center}}@media (width<=420px){.dashboard-section{border-radius:16px;padding:16px}.dashboard-section__footer{flex-direction:column;align-items:flex-start;gap:10px}.card-link{padding:0}}.app-toast-layer{z-index:10000;pointer-events:none;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.app-toast{color:#3d3036;pointer-events:auto;background:#fff;border:1px solid;border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;width:min(460px,100vw - 36px);min-height:64px;padding:13px 13px 13px 14px;animation:.18s ease-out both app-toast-enter;display:grid;box-shadow:0 22px 60px #2a1d233d,0 5px 18px #2a1d231f}.app-toast--success{color:#315e3e;background:#f1faf3;border-color:#9bc9a8}.app-toast--error{color:#913343;background:#fff3f4;border-color:#e5a6af}.app-toast--warning{color:#74561c;background:#fff9e8;border-color:#dfc982}.app-toast--info{color:#365e78;background:#f2f8fc;border-color:#b8cfe2}.app-toast__icon{color:#fff;background:currentColor;border-radius:50%;place-items:center;width:34px;height:34px;font-size:17px;font-weight:800;line-height:1;display:grid}.app-toast__message{overflow-wrap:anywhere;font-size:14px;font-weight:650;line-height:1.4}.app-toast__close{color:currentColor;width:32px;height:32px;font:inherit;cursor:pointer;background:#ffffffb8;border:0;border-radius:50%;place-items:center;padding:0;font-size:22px;line-height:1;display:grid}@keyframes app-toast-enter{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=640px){.app-toast-layer{padding:14px}.app-toast{border-radius:13px;gap:9px;width:min(390px,100vw - 28px);min-height:58px;padding:11px}.app-toast__icon{width:30px;height:30px;font-size:15px}.app-toast__message{font-size:12.5px}.app-toast__close{width:30px;height:30px;font-size:20px}}@media (prefers-reduced-motion:reduce){.app-toast{animation:none}}.rupiah-input{background:#fff;border:1px solid #dcd0d5;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid;overflow:hidden}.rupiah-input:focus-within{border-color:#8f295b;box-shadow:0 0 0 3px #8f295b17}.rupiah-input>span{color:#78656e;padding-left:13px;font-weight:800}.rupiah-input>input{color:#3d3036;background:0 0;outline:none;width:100%;min-width:0;min-height:48px;padding:0 13px 0 9px;box-shadow:none!important;border:0!important;border-radius:0!important}.rupiah-input>input:disabled{cursor:not-allowed;opacity:.7}.personnel-page{min-width:0}.personnel-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex}.personnel-heading h1{margin-bottom:9px;font-family:inherit;font-size:clamp(31px,4vw,44px)}.personnel-heading>div>p:last-child{color:#77686f;max-width:700px;margin-bottom:0;line-height:1.65}.personnel-primary-action,.personnel-secondary-action{cursor:pointer;border-radius:12px;min-height:44px;padding:0 17px;font-weight:800}.personnel-primary-action{color:#fff;background:#8f295b;border:1px solid #8f295b}.personnel-secondary-action{color:#654e59;background:#fff;border:1px solid #ddcfd5}.personnel-primary-action:disabled,.personnel-secondary-action:disabled{cursor:wait;opacity:.65}.personnel-success,.personnel-error{border-radius:12px;margin-bottom:16px;padding:13px 15px;font-size:13px;line-height:1.55}.personnel-success{color:#356a43;background:#f0f8f2;border:1px solid #cfe4d5}.personnel-error{color:#9d2837;background:#fff2f3;border:1px solid #edc3c8}.personnel-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.personnel-search{flex:auto;grid-template-columns:minmax(0,1fr) auto;gap:8px;min-width:280px;max-width:540px;display:grid}.personnel-search input{color:#3e3037;background:#fff;border:1px solid #dfd2d8;border-radius:12px;outline:none;min-width:0;min-height:44px;padding:0 14px}.personnel-search input:focus{border-color:#8f295b;box-shadow:0 0 0 3px #8f295b17}.personnel-search button{color:#684d59;cursor:pointer;background:#fff;border:1px solid #dacbd2;border-radius:12px;min-height:44px;padding:0 16px;font-weight:800}.personnel-filters{gap:7px;padding-bottom:2px;display:flex;overflow-x:auto}.personnel-filter{color:#806d76;cursor:pointer;background:#fff;border:1px solid #e1d5da;border-radius:999px;flex:none;min-height:38px;padding:0 13px;font-size:12px;font-weight:800}.personnel-filter--active{color:#8f295b;background:#f8eaf0;border-color:#d9a8bd}.personnel-list-card{background:#fff;border:1px solid #e5d9de;border-radius:20px;overflow:hidden;box-shadow:0 12px 36px #4f2d3d0d}.personnel-list-meta{border-bottom:1px solid #eee4e8;justify-content:space-between;align-items:center;gap:12px;padding:17px 20px;display:flex}.personnel-list-meta strong{color:#44343c}.personnel-list-meta span{color:#8d7b84;font-size:12px}.personnel-table-wrap{overflow-x:auto}.personnel-table{border-collapse:collapse;white-space:nowrap;width:100%}.personnel-table th,.personnel-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #f0e8eb;padding:14px 17px}.personnel-table th{color:#8b7982;letter-spacing:.04em;text-transform:uppercase;background:#fbf9fa;font-size:10px;font-weight:800}.personnel-table td{color:#594950;font-size:13px}.personnel-table td strong,.personnel-table td span{display:block}.personnel-table td strong{color:#3e3037}.personnel-table td span:not(.personnel-status){color:#94838b;margin-top:3px;font-size:11px}.personnel-status{border-radius:999px;align-items:center;width:fit-content;padding:6px 9px;font-weight:900;margin:0!important;font-size:10px!important;display:inline-flex!important}.personnel-status--active{background:#edf7ef;color:#397248!important}.personnel-status--upcoming{background:#fff7df;color:#8b681e!important}.personnel-status--non_active{background:#f1edef;color:#725f68!important}.account-not-created{font-style:italic;color:#8a747e!important}.personnel-detail-button{color:#8f295b;cursor:pointer;background:#fff;border:1px solid #decfd6;border-radius:10px;min-height:34px;padding:0 12px;font-size:11px;font-weight:900}.personnel-mobile-list{display:none}.personnel-empty{color:#83737b;text-align:center;padding:48px 20px}.personnel-pagination{justify-content:center;align-items:center;gap:18px;min-height:64px;padding:12px 18px;display:flex}.personnel-pagination span{color:#7d6d75;font-size:12px}.personnel-pagination button{color:#725562;cursor:pointer;background:#fff;border:1px solid #dfd2d8;border-radius:10px;min-height:36px;padding:0 13px;font-size:11px;font-weight:800}.personnel-pagination button:disabled{cursor:not-allowed;opacity:.45}.personnel-modal-layer{z-index:80;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.personnel-modal-backdrop{background:#2d1b246e;border:0;position:absolute;inset:0}.personnel-modal{z-index:1;background:#fff;border:1px solid #e1d5da;border-radius:22px;width:min(100%,720px);max-height:min(88vh,840px);position:relative;overflow-y:auto;box-shadow:0 28px 80px #2c192340}.personnel-modal--detail{width:min(100%,760px)}.personnel-modal__header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2;background:#fffffff7;border-bottom:1px solid #ece2e6;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px 22px;display:flex;position:sticky;top:0}.personnel-modal__header h2{color:#3b2d34;margin:0;font-family:inherit;font-size:26px}.personnel-modal__header>button{color:#765e69;cursor:pointer;background:#fff;border:1px solid #e0d3d9;border-radius:11px;flex:none;width:38px;height:38px;font-size:23px}.personnel-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;padding:22px;display:grid}.personnel-form label{color:#493a41;gap:7px;font-size:13px;font-weight:700;display:grid}.personnel-form input,.personnel-form select,.personnel-form textarea{color:#3d3036;background:#fff;border:1px solid #dcd0d5;border-radius:12px;outline:none;width:100%;min-height:48px;padding:0 13px}.personnel-form textarea{resize:vertical;min-height:92px;padding-top:12px;padding-bottom:12px}.personnel-form input:focus,.personnel-form select:focus,.personnel-form textarea:focus{border-color:#8f295b;box-shadow:0 0 0 3px #8f295b17}.personnel-form__wide{grid-column:1/-1}.personnel-money-input{background:#fff;border:1px solid #dcd0d5;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.personnel-money-input:focus-within{border-color:#8f295b;box-shadow:0 0 0 3px #8f295b17}.personnel-money-input span{color:#78656e;padding-left:13px;font-weight:800}.personnel-money-input input{border:0;box-shadow:none!important}.personnel-form-note,.personnel-next-step{color:#75581c;background:#fff9e9;border:1px solid #ead29c;border-radius:12px;padding:13px 14px;font-size:12px;line-height:1.55}.personnel-form-actions{justify-content:flex-end;gap:10px;padding-top:3px;display:flex}.personnel-detail{gap:18px;padding:22px;display:grid}.personnel-detail section{background:#fcfafb;border:1px solid #e8dde2;border-radius:16px;padding:19px}.personnel-detail h3{color:#4a3841;margin:0 0 15px;font-size:16px}.personnel-detail dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;display:grid}.personnel-detail dl div{min-width:0}.personnel-detail dt{color:#8f295b;letter-spacing:0;text-transform:none;margin-bottom:6px;font-family:inherit;font-size:12px;font-weight:700;line-height:1.4}.personnel-detail dd{overflow-wrap:anywhere;color:#2f252a;margin:0;font-family:inherit;font-size:14px;font-weight:600;line-height:1.5}.account-empty-state strong{color:#513e47;display:block}.account-empty-state p{color:#817078;margin:7px 0 0;font-size:13px;line-height:1.55}@media (width<=780px){.personnel-heading,.personnel-toolbar{flex-direction:column;align-items:stretch}.personnel-primary-action{width:100%}.personnel-search{min-width:0;max-width:none}.personnel-filters{width:100%}.personnel-table-wrap{display:none}.personnel-mobile-list{gap:12px;padding:14px;display:grid}.personnel-mobile-card{background:#fff;border:1px solid #e7dce1;border-radius:16px;padding:16px}.personnel-mobile-card__header{justify-content:space-between;align-items:flex-start;gap:13px;display:flex}.personnel-mobile-card__header strong,.personnel-mobile-card__header span:not(.personnel-status){display:block}.personnel-mobile-card__header strong{color:#3c2f35}.personnel-mobile-card__header span:not(.personnel-status){color:#907f87;margin-top:3px;font-size:11px}.personnel-mobile-card dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:17px 0;display:grid}.personnel-mobile-card dt{color:#95838b;text-transform:uppercase;font-size:9px;font-weight:800}.personnel-mobile-card dd{color:#493a41;margin:4px 0 0;font-size:12px;font-weight:700}.personnel-mobile-card>button{color:#8f295b;background:#fff;border:1px solid #decfd6;border-radius:11px;width:100%;min-height:42px;font-weight:800}}@media (width<=620px){.personnel-modal-layer{align-items:end;padding:0}.personnel-modal{border-radius:22px 22px 0 0;width:100%;max-height:94vh}.personnel-modal__header{padding:17px}.personnel-form,.personnel-detail{grid-template-columns:1fr;padding:17px}.personnel-form__wide{grid-column:auto}.personnel-form-actions{flex-direction:column-reverse}.personnel-form-actions button{width:100%}.personnel-detail dl{grid-template-columns:1fr}.personnel-pagination{justify-content:space-between;gap:8px}.personnel-pagination button{padding:0 10px}}.personnel-modal--step-2{width:min(100%,980px)}.personnel-modal-message{margin:16px 22px 0}.personnel-detail-section,.personnel-history-section{background:#fcfafb;border:1px solid #e8dde2;border-radius:16px;padding:19px}.personnel-detail-section__heading,.personnel-history-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.personnel-detail-section__heading h3,.personnel-history-heading h3,.personnel-form-intro h3{color:#35282e;letter-spacing:0;margin:0;font-family:inherit;font-size:16px;font-weight:700;line-height:1.4}.personnel-detail-section__heading p,.personnel-history-heading p,.personnel-form-intro p{color:#85747c;margin:5px 0 0;font-size:12px;line-height:1.55}.personnel-detail-section__heading button,.personnel-history-heading button{color:#8f295b;cursor:pointer;background:#fff;border:1px solid #dccbd3;border-radius:10px;flex:none;min-height:36px;padding:0 12px;font-size:11px;font-weight:900}.personnel-history-grid{gap:18px;display:grid}.period-list{gap:10px;display:grid}.period-row{background:#fff;border:1px solid #eadfe4;border-radius:13px;justify-content:space-between;align-items:flex-start;gap:14px;padding:13px 14px;display:flex}.period-row strong,.period-row span,.period-row small{display:block}.period-row strong{color:#493840;font-size:13px}.period-row>div>span{color:#8a7981;margin-top:4px;font-size:11px}.period-row small{color:#76636c;margin-top:6px;font-size:11px;line-height:1.5}.period-badge{border-radius:999px;flex:none;align-items:center;width:fit-content;padding:6px 9px;font-size:10px;font-weight:900;display:inline-flex!important}.period-badge--active{color:#397248;background:#edf7ef}.period-badge--upcoming{color:#8b681e;background:#fff7df}.period-badge--ended{color:#725f68;background:#f1edef}.personnel-edit-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;padding:22px;display:grid}.personnel-edit-form label{color:#493a41;gap:7px;font-size:13px;font-weight:700;display:grid}.personnel-edit-form input,.personnel-edit-form select,.personnel-edit-form textarea{color:#3d3036;background:#fff;border:1px solid #dcd0d5;border-radius:12px;outline:none;width:100%;min-height:48px;padding:0 13px}.personnel-edit-form textarea{resize:vertical;min-height:92px;padding-top:12px;padding-bottom:12px}.personnel-edit-form input:focus,.personnel-edit-form select:focus,.personnel-edit-form textarea:focus{border-color:#8f295b;box-shadow:0 0 0 3px #8f295b17}.personnel-form-intro{grid-column:1/-1;padding-bottom:3px}@media (width<=720px){.personnel-detail-section__heading,.personnel-history-heading{flex-direction:column;align-items:stretch}.personnel-detail-section__heading button,.personnel-history-heading button{width:100%}.personnel-edit-form{grid-template-columns:1fr}.personnel-form-intro{grid-column:auto}}@media (width<=620px){.personnel-modal--step-2{max-height:96vh}.personnel-modal-message{margin:13px 17px 0}.period-row{flex-direction:column;align-items:flex-start}}.account-admin{border-top:1px solid #eadfe4;gap:14px;margin-top:18px;padding-top:18px;display:grid}.account-create-form,.account-actions,.account-confirmation,.temporary-credential{background:#fff;border:1px solid #e3d6dc;border-radius:15px}.account-create-form{grid-template-columns:minmax(0,1fr) minmax(220px,.8fr) auto;align-items:end;gap:14px;padding:16px;display:grid}.account-create-form>div>strong,.account-actions__summary>p,.account-confirmation>strong,.temporary-credential__heading strong{color:#392b32}.account-create-form>div>p,.account-actions__summary>p,.account-confirmation>p,.temporary-credential__heading p{color:#7b6a72;margin:5px 0 0;font-size:12px;line-height:1.55}.account-create-form label{color:#8f295b;gap:7px;font-size:12px;font-weight:700;display:grid}.account-create-form input{color:#30252a;background:#fff;border:1px solid #dcd0d5;border-radius:11px;outline:none;width:100%;min-height:44px;padding:0 13px}.account-create-form input:focus{border-color:#8f295b;box-shadow:0 0 0 3px #8f295b17}.account-actions{justify-content:space-between;align-items:center;gap:18px;padding:16px;display:flex}.account-actions__summary{min-width:0}.account-actions__buttons{flex:none;gap:9px;display:flex}.account-status-badge{border-radius:999px;align-items:center;padding:6px 10px;font-size:11px;font-weight:800;display:inline-flex}.account-status-badge--active{color:#397248;background:#edf7ef}.account-status-badge--inactive{color:#725f68;background:#f1edef}.account-danger-action{color:#a42e42;cursor:pointer;background:#fff;border:1px solid #b54051;border-radius:12px;min-height:44px;padding:0 17px;font-weight:800}.account-danger-action:disabled{cursor:wait;opacity:.65}.account-confirmation{background:#fff9f4;padding:16px}.account-confirmation>div{justify-content:flex-end;gap:9px;margin-top:14px;display:flex}.temporary-credential{background:#fff8fb;border-color:#dcb5c7;padding:16px}.temporary-credential__heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.temporary-credential__heading>button{color:#76515f;cursor:pointer;background:#fff;border:1px solid #decbd4;border-radius:10px;min-height:34px;padding:0 11px;font-size:11px;font-weight:800}.temporary-credential dl{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:15px 0 0!important;display:grid!important}.temporary-credential dl>div{background:#fff;border:1px solid #e6d7de;border-radius:12px;padding:12px}.temporary-credential dt{color:#8f295b!important;text-transform:none!important}.temporary-credential dd{justify-content:space-between;align-items:center;gap:10px;display:flex;margin-top:6px!important}.temporary-credential code{overflow-wrap:anywhere;color:#2f252a;min-width:0;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;font-weight:700}.temporary-credential dd button{color:#8f295b;cursor:pointer;background:#fff;border:1px solid #decbd4;border-radius:9px;flex:none;min-height:32px;padding:0 10px;font-size:10px;font-weight:800}.account-copy-message{color:#397248;margin:11px 0 0;font-size:12px;font-weight:700}.temporary-credential__warning{color:#75581c;background:#fff9e9;border:1px solid #ead29c;border-radius:11px;margin-top:12px;padding:11px 12px;font-size:11px;line-height:1.5}@media (width<=780px){.account-create-form{grid-template-columns:1fr;align-items:stretch}.account-create-form .personnel-primary-action{width:100%}.account-actions{flex-direction:column;align-items:stretch}.account-actions__buttons{width:100%}.account-actions__buttons button{flex:1 1 0}}@media (width<=620px){.account-actions__buttons,.account-confirmation>div{flex-direction:column}.account-actions__buttons button,.account-confirmation button{width:100%}.temporary-credential dl{grid-template-columns:1fr!important}.temporary-credential dd{flex-direction:column;align-items:flex-start}.temporary-credential dd button{width:100%}}.personnel-list-meta strong{color:#35282e;font-size:18px;font-weight:700;line-height:1.35}.personnel-list-meta span{color:#765f6a;font-size:13px;font-weight:500}.personnel-table th,.personnel-table td{padding:16px 18px}.personnel-table th{color:#76515f;letter-spacing:0;text-transform:none;font-size:12px;font-weight:700;line-height:1.35}.personnel-table td{color:#4a3a42;font-size:15px;line-height:1.45}.personnel-table td strong{color:#2f252a;font-size:15px;font-weight:700;line-height:1.4}.personnel-table td span:not(.personnel-status){color:#806d76;margin-top:4px;font-size:13px;line-height:1.4}.personnel-status{padding:7px 10px;font-weight:700;line-height:1.2;font-size:12px!important}.personnel-detail-button{min-height:38px;padding:0 14px;font-size:13px;font-weight:700}.personnel-pagination span{font-size:13px}.personnel-pagination button{min-height:38px;font-size:12px;font-weight:700}@media (width<=780px){.personnel-mobile-card__header strong{color:#2f252a;font-size:16px;font-weight:700;line-height:1.35}.personnel-mobile-card__header span:not(.personnel-status){color:#806d76;margin-top:4px;font-size:13px;line-height:1.4}.personnel-mobile-card dt{color:#8f295b;letter-spacing:0;text-transform:none;font-size:11px;font-weight:700}.personnel-mobile-card dd{color:#35282e;margin-top:5px;font-size:14px;font-weight:600;line-height:1.4}.personnel-mobile-card>button{min-height:44px;font-size:13px;font-weight:700}}.personnel-private-section{background:#fbfaf7!important;border-color:#e7dfd2!important}.personnel-private-grid__wide{grid-column:1/-1}.personnel-private-warning{color:#755d43;background:#fffaf1;border:1px solid #ead8c1;border-radius:11px;margin-bottom:14px;padding:11px 13px;font-size:12px;line-height:1.5}.personnel-ktp-action{background:#fff;border:1px solid #e5d8de;border-radius:13px;justify-content:space-between;align-items:center;gap:16px;margin-top:17px;padding:14px;display:flex}.personnel-ktp-action strong,.personnel-ktp-action span{display:block}.personnel-ktp-action strong{color:#4a3841;font-size:13px}.personnel-ktp-action span{color:#8a7881;margin-top:4px;font-size:11px;line-height:1.45}.personnel-ktp-action button{color:#fff;cursor:pointer;background:#8f295b;border:1px solid #8f295b;border-radius:10px;flex:none;min-height:40px;padding:0 14px;font-weight:800}.personnel-ktp-action button:disabled{color:#8f8187;cursor:not-allowed;background:#eee8ea;border-color:#ddd2d6}.personnel-ktp-preview-layer{z-index:120;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.personnel-ktp-preview-backdrop{background:#1f161ab8;border:0;position:absolute;inset:0}.personnel-ktp-preview{z-index:1;background:#fff;border:1px solid #dfd3d8;border-radius:20px;width:min(100%,760px);max-height:90vh;position:relative;overflow:auto;box-shadow:0 28px 90px #1f141a59}.personnel-ktp-preview>header{border-bottom:1px solid #eee5e8;justify-content:space-between;align-items:flex-start;gap:16px;padding:17px 19px;display:flex}.personnel-ktp-preview>header strong,.personnel-ktp-preview>header span{display:block}.personnel-ktp-preview>header strong{color:#3e3037;font-size:16px}.personnel-ktp-preview>header span{color:#8b7881;margin-top:3px;font-size:12px}.personnel-ktp-preview>header button{color:#6f5963;cursor:pointer;background:#fff;border:1px solid #e0d4d9;border-radius:10px;width:36px;height:36px;font-size:22px}.personnel-ktp-preview__body{background:#f6f2f3;place-items:center;min-height:240px;padding:18px;display:grid}.personnel-ktp-preview__body img{object-fit:contain;border-radius:10px;width:auto;max-width:100%;max-height:68vh;display:block;box-shadow:0 8px 28px #2d1e2524}.personnel-ktp-preview>p{color:#817078;margin:0;padding:12px 18px 16px;font-size:11px;line-height:1.5}@media (width<=620px){.personnel-private-grid__wide{grid-column:auto}.personnel-ktp-action{flex-direction:column;align-items:stretch}.personnel-ktp-action button{width:100%}.personnel-ktp-preview-layer{align-items:end;padding:0}.personnel-ktp-preview{border-radius:20px 20px 0 0;width:100%;max-height:92vh}}.product-photo{cursor:pointer;background:#faf7f8;border:1px solid #e1d5da;border-radius:14px;width:72px;height:72px;padding:0;overflow:hidden}.product-photo--compact{border-radius:12px;width:52px;height:52px}.product-photo img{object-fit:cover;width:100%;height:100%;display:block}.product-photo--empty{color:#9b858f;cursor:default;place-items:center;font-size:12px;font-weight:700;display:grid}.product-photo-preview{z-index:1200;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.product-photo-preview__backdrop{background:#20171cc2;border:0;position:absolute;inset:0}.product-photo-preview__content{z-index:1;background:#fff;border-radius:20px;width:min(92vw,760px);max-height:88vh;padding:52px 16px 16px;position:relative;overflow:auto}.product-photo-preview__content img{object-fit:contain;border-radius:14px;width:100%;max-height:calc(88vh - 84px);display:block}.product-photo-preview__close{color:#5f4652;cursor:pointer;background:#fff;border:1px solid #dccdd3;border-radius:10px;min-height:36px;padding:0 13px;font-weight:700;position:absolute;top:12px;right:12px}.product-photo-preview__content img{touch-action:pinch-zoom;-webkit-user-select:none;user-select:none}.product-photo-preview__close{min-width:38px;padding:0;font-size:24px;line-height:1}.commercial-master-card{background:#fff;border:1px solid #e5d9de;border-radius:12px;min-width:0;overflow:hidden}.commercial-master-card__header{border-bottom:1px solid #eee4e8;padding:14px 16px}.commercial-master-card__header h2{color:#30242a;margin:3px 0;font-size:21px}.commercial-master-card__header p{color:#846f79;margin:3px 0 0;font-size:13px}.commercial-master-search{padding:11px 16px;position:relative}.commercial-master-search input,.commercial-master-controls select,.commercial-master-form>input{box-sizing:border-box;color:#3f3037;width:100%;min-width:0;min-height:40px;font:inherit;background:#fff;border:1px solid #dcd0d5;border-radius:9px;padding:8px 11px}.commercial-master-search input{padding-right:42px}.commercial-master-search>button{color:#715964;width:28px;height:28px;font:inherit;background:#f3ecef;border:0;border-radius:999px;padding:0;font-size:19px;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.commercial-master-controls{gap:8px;padding:0 16px 11px;display:flex}.commercial-master-controls select{width:auto;min-width:160px;min-height:36px;padding-block:5px}.commercial-master-form{grid-template-columns:minmax(180px,1.5fr) repeat(2,minmax(130px,1fr)) auto auto auto;align-items:end;gap:8px;padding:0 16px 14px;display:grid}.commercial-master-check{white-space:nowrap;align-items:center;gap:6px;min-height:38px;display:flex}.commercial-master-list{border-top:1px solid #eee4e8;display:grid}.commercial-master-row{border-bottom:1px solid #f0e7ea;grid-template-columns:minmax(220px,2fr) minmax(130px,1fr);align-items:center;gap:10px;padding:10px 16px;display:grid}.commercial-master-row strong{color:#34272d}.commercial-master-row>span{font-weight:600}.commercial-master-row>small{color:#866f79}.commercial-master-row:not(.commercial-master-row--paperbag):has(button){grid-template-columns:minmax(210px,1.8fr) minmax(120px,1fr) minmax(110px,.8fr) minmax(110px,.8fr) minmax(90px,.7fr) auto}.commercial-master-row--paperbag{grid-template-columns:minmax(180px,1.5fr) minmax(140px,1fr) minmax(140px,1fr) auto auto}.commercial-master-mobile-list{display:none}.commercial-master-empty{padding:14px 16px}@media (width<=720px){.commercial-master-card{border-radius:10px}.commercial-master-card__header{display:none}.commercial-master-search{padding:9px 10px 6px}.commercial-master-search input,.commercial-master-controls select,.commercial-master-form>input,.commercial-mobile-item input,.commercial-mobile-item select{width:100%;min-width:0;max-width:100%;font-size:16px}.commercial-master-search input{min-height:40px}.commercial-master-search>button{right:18px}.commercial-master-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 10px 8px;display:grid}.commercial-master-controls select{width:100%;min-width:0;min-height:38px}.commercial-master-form{border-top:1px solid #eee4e8;grid-template-columns:1fr;gap:7px;padding:7px 10px 10px}.commercial-master-form .product-button{min-height:34px;font-size:12px}.commercial-master-list--desktop{display:none}.commercial-master-mobile-list{border-top:1px solid #eee4e8;gap:6px;padding:8px 10px 10px;display:grid}.commercial-mobile-item{background:#fff;border:1px solid #e6dce0;border-radius:10px;min-width:0;overflow:hidden}.commercial-mobile-item>summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;min-height:54px;padding:8px 10px;list-style:none;display:grid}.commercial-mobile-item>summary::-webkit-details-marker{display:none}.commercial-mobile-item>summary strong{color:#34272d;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;line-height:1.2;overflow:hidden}.commercial-mobile-item>summary>span{color:#493a40;white-space:nowrap;font-size:12.5px;font-weight:700}.commercial-mobile-item>summary>small{color:#8f295b;grid-column:1/-1;font-size:9.5px;font-weight:700}.commercial-mobile-item__details{background:#fcfafb;border-top:1px solid #f0e8eb;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:8px 10px 10px;display:grid}.commercial-mobile-item__details>div{gap:2px;min-width:0;display:grid}.commercial-mobile-item__details>div span,.commercial-mobile-item__details--form>label{color:#8a747e;font-size:10px}.commercial-mobile-item__details>div strong{overflow-wrap:anywhere;color:#493940;font-size:11px}.commercial-mobile-item__details>.product-button{grid-column:1/-1;justify-self:end;min-height:32px;font-size:12px}.commercial-mobile-item__details--form{grid-template-columns:1fr}.commercial-mobile-item__details--form>label{gap:4px;display:grid}.commercial-master-empty{padding:10px;font-size:12px}}.material-hpp-workspace{gap:14px;font-size:14px;display:grid}.material-workspace-tabs{background:#faf7f8;border:1px solid #e4d9de;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;display:grid}.material-workspace-tabs button{color:#745d68;cursor:pointer;min-height:36px;font:inherit;background:0 0;border:0;border-radius:8px;padding:0 12px;font-size:14px;font-weight:600}.material-workspace-tabs button.is-active{color:#8f295b;background:#fff;box-shadow:0 2px 8px #4a2a3914}.material-master-panel,.material-reference-panel,.recipe-hpp-panel{gap:14px;display:grid}.material-panel-heading,.material-card__heading,.material-modal__header,.material-modal__footer,.recipe-editor-toolbar{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.material-panel-heading h3,.material-card__heading h3,.material-modal__header h3{color:#30242a;margin:0;font-family:inherit;font-size:21px;line-height:1.25}.material-panel-heading p,.material-card__heading p,.recipe-editor-toolbar p{color:#846f79;margin:4px 0 0;font-size:13px;line-height:1.45}.material-button{color:#5f4652;cursor:pointer;min-height:36px;font:inherit;background:#fff;border:1px solid #dcced4;border-radius:9px;padding:0 12px;font-size:14px;font-weight:600}.material-button:disabled{cursor:not-allowed;opacity:.55}.material-button--primary{color:#fff;background:#8f295b;border-color:#8f295b}.material-button--danger{color:#a63243;background:#fff4f5;border-color:#dc9ca5}.material-message{border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.45}.material-message--error{color:#9e3443;background:#fff2f3;border:1px solid #ecc3c8}.material-message--success{color:#376d47;background:#eef9f1;border:1px solid #b9ddc4}.material-message--warning{color:#805f1e;background:#fff9e8;border:1px solid #e7d49d}.material-card,.material-filter-card{background:#fff;border:1px solid #e5d9de;border-radius:14px}.material-card__heading{border-bottom:1px solid #eee4e8;align-items:center;padding:14px 16px}.material-filter-card{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:12px;display:grid}.material-filter-card label,.material-compact-form label,.material-form-grid label,.recipe-notes{color:#8f295b;gap:6px;font-size:13px;font-weight:600;display:grid}.material-filter-card label span,.material-compact-form label span,.material-form-grid label span,.recipe-notes span{color:#927f88;font-size:12px;font-weight:500}.material-filter-card input,.material-compact-form input,.material-form-grid input,.material-form-grid select,.material-form-grid textarea,.recipe-notes textarea,.recipe-row input{color:#34272d;width:100%;min-width:0;min-height:40px;font:inherit;background:#fff;border:1px solid #dcd0d5;border-radius:9px;outline:none;padding:8px 10px;font-size:14px}.material-form-grid textarea,.recipe-notes textarea{resize:vertical}.material-filter-card input:focus,.material-compact-form input:focus,.material-form-grid input:focus,.material-form-grid select:focus,.material-form-grid textarea:focus,.recipe-notes textarea:focus,.recipe-row input:focus{border-color:#8f295b;box-shadow:0 0 0 3px #8f295b17}.material-search-row{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.material-status-filters{flex-wrap:wrap;gap:6px;display:flex}.material-status-filters button{color:#78616c;cursor:pointer;min-height:34px;font:inherit;background:#fff;border:1px solid #dfd2d8;border-radius:999px;padding:0 11px;font-size:14px;font-weight:600}.material-status-filters button.is-active{color:#8f295b;background:#f8eaf1;border-color:#8f295b}.material-table-card{overflow:hidden}.material-table-wrap{width:100%;overflow-x:auto}.material-table{border-collapse:collapse;width:100%}.material-table th,.material-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #f0e7ea;padding:10px 12px}.material-table th{color:#8f295b;letter-spacing:.015em;background:#fbf8f9;font-size:12px}.material-table td{color:#4b3a42;font-size:14px}.material-table td>strong{color:#34272d;font-size:15px;line-height:1.35}.material-table td>span{color:#8b7780;margin-top:3px;font-size:12px;display:block}.material-price-missing{font-weight:700;color:#b33a4a!important}.material-status{border-radius:999px;align-items:center;min-height:22px;padding:0 7px;font-weight:800;margin:0!important;font-size:10px!important;display:inline-flex!important}.material-status--active{background:#e8f5ec;color:#337246!important}.material-status--inactive{background:#fbe9eb;color:#aa3544!important}.material-status--warning{background:#fff2cf;color:#8a6518!important}.material-inactive-name{color:#b33a4a!important}.material-row-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.material-pagination{background:#fbf8f9;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.material-pagination span{color:#79656f;font-size:13px;font-weight:600}.material-hpp-state{color:#806d76;text-align:center;place-items:center;min-height:160px;padding:18px;display:grid}.material-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.material-reference-grid>.material-card{padding:14px}.material-reference-grid .material-card__heading{padding:0 0 12px}.material-compact-form{border-bottom:1px solid #eee4e8;gap:10px;padding:12px 0;display:grid}.material-two-columns{grid-template-columns:minmax(0,1fr) minmax(120px,.45fr);gap:10px;display:grid}.material-check-row{align-items:flex-start;color:#4a3941!important;gap:9px!important;display:flex!important}.material-check-row input{margin:0;width:18px!important;min-height:18px!important}.material-option-list{gap:7px;padding-top:12px;display:grid}.material-option-row{background:#fcfafb;border:1px solid #eee4e8;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;min-height:58px;padding:10px;display:flex}.material-option-row__title{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.material-option-row strong{font-size:15px;line-height:1.35}.material-option-row small,.material-empty-copy{color:#8a747e;margin-top:4px;font-size:11px;display:block}.material-modal{z-index:1300;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.material-modal__backdrop{background:#271c21b8;border:0;position:absolute;inset:0}.material-modal__panel{z-index:1;background:#fff;border-radius:16px;grid-template-rows:auto minmax(0,1fr) auto;width:min(820px,100%);max-height:92vh;display:grid;position:relative;overflow:hidden}.material-modal__panel--price{width:min(720px,100%)}.material-modal__panel--recipe{width:min(1120px,100%)}.material-modal__header,.material-modal__footer{align-items:center;padding:14px 16px}.material-modal__header{border-bottom:1px solid #eee4e8}.material-modal__footer{background:#fbf8f9;border-top:1px solid #eee4e8;justify-content:flex-end}.material-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:0;padding:16px;display:grid;overflow-y:auto}.material-field--full{grid-column:1/-1}.material-price-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.material-price-summary>div{background:#fcfafb;border:1px solid #e8dde1;border-radius:10px;padding:12px}.material-price-summary span,.recipe-summary span,.recipe-row__price span{color:#8a747e;font-size:12px;display:block}.material-price-summary strong,.recipe-summary strong,.recipe-row__price strong{color:#34272d;margin-top:4px;font-size:15px;display:block}.material-price-note{color:#745d68;background:#f8f2f5;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.5}.material-history{padding-top:4px}.material-history h4{color:#30242a;margin:0 0 8px;font-size:15px}.material-history p{color:#8a747e;margin:0;font-size:13px}.material-history-list{gap:7px;display:grid}.material-history-list>div{border:1px solid #eee4e8;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.material-history-list strong{color:#34272d}.material-history-list span{color:#8a747e;text-align:right;font-size:12px}.recipe-editor-body{gap:14px;min-height:0;padding:16px;display:grid;overflow-y:auto}.recipe-row-list{gap:8px;display:grid}.recipe-row{background:#fcfafb;border:1px solid #e9dee2;border-radius:11px;grid-template-columns:28px minmax(230px,1.7fr) minmax(95px,.55fr) minmax(120px,.7fr) minmax(120px,.7fr) auto;align-items:end;gap:10px;padding:10px;display:grid}.recipe-row__number{color:#8f295b;text-align:center;align-self:center;font-weight:800}.recipe-row label{color:#8f295b;gap:5px;font-size:12px;font-weight:700;display:grid}.recipe-row label small{color:#8a747e;min-height:28px;font-size:11px;font-weight:500;line-height:1.3}.recipe-row__price,.recipe-row__remove{align-self:center}.recipe-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.recipe-summary>div{background:#fff;border:1px solid #e8dde1;border-radius:10px;padding:12px}.recipe-notes{color:#8f295b}@media (width>=821px){.material-table tbody tr{min-height:64px}.material-table td:nth-child(3),.material-table td:nth-child(4),.material-table td:nth-child(5){white-space:nowrap}}@media (width<=980px){.recipe-row{grid-template-columns:28px minmax(200px,1fr) minmax(95px,.45fr) minmax(115px,.55fr) auto}.recipe-row__price:nth-of-type(2){display:none}}@media (width<=820px){.material-panel-heading,.material-card__heading{flex-direction:column;align-items:stretch}.material-filter-card,.material-reference-grid,.material-form-grid{grid-template-columns:1fr}.material-field--full{grid-column:auto}.material-price-summary,.recipe-summary{grid-template-columns:1fr}.recipe-row{grid-template-columns:28px minmax(0,1fr) 90px auto}.recipe-row__price{display:none}}@media (width<=640px){.material-workspace-tabs{grid-template-columns:1fr}.material-panel-heading .material-button{width:100%}.material-search-row{grid-template-columns:1fr}.material-status-filters{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.material-status-filters button{padding:0 7px;font-size:12px}.material-table-card{background:0 0;border:0;overflow:visible}.material-table-card>.material-card__heading{border:0;padding:10px 0}.material-table-wrap{overflow:visible}.material-table,.material-table tbody,.material-table tr,.material-table td{width:100%;display:block}.material-table thead{display:none}.material-table tbody{gap:10px;display:grid}.material-table tr{background:#fff;border:1px solid #e5d9de;border-radius:13px;padding:12px}.material-table td{border:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.material-table td:first-child{border-bottom:1px solid #eee4e8;padding-top:0;padding-bottom:10px;display:block}.material-table td:last-child{padding-bottom:0;display:block}.material-table td:before{color:#8f295b;font-size:11px;font-weight:800}.material-table td:nth-child(2):before{content:"Category & Unit"}.material-table td:nth-child(3):before{content:"Harga Saat Ini"}.material-table td:nth-child(4):before{content:"Harga Pending"}.material-table td:nth-child(5):before{content:"Status"}.recipe-hpp-table td:nth-child(2):before{content:"Recipe"}.recipe-hpp-table td:nth-child(3):before{content:"Harga Material"}.recipe-hpp-table td:nth-child(4):before{content:"Live HPP"}.recipe-hpp-table td:nth-child(5):before{content:"Status HPP"}.material-row-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.material-option-row{flex-direction:column;align-items:flex-start}.material-option-row .material-row-actions{width:100%}.material-two-columns{grid-template-columns:1fr}.material-modal{align-items:end;padding:0}.material-modal__panel{border-radius:18px 18px 0 0;width:100%;max-height:96vh}.material-modal__header,.material-modal__footer,.material-form-grid,.recipe-editor-body{padding:13px}.material-modal__footer .material-button{flex:1}.recipe-editor-toolbar{flex-direction:column}.recipe-editor-toolbar .material-button{width:100%}.recipe-row{grid-template-columns:24px minmax(0,1fr) 78px;align-items:start}.recipe-row__remove{grid-column:2/-1;width:100%}.material-pagination span{font-size:11px}}.material-initial-price-note{color:#745d68;background:#f8f2f5;border:1px solid #eadde2;border-radius:10px;margin:0;padding:10px 12px;font-size:13px;line-height:1.5}.recipe-action-buttons{flex-wrap:wrap;gap:6px;display:flex}.recipe-duplicate-panel{width:min(900px,100%)}.recipe-duplicate-body{flex-direction:column;gap:12px;min-height:0;padding:16px;display:flex;overflow:hidden}.recipe-duplicate-intro{color:#526b59;background:#f1f8f3;border:1px solid #d5e4d9;border-radius:10px;gap:3px;padding:11px 13px;font-size:13px;line-height:1.4;display:grid}.recipe-duplicate-intro strong{color:#365440;font-size:14px}.recipe-duplicate-search{color:#8f295b;gap:6px;font-size:13px;font-weight:700;display:grid}.recipe-duplicate-search input{color:#34272d;width:100%;min-height:42px;font:inherit;background:#fff;border:1px solid #dcd0d5;border-radius:9px;outline:none;padding:8px 10px}.recipe-duplicate-search input:focus{border-color:#8f295b;box-shadow:0 0 0 3px #8f295b1a}.recipe-duplicate-toolbar{color:#745d68;justify-content:space-between;align-items:center;gap:10px;min-height:30px;font-size:12px;display:flex}.recipe-duplicate-toolbar>div{align-items:center;gap:12px;display:flex}.recipe-duplicate-link{color:#8f295b;font:inherit;cursor:pointer;background:0 0;border:0;padding:2px 0;font-weight:700}.recipe-duplicate-link:disabled{color:#b9aeb3;cursor:default}.recipe-duplicate-targets{background:#fbf9fa;border:1px solid #e4d9de;border-radius:11px;align-content:start;gap:7px;min-height:160px;padding:8px;display:grid;overflow-y:auto}.recipe-duplicate-target{color:#3e3036;cursor:pointer;background:#fff;border:1px solid #eadfe3;border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:9px 11px;display:grid}.recipe-duplicate-target--selected{background:#f0f7f2;border-color:#a7c5af;box-shadow:inset 3px 0 #76967f}.recipe-duplicate-target>input{accent-color:#76967f;width:18px;height:18px;min-height:18px;margin:0}.recipe-duplicate-target__copy{gap:3px;min-width:0;display:grid}.recipe-duplicate-target__copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.25;overflow:hidden}.recipe-duplicate-target__copy small{color:#8a747e;font-size:11px}.recipe-duplicate-status{color:#477056;text-align:center;background:#e8f3eb;border-radius:999px;max-width:180px;padding:5px 8px;font-size:10px;font-weight:700;line-height:1.2}.recipe-duplicate-status--existing{color:#8f295b;background:#f6e9ef}.recipe-duplicate-empty{color:#8a747e;text-align:center;place-items:center;min-height:100px;font-size:13px;display:grid}.material-filter-card--expanded{grid-template-columns:minmax(280px,1.5fr) minmax(170px,.65fr) minmax(150px,.55fr) auto auto;align-items:end}.material-filter-search{min-width:0}.material-filter-select{color:#a0523d;gap:6px;font-size:13px;font-weight:700;display:grid}.material-filter-select select{color:#342a27;width:100%;min-width:0;min-height:40px;font:inherit;background:#fff;border:1px solid #decfc9;border-radius:9px;outline:none;padding:8px 10px}.material-filter-select select:focus{border-color:#b5674f;box-shadow:0 0 0 3px #b5674f1f}.material-reset-filter{white-space:nowrap}.material-list-stage{grid-template-columns:minmax(0,1fr) 52px;align-items:stretch;gap:10px;display:grid}.material-list-stage>.material-card{min-width:0}.material-scroll-controls{align-content:center;gap:10px;display:grid;position:relative}.material-scroll-controls button{color:#a0523d;cursor:pointer;width:52px;height:52px;font:inherit;background:#fff;border:1px solid #e0c6bc;border-radius:50%;place-items:center;padding:0;display:grid;position:sticky;top:calc(50vh - 58px);box-shadow:0 7px 20px #57372c29}.material-scroll-controls button+button{top:calc(50vh + 4px)}.material-scroll-controls button:hover{background:#fff6f2;border-color:#a0523d;transform:translateY(-1px)}.material-scroll-controls button:focus-visible{outline-offset:2px;outline:3px solid #a0523d2e}.material-scroll-controls span{font-size:22px;line-height:1}.material-hpp-workspace{--product-accent:#6f8b72;--product-accent-dark:#58725b;--product-accent-soft:#eef4ee;--material-accent:#a0523d;--material-accent-dark:#82402f;--material-accent-soft:#fff3ee}.material-master-panel .material-panel-heading h3,.material-master-panel .material-card__heading h3{color:#49332d}.material-master-panel .material-button--primary{border-color:var(--material-accent);background:var(--material-accent)}.material-master-panel .material-button--primary:hover:not(:disabled){border-color:var(--material-accent-dark);background:var(--material-accent-dark)}.material-master-panel .material-filter-card label,.material-master-panel .material-form-grid label,.material-master-panel .material-table th{color:var(--material-accent)}.material-master-panel .material-status-filters button.is-active{border-color:var(--material-accent);background:var(--material-accent-soft);color:var(--material-accent)}.material-workspace-tabs button.is-active{color:var(--product-accent)}.recipe-hpp-panel .material-button--primary,.material-reference-panel .material-button--primary{border-color:var(--product-accent);background:var(--product-accent)}@media (width<=1120px){.material-filter-card--expanded{grid-template-columns:repeat(2,minmax(0,1fr))}.material-status-filters,.material-reset-filter{align-self:end}}@media (width<=760px){.material-filter-card--expanded{grid-template-columns:1fr}.material-list-stage{grid-template-columns:minmax(0,1fr) 44px;gap:4px}.material-scroll-controls button{width:42px;height:42px}.material-scroll-controls button+button{top:calc(50vh - 8px)}.material-reset-filter{width:100%}}.material-hpp-workspace,.material-hpp-workspace button,.material-hpp-workspace input,.material-hpp-workspace select,.material-hpp-workspace textarea,.material-hpp-workspace table,.material-hpp-workspace th,.material-hpp-workspace td{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,Helvetica,sans-serif!important}.material-workspace-tabs button{color:#6f6268;border:1px solid #0000;font-weight:500!important}.material-workspace-tabs button.is-active{color:#526c56;background:#dde9de;border-color:#6f8b72;box-shadow:0 2px 8px #526c5624;font-weight:600!important}.material-button{font-weight:500!important}.material-table th,.recipe-hpp-table th,.material-table td>strong,.recipe-hpp-table td>strong,.material-option-row strong,.material-price-summary strong,.recipe-summary strong,.recipe-row__price strong{font-weight:600!important}.material-table td>span,.recipe-hpp-table td>span,.material-panel-heading p,.material-card__heading p{font-weight:400!important}.material-status,.recipe-hpp-status,.hpp-status,.recipe-row__number,.recipe-row label,.material-filter-card label,.material-form-grid label,.recipe-notes,.material-price-missing{font-weight:600!important}.material-mobile-list,.recipe-hpp-mobile-list{display:none}@media (width<=640px){.recipe-hpp-mobile-list{gap:7px;display:grid}.recipe-hpp-desktop-table{display:none!important}.recipe-hpp-mobile-card{background:#fff;border:1px solid #e5d9de;border-radius:11px;gap:8px;padding:10px;display:grid}.recipe-hpp-mobile-card__heading{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.recipe-hpp-mobile-card__heading>div{min-width:0}.recipe-hpp-mobile-card__heading strong,.recipe-hpp-mobile-card__heading span{display:block}.recipe-hpp-mobile-card__heading strong{color:#34272d;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.recipe-hpp-mobile-card__heading>div>span{color:#89747d;margin-top:2px;font-size:10px;line-height:1.25}.recipe-hpp-mobile-card__heading>.material-status{flex:none;font-size:9px}.recipe-hpp-mobile-card__value{border-top:1px solid #f0e7ea;justify-content:space-between;align-items:baseline;padding-top:6px;display:flex}.recipe-hpp-mobile-card__value span{color:#8a747e;font-size:10px}.recipe-hpp-mobile-card__value strong{color:#49332d;font-size:13px}.recipe-hpp-mobile-card__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.recipe-hpp-mobile-card__actions .material-button{height:32px;min-height:32px;font-size:10px}.material-master-panel .material-filter-card input,.material-master-panel .material-filter-card select{font-size:16px!important}.material-master-panel .material-filter-card .material-button{font-size:10px!important}}.material-option-menu{flex:none;position:relative}.material-option-menu>summary{color:#745d68;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #dcced4;border-radius:9px;place-items:center;width:34px;height:34px;list-style:none;display:grid}.material-option-menu>summary::-webkit-details-marker{display:none}.material-option-menu>summary span{font-size:20px;line-height:1;transform:translateY(-1px)}.material-option-menu__items{z-index:30;background:#fff;border:1px solid #e2d7db;border-radius:9px;width:132px;padding:4px;display:grid;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 10px 24px #422c3629}.material-option-menu__items button{color:#4b3942;text-align:left;min-height:34px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 9px;font-size:12px}.material-option-menu__items button:hover{background:#f8f3f5}.material-option-menu__items button.is-danger{color:#a63243}@media (width<=640px){.material-hpp-workspace{gap:8px;width:100%}.material-workspace-tabs{border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:3px}.material-workspace-tabs button{min-width:0;min-height:32px;padding:3px 5px;font-size:10px;line-height:1.15}.material-master-panel,.material-reference-panel{gap:8px;width:100%}.material-panel-heading{gap:7px}.material-panel-heading h3,.material-card__heading h3{font-size:17px}.material-panel-heading p,.material-card__heading p{margin-top:2px;font-size:10.5px;line-height:1.3}.material-panel-heading .material-button{min-height:34px;font-size:12px}.material-filter-card--expanded{gap:7px;padding:8px}.material-filter-card label,.material-filter-select{gap:3px;font-size:10.5px}.material-filter-card input,.material-filter-select select{height:34px;min-height:34px;padding:5px 8px;font-size:11px}.material-search-row{grid-template-columns:minmax(0,1fr) auto;gap:4px}.material-search-row .material-button,.material-reset-filter,.material-status-filters button{height:34px;min-height:34px;font-size:10.5px}.material-list-stage{width:100%;display:block;position:relative}.material-list-stage>.material-card{width:100%}.material-scroll-controls{z-index:25;pointer-events:none;gap:5px;display:grid;position:fixed;top:50%;right:4px;transform:translateY(-50%)}.material-scroll-controls button,.material-scroll-controls button+button{pointer-events:auto;width:34px;height:34px;position:static}.material-scroll-controls span{font-size:16px}.material-table-card>.material-card__heading{flex-direction:row;align-items:center;gap:8px;padding:5px 0 7px}.material-table-card>.material-card__heading .material-button{height:32px;min-height:32px;padding:0 10px;font-size:11px}.material-table-wrap{display:none}.material-mobile-list{gap:5px;width:100%;display:grid}.material-mobile-item{background:#fff;border:1px solid #e5d9de;border-radius:10px;width:100%;position:relative}.material-mobile-item.has-open-menu{z-index:10}.material-mobile-item__summary{grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:3px;min-height:48px;padding:4px 5px 4px 10px;display:grid}.material-mobile-item__toggle{min-width:0;min-height:38px;color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:0;display:grid}.material-mobile-item__name{align-items:baseline;gap:4px;min-width:0;display:flex;overflow:hidden}.material-mobile-item__name strong{color:#34272d;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12.5px;font-weight:600;overflow:hidden}.material-mobile-item__name small{color:#8a747e;flex:none;font-size:10px}.material-mobile-item__price{color:#49332d;white-space:nowrap;font-size:12px;font-weight:600}.material-mobile-item__price.material-price-missing{font-size:9.5px}.material-mobile-item__menu-wrap{position:relative}.material-mobile-item__menu-button{color:#745d68;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:32px;height:38px;padding:0;display:grid}.material-mobile-item__menu-button span{font-size:20px;line-height:1}.material-mobile-item__menu{z-index:20;background:#fff;border:1px solid #e2d7db;border-radius:8px;width:112px;padding:4px;display:grid;position:absolute;top:calc(100% + 2px);right:0;box-shadow:0 10px 24px #422c362b}.material-mobile-item__menu button{color:#4b3942;text-align:left;min-height:34px;font:inherit;background:0 0;border:0;border-radius:6px;padding:0 8px;font-size:11px}.material-mobile-item__menu button.is-danger{color:#a63243}.material-mobile-item__menu button:disabled{opacity:.38}.material-mobile-item__details{border-top:1px solid #eee4e8;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;padding:4px 10px 9px;display:grid}.material-mobile-item__details>div:not(.material-mobile-item__detail-actions){border-bottom:1px solid #f2eaed;min-width:0;padding:6px 0}.material-mobile-item__details span,.material-mobile-item__details strong{display:block}.material-mobile-item__details span{color:#8a747e;font-size:8.5px}.material-mobile-item__details strong{overflow-wrap:anywhere;color:#46353d;margin-top:2px;font-size:10.5px;font-weight:600}.material-mobile-item__detail-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding-top:7px;display:grid}.material-mobile-item__detail-actions .material-button{height:32px;min-height:32px;font-size:10.5px}.material-pagination{background:0 0;padding:7px 0}.material-pagination .material-button{height:32px;min-height:32px;padding:0 8px;font-size:10px}.material-reference-grid{gap:8px}.material-reference-grid>.material-card{border-radius:11px;width:100%;padding:9px}.material-reference-grid .material-card__heading{flex-direction:row;align-items:center;gap:6px;padding:0 0 7px}.material-reference-grid .material-card__heading p{display:none}.material-reference-grid .material-card__heading .material-button{height:30px;min-height:30px;padding:0 8px;font-size:9.5px}.material-compact-form{gap:6px;padding:7px 0}.material-compact-form label{gap:3px;font-size:10px}.material-compact-form input{height:34px;min-height:34px;padding:5px 8px;font-size:12px}.material-compact-form>.material-button{width:fit-content;height:32px;min-height:32px;padding:0 11px;font-size:10.5px}.material-two-columns{grid-template-columns:minmax(0,1.4fr) minmax(90px,.6fr);gap:6px}.material-check-row{align-items:center;font-size:9.5px!important}.material-check-row input{width:15px!important;height:15px!important;min-height:15px!important}.material-option-list{gap:5px;padding-top:7px}.material-option-row{border-radius:8px;flex-direction:row;align-items:center;gap:6px;min-height:48px;padding:6px 7px;display:flex}.material-option-row>div:first-child{flex:auto;min-width:0}.material-option-row__title{flex-wrap:nowrap;gap:5px}.material-option-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.material-option-row small{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9px;overflow:hidden}.material-option-row .material-status{flex:none;min-height:19px;padding:0 5px;font-size:8px!important}.material-option-menu>summary{width:34px;height:34px}.recipe-duplicate-panel{width:100%;max-height:94dvh}.recipe-duplicate-panel .material-modal__header{align-items:flex-start;gap:8px}.recipe-duplicate-panel .material-modal__header h3{margin-top:2px;font-size:16px;line-height:1.25}.recipe-duplicate-body{gap:9px;padding:11px}.recipe-duplicate-intro{padding:8px 9px;font-size:10.5px}.recipe-duplicate-intro strong{font-size:12px}.recipe-duplicate-search{gap:4px;font-size:10.5px}.recipe-duplicate-search input{height:36px;min-height:36px;padding:6px 9px;font-size:12px}.recipe-duplicate-toolbar{gap:6px;min-height:26px;font-size:10px}.recipe-duplicate-toolbar>div{gap:9px}.recipe-duplicate-targets{gap:5px;min-height:180px;padding:6px}.recipe-duplicate-target{gap:7px;min-height:48px;padding:7px 8px}.recipe-duplicate-target>input{width:16px;height:16px;min-height:16px}.recipe-duplicate-target__copy strong{font-size:11.5px}.recipe-duplicate-target__copy small{font-size:9px}.recipe-duplicate-status{max-width:110px;padding:4px 6px;font-size:8.5px}.recipe-duplicate-panel .material-check-row{background:#fff7fa;border:1px solid #ead6df;border-radius:9px;align-items:flex-start;padding:8px 9px;line-height:1.35;font-size:10px!important}.recipe-duplicate-panel .material-modal__footer{gap:7px}.recipe-duplicate-panel .material-modal__footer .material-button{height:auto;min-height:38px;padding:7px 9px;font-size:10.5px;line-height:1.2}}.product-page{gap:14px;font-size:14px;display:grid}.product-page__header{align-items:flex-start;gap:16px;display:grid}@media (width<=720px){.product-modal__panel .product-form-grid input,.product-modal__panel .product-form-grid select,.product-modal__panel .product-form-grid textarea,.product-modal__panel .product-form-grid input::placeholder,.product-modal__panel .product-form-grid textarea::placeholder{font-size:14px!important}}.product-page__header h1{color:#30242a;margin:4px 0 8px;font-family:inherit;font-size:clamp(28px,3vw,36px)}.product-page__header p{color:#78666f;max-width:760px;margin:0;font-size:14px;line-height:1.5}.product-button{color:#5f4652;cursor:pointer;min-height:36px;font:inherit;background:#fff;border:1px solid #dcced4;border-radius:9px;padding:0 12px;font-size:14px;font-weight:600}.product-button:disabled{cursor:not-allowed;opacity:.55}.product-button--primary{color:#fff;background:#8f295b;border-color:#8f295b}.product-button--quiet{background:#fff}.product-add-button{width:100%;min-width:0;min-height:44px}.product-tabs{background:#faf7f8;border:1px solid #e4d9de;border-radius:12px;gap:6px;padding:4px;display:flex}.product-tabs button{color:#745d68;cursor:pointer;min-height:36px;font:inherit;background:0 0;border:0;border-radius:8px;flex:1;padding:0 14px;font-size:14px;font-weight:600}.product-tabs button.is-active{color:#8f295b;background:#fff;box-shadow:0 2px 8px #4a2a3914}.product-filter-card,.product-list-card,.product-reference-card{background:#fff;border:1px solid #e5d9de;border-radius:11px}.product-filter-card{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:12px;display:grid}.product-filter-card label,.product-reference-form label,.product-form-grid>label{color:#8f295b;gap:6px;font-size:14px;font-weight:600;display:grid}.product-filter-card input,.product-reference-form input,.product-form-grid input,.product-form-grid select,.product-form-grid textarea{color:#34272d;width:100%;min-width:0;min-height:40px;font:inherit;background:#fff;border:1px solid #dcd0d5;border-radius:9px;outline:none;padding:8px 10px}.product-form-grid textarea{resize:vertical}.product-filter-card input:focus,.product-reference-form input:focus,.product-form-grid input:focus,.product-form-grid select:focus,.product-form-grid textarea:focus{border-color:#8f295b;box-shadow:0 0 0 3px #8f295b17}.product-search-row{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.product-status-filters{flex-wrap:wrap;gap:6px;display:flex}.product-status-filters button{color:#78616c;cursor:pointer;min-height:34px;font:inherit;background:#fff;border:1px solid #dfd2d8;border-radius:999px;padding:0 11px;font-size:14px;font-weight:600}.product-status-filters button.is-active{color:#8f295b;background:#f8eaf1;border-color:#8f295b}.product-list-card{overflow:hidden}.product-list-card__heading{border-bottom:1px solid #eee4e8;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.product-list-card__heading h2,.product-reference-card h2,.product-modal__header h2{color:#30242a;margin:0;font-family:inherit;font-size:21px;line-height:1.25}.product-list-card__heading p,.product-reference-card header p{color:#846f79;margin:4px 0 0;font-size:13px;line-height:1.45}.product-table-wrap{width:100%;overflow-x:auto}.product-table{border-collapse:collapse;width:100%}.product-table th,.product-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #f0e7ea;padding:10px 12px}.product-table th{color:#8f295b;letter-spacing:.015em;background:#fbf8f9;font-size:12px}.product-table td{color:#4b3a42;font-size:14px}.product-table td>span,.product-name-cell span{color:#8b7780;margin-top:4px;font-size:12px;display:block}.product-name-cell{align-items:center;gap:10px;min-width:220px;display:flex}.product-name-cell strong{color:#34272d;font-size:15px;line-height:1.35;display:block}.product-name--inactive{color:#b33a4a!important}.product-status{border-radius:999px;align-items:center;min-height:22px;padding:0 7px;font-weight:800;margin:0!important;font-size:11px!important;display:inline-flex!important}.product-status--active{background:#e8f5ec;color:#337246!important}.product-status--inactive{background:#fbe9eb;color:#aa3544!important}.product-pagination{background:#fbf8f9;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.product-pagination span{color:#79656f;font-size:14px;font-weight:600}.product-loading,.product-empty{color:#806d76;text-align:center;align-content:center;place-items:center;gap:8px;min-height:160px;padding:18px;display:grid}.product-empty p,.product-empty-copy{color:#8b7780;margin:0}.product-form-message{border-radius:10px;margin:0;padding:10px 12px;font-size:14px;line-height:1.45}.product-form-message--success{color:#376d47;background:#eef9f1;border:1px solid #b9ddc4}.product-form-message--error{color:#9e3443;background:#fff2f3;border:1px solid #ecc3c8}.product-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.product-reference-card{padding:12px}.product-reference-card>header{border-bottom:1px solid #eee4e8;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;display:flex}.product-reference-form{gap:10px;padding:12px 0;display:grid}.product-reference-form label span,.product-form-grid label>span{color:#927f88;font-size:12px;font-weight:500}.product-reference-list{gap:6px;display:grid}.product-reference-item{background:#fcfafb;border:1px solid #eee4e8;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.product-reference-item strong,.product-reference-item span{display:block}.product-reference-item strong{font-size:15px;line-height:1.35}.product-reference-item span{color:#8a747e;margin-top:3px;font-size:12px}.product-modal{z-index:1100;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.product-modal__backdrop{background:#271c21b8;border:0;position:absolute;inset:0}.product-modal__panel{z-index:1;background:#fff;border-radius:16px;grid-template-rows:auto minmax(0,1fr) auto auto;width:min(820px,100%);max-height:92vh;display:grid;position:relative;overflow:hidden}.product-modal__header,.product-modal__footer{justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.product-modal__header{border-bottom:1px solid #eee4e8}.product-modal__footer{background:#fbf8f9;border-top:1px solid #eee4e8;justify-content:flex-end}.product-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:0;padding:16px;display:grid;overflow-y:auto}.product-field--full{grid-column:1/-1}.product-photo-field{background:#fcfafb;border:1px solid #e5d9de;border-radius:11px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 14px;padding:12px;display:grid}.product-photo-field strong{color:#8f295b}.product-photo-field p{color:#846f79;margin:5px 0 0;line-height:1.5}.product-file-input{color:#8f295b;grid-column:1/-1;gap:7px;font-size:14px;font-weight:600;display:grid}.product-file-input input{min-height:auto;padding:9px}.product-selected-file{grid-column:1/-1;font-size:12px;color:#4e684f!important}.product-remove-photo{grid-column:1/-1;align-items:center;color:#9e3443!important;grid-template-columns:none!important;gap:9px!important;display:flex!important}.product-remove-photo input,.product-active-field input{width:18px;min-height:18px;margin:0}.product-active-field{background:#fcfafb;border:1px solid #e2d6db;border-radius:10px;align-items:flex-start;padding:12px;color:#3f3037!important;grid-template-columns:none!important;gap:10px!important;display:flex!important}.product-active-field span,.product-active-field small{display:block}.product-active-field small{color:#806d76;margin-top:4px;font-weight:500;line-height:1.45}.product-modal__panel>.product-form-message{margin:0 16px 12px}@media (width<=820px){.product-page__header{display:grid}.product-add-button{width:100%}.product-filter-card{grid-template-columns:1fr;align-items:stretch}.product-reference-grid,.product-form-grid{grid-template-columns:1fr}.product-field--full,.product-photo-field,.product-file-input,.product-selected-file,.product-remove-photo{grid-column:auto}}@media (width<=640px){.product-page{gap:14px}.product-page__header h1{font-size:28px}.product-tabs{grid-template-columns:1fr 1fr;display:grid}.product-search-row{grid-template-columns:1fr}.product-status-filters{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.product-status-filters button{padding:0 7px}.product-list-card{background:0 0;border:0;overflow:visible}.product-list-card__heading{border:0;padding:14px 0}.product-table-wrap{overflow:visible}.product-table,.product-table tbody,.product-table tr,.product-table td{width:100%;display:block}.product-table thead{display:none}.product-table tbody{gap:12px;display:grid}.product-table tr{background:#fff;border:1px solid #e5d9de;border-radius:13px;padding:12px}.product-table td{border:0;justify-content:space-between;align-items:center;gap:14px;padding:8px 0;display:flex}.product-table td:first-child{border-bottom:1px solid #eee4e8;padding-top:0;padding-bottom:10px;display:block}.product-table td:nth-child(2):before{content:"Klasifikasi"}.product-table td:nth-child(3):before{content:"Harga Default"}.product-table td:nth-child(4):before{content:"Point"}.product-table td:nth-child(5):before{content:"Status"}.product-table td:nth-child(6):before{content:"Aksi"}.product-table td:before{color:#8f295b;font-size:12px;font-weight:800}.product-table td>span{margin-top:0}.product-name-cell{min-width:0}.product-pagination{background:0 0;padding:14px 0}.product-pagination span{font-size:12px}.product-reference-card{padding:15px}.product-modal{align-items:end;padding:0}.product-modal__panel{border-radius:20px 20px 0 0;width:100%;max-height:96vh}.product-modal__header,.product-modal__footer,.product-form-grid{padding:15px}.product-modal__footer .product-button{flex:1}.product-photo-field{grid-template-columns:1fr}}.product-button--danger{color:#a63243;background:#fff4f5;border-color:#dc9ca5}.product-reference-item__title{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.product-reference-item__title strong{display:block}.product-reference-name--inactive{color:#b33a4a}.product-reference-status{border-radius:999px;align-items:center;min-height:22px;padding:0 7px;font-size:10px;font-weight:800;display:inline-flex}.product-reference-status--active{color:#337246;background:#e8f5ec}.product-reference-status--inactive{color:#aa3544;background:#fbe9eb}.product-reference-item small{color:#8a747e;margin-top:4px;font-size:11px;display:block}.product-reference-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}@media (width<=640px){.product-reference-item{flex-direction:column;align-items:flex-start}.product-reference-actions{justify-content:stretch;width:100%}.product-reference-actions .product-button{flex:1}}@media (width>=821px){.product-page,.product-page .product-button,.product-page input,.product-page select,.product-page textarea,.product-page button{font-size:14px}.product-reference-item{min-height:58px}.product-table tbody tr{height:64px}.product-table td:nth-child(3),.product-table td:nth-child(4),.product-table td:nth-child(5),.product-table td:nth-child(6){white-space:nowrap}}.product-tabs{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=640px){.product-tabs{grid-template-columns:1fr}}.product-tabs{flex-wrap:wrap}.product-tabs button{flex:150px}@media (width<=720px){.product-tabs button{flex-basis:calc(50% - 6px)}}.product-photo-only-editor{max-width:560px}.product-photo-only-editor__body{gap:14px;padding:18px;display:grid}.product-photo-only-editor__body label{color:#745d68;gap:8px;font-weight:600;display:grid}.product-photo-only-editor__body input[type=file]{background:#fff;border:1px solid #dcd0d5;border-radius:9px;padding:10px}.product-photo-only-editor .product-modal__footer{border-top:1px solid #eee4e8;justify-content:flex-end;padding:14px 18px;display:flex}.product-search-field{min-width:0}.product-search-row{position:relative}.product-search-clear{color:#715964;cursor:pointer;width:30px;height:30px;font:inherit;background:#f3ecef;border:0;border-radius:999px;padding:0;font-size:20px;line-height:1;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.product-search-row input[type=search]{padding-right:44px}.product-catalog-filters{grid-template-columns:repeat(3,minmax(130px,1fr)) auto;align-items:end;gap:8px;display:grid}.product-catalog-filters label{color:#745d68;gap:5px;min-width:0;font-size:12px;font-weight:700;display:grid}.product-catalog-filters select{color:#4b3a42;width:100%;min-width:0;min-height:36px;font:inherit;background:#fff;border:1px solid #dcd0d5;border-radius:9px;padding:6px 9px;font-size:13px}.product-mobile-list{display:none}@media (width<=720px){.product-page{gap:9px;width:100%;min-width:0;max-width:100%;font-size:13px;overflow-x:clip}.product-page__header{justify-content:flex-end;min-width:0}.product-page__header>div{display:none}.product-add-button{width:100%;min-width:0;min-height:42px;padding-inline:12px;font-size:13px}.product-tabs{border-radius:10px;gap:5px;padding:5px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.product-tabs button{min-width:0;min-height:34px;padding:5px 7px;font-size:12.5px;line-height:1.2}.product-filter-card{border-radius:10px;grid-template-columns:1fr;gap:8px;padding:10px;display:grid}.product-filter-card label,.product-reference-form label,.product-form-grid>label{min-width:0;font-size:12.5px}.product-filter-card input,.product-reference-form input,.product-form-grid input,.product-form-grid select,.product-form-grid textarea,.product-catalog-filters select,.product-photo-only-editor input[type=file]{box-sizing:border-box;width:100%;min-width:0;max-width:100%;font-size:16px}.product-filter-card input,.product-form-grid input,.product-form-grid select{min-height:40px}.product-catalog-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.product-filter-reset{align-self:end;min-height:34px;font-size:12px}.product-list-card__heading{min-height:0;padding:6px 2px 7px}.product-list-card__heading h2{font-size:17px}.product-list-card__heading p{margin-top:1px;font-size:11px}.product-list-card__heading .product-button{min-height:32px;padding-inline:10px;font-size:12px}.product-table-wrap{display:none}.product-mobile-list{gap:7px;display:grid}.product-mobile-item{background:#fff;border:1px solid #e4d9de;border-radius:11px;min-width:0;overflow:hidden}.product-mobile-item>summary{cursor:pointer;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:76px;padding:8px 9px;list-style:none;display:grid}.product-mobile-item>summary::-webkit-details-marker{display:none}.product-mobile-item__main{gap:2px;min-width:0;display:grid}.product-mobile-item__main>strong{color:#34272d;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13.5px;line-height:1.22;overflow:hidden}.product-mobile-item__main>small{color:#8b7780;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;line-height:1.2;overflow:hidden}.product-mobile-item__main>span{color:#725f68;font-size:10.5px;line-height:1.2}.product-mobile-item__price{color:#423239;white-space:nowrap;justify-items:end;gap:4px;font-size:12.5px;font-weight:750;display:grid}.product-mobile-item__price small{color:#8f295b;font-size:10px;font-weight:700}.product-mobile-item__details{background:#fcfafb;border-top:1px solid #efe6e9;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px;padding:9px 10px 10px;display:grid}.product-mobile-item__details>div{gap:1px;min-width:0;display:grid}.product-mobile-item__details span{color:#8b7780;font-size:10px}.product-mobile-item__details strong{overflow-wrap:anywhere;color:#493840;min-width:0;font-size:12px}.product-mobile-item__details .product-mobile-item__description{border-bottom:1px solid #efe6e9;grid-column:1/-1;padding-bottom:7px}.product-mobile-item__description strong{white-space:pre-wrap;margin-top:2px;line-height:1.4}.product-mobile-item__action{grid-column:1/-1;justify-self:end;min-height:32px;font-size:12px}.product-pagination{gap:7px;padding:8px 0 2px}.product-pagination .product-button{min-height:32px;padding-inline:8px;font-size:11px}.product-pagination span{text-align:center;font-size:10.5px}.product-reference-card{min-width:0;padding:10px}.product-reference-card>header{gap:8px;padding-bottom:8px}.product-reference-card h2,.product-modal__header h2{font-size:18px}.product-reference-card header p{font-size:11px}.product-form-grid,.product-photo-only-editor__body,.product-modal__header,.product-modal__footer{min-width:0;padding:12px}}@media (width<=390px){.product-catalog-filters{grid-template-columns:1fr}.product-mobile-item>summary{grid-template-columns:52px minmax(0,1fr)}.product-mobile-item__price{grid-area:2/2;grid-template-columns:auto auto;justify-content:space-between;justify-items:start}}@media (width<=720px){.product-mobile-item__photo{width:56px;min-width:0;display:block}.product-mobile-item__photo .product-photo,.product-mobile-item__photo .product-photo-placeholder{max-width:100%}}.product-reference-menu,.product-reference-menu-button{display:none}.product-reference-action-sheet{z-index:1200;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.product-reference-action-sheet__backdrop{background:#2d23286b;border:0;width:100%;position:absolute;inset:0}.product-reference-action-sheet__panel{z-index:1;background:#fff;border:1px solid #e2d6db;border-radius:14px;gap:6px;width:min(100%,340px);padding:12px;display:grid;position:relative;box-shadow:0 18px 50px #2d1f263d}.product-reference-action-sheet__panel>strong{color:#3d2d34;padding:4px 5px 8px;font-size:14px}.product-reference-action-sheet__panel>button{color:#604b55;min-height:42px;font:inherit;background:#f8f4f6;border:0;border-radius:9px;font-size:13px}.product-reference-action-sheet__panel>button.is-danger{color:#a43b49}.product-reference-action-sheet__panel>button.is-cancel{background:#eee8eb;font-weight:700}@media (width<=720px){.product-tabs{overscroll-behavior-inline:contain;scrollbar-width:none;gap:4px;padding:4px;overflow-x:auto;flex-wrap:nowrap!important;display:flex!important}.product-tabs::-webkit-scrollbar{display:none}.product-tabs button{white-space:nowrap;min-height:36px;padding-inline:10px;flex:none!important}.product-tabs--catalog button{width:0;padding-inline:5px;flex:1 1 0!important}.product-tabs--owner button{min-width:116px}.product-catalog-filters,.product-catalog-filters--catalog,.product-catalog-filters--owner{align-items:stretch;gap:5px;display:grid}.product-catalog-filters--catalog{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 54px}.product-catalog-filters--owner{grid-template-columns:repeat(3,minmax(0,1fr)) 54px}.product-catalog-filters label{min-width:0;display:block}.product-catalog-filters label>span{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.product-catalog-filters select,.product-filter-reset{height:38px;min-height:38px}.product-catalog-filters select{text-overflow:ellipsis;white-space:nowrap;padding:5px 22px 5px 7px;font-size:16px;overflow:hidden}.product-filter-reset{width:54px;padding-inline:4px;font-size:10.5px}.product-reference-grid{gap:9px}.product-reference-card{padding:9px}.product-reference-card>header{padding-bottom:7px}.product-reference-card header p{margin-top:2px;line-height:1.35}.product-reference-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:6px;padding:8px 0}.product-reference-form .product-form-message{grid-column:1/-1}.product-reference-form>.product-button{min-height:40px;padding-inline:9px;font-size:11px}.product-reference-list{gap:5px}.product-reference-item{border-radius:9px;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:7px;min-height:44px;padding:5px 7px;display:grid;position:relative}.product-reference-item>div:first-child{min-width:0}.product-reference-item__title{flex-wrap:nowrap;gap:5px}.product-reference-item__title strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13.5px;overflow:hidden}.product-reference-status{flex:none;min-height:20px;padding-inline:6px;margin:0!important;font-size:9px!important}.product-reference-item>div:first-child>span,.product-reference-item small{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10.5px;line-height:1.2;overflow:hidden}.product-reference-actions,.product-reference-menu{display:none}.product-reference-menu-button{color:#745d68;background:0 0;border:0;border-radius:8px;justify-self:end;place-items:center;width:34px;height:34px;padding:0;font-size:20px;line-height:1;display:grid}.product-reference-menu>summary{color:#725965;cursor:pointer;background:#fff;border:1px solid #ded2d7;border-radius:9px;place-items:center;width:34px;height:34px;font-size:13px;font-weight:800;list-style:none;display:grid}.product-reference-menu>summary::-webkit-details-marker{display:none}.product-reference-menu>div{z-index:60;background:#fff;border:1px solid #e2d6db;border-radius:10px;gap:4px;min-width:126px;padding:5px;display:grid;position:absolute;top:38px;right:0;box-shadow:0 10px 26px #3c273129}.product-reference-menu button{color:#604b55;min-height:34px;font:inherit;text-align:left;background:#f8f4f6;border:0;border-radius:7px;padding:0 9px;font-size:11px}.product-reference-menu button.is-danger{color:#a43b49}}@media (width<=360px){.product-catalog-filters--owner{grid-template-columns:repeat(3,minmax(0,1fr)) 48px}.product-filter-reset{width:48px}.product-reference-form{grid-template-columns:1fr 1fr}.product-reference-form>.product-button{grid-column:1/-1}}@media (width<=720px){.product-mobile-item>summary{grid-template-rows:auto!important;grid-template-columns:56px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;min-height:86px!important;padding:8px 10px!important}.product-mobile-item__photo{align-self:stretch!important;place-items:center!important;width:56px!important;height:100%!important;display:grid!important}.product-mobile-item__photo .product-photo{width:52px!important;height:52px!important;margin:0!important}.product-mobile-item__main{grid-template-rows:auto auto 1fr auto!important;align-content:start!important;align-self:stretch!important;gap:1px!important;height:100%!important;min-height:68px!important;padding:1px 0!important;display:grid!important}.product-mobile-item__main>strong{align-self:start!important;font-size:13.5px!important;line-height:1.18!important}.product-mobile-item__main>small{margin-top:1px!important;font-size:11px!important;line-height:1.18!important}.product-mobile-item__bottom-row{grid-row:4!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important;max-width:100%!important;margin-top:5px!important;display:flex!important}.product-mobile-item__bottom-row>strong{color:#423239;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:700;line-height:1.1;overflow:hidden}.product-mobile-item__bottom-row>small{color:#8f295b;white-space:nowrap;flex:none;font-size:10px;font-weight:700;line-height:1.1}.product-mobile-item__price{display:none!important}}@media (width<=390px){.product-mobile-item>summary{grid-template-columns:52px minmax(0,1fr)!important;gap:8px!important}.product-mobile-item__photo{width:52px!important}.product-mobile-item__photo .product-photo{width:50px!important;height:50px!important}}.product-compact-select{min-width:0;position:relative}.product-compact-select__value{display:none}.product-reference-field-label{align-items:baseline;gap:5px;min-height:20px;display:flex}.product-reference-field-label small{color:#907c85;font:inherit;font-weight:500}@media (width<=720px){.product-filter-card{gap:7px;padding:9px}.product-search-field{gap:4px;font-size:12px}.product-search-row,.product-search-row input{min-height:38px}.product-search-row input{padding:6px 36px 6px 9px;font-size:16px}.product-search-row input::placeholder{font-size:12px}.product-catalog-filters--catalog{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr) 48px}.product-catalog-filters--owner{grid-template-columns:minmax(0,1.16fr) minmax(0,.9fr) minmax(0,.84fr) 48px}.product-compact-filter{min-width:0}.product-compact-select{background:#fff;border:1px solid #ded2d7;border-radius:9px;height:36px;overflow:hidden}.product-compact-select:after{content:"";pointer-events:none;border-bottom:1.5px solid #594751;border-right:1.5px solid #594751;width:6px;height:6px;position:absolute;top:50%;right:5px;transform:translateY(-70%)rotate(45deg)}.product-compact-select__value{color:#493940;letter-spacing:-.02em;text-overflow:clip;white-space:nowrap;align-items:center;min-width:0;height:100%;padding:0 14px 0 5px;font-size:9.25px;font-weight:700;line-height:1;display:flex;overflow:hidden}.product-catalog-filters .product-compact-select select{opacity:0;cursor:pointer;border:0;width:100%;min-width:0;height:100%;min-height:0;margin:0;padding:0;font-size:16px;position:absolute;inset:0}.product-filter-reset{width:48px;height:36px;min-height:36px;padding-inline:3px;font-size:9.5px}.product-reference-form>label{align-content:end;gap:4px;min-width:0;display:grid}.product-reference-field-label{align-items:baseline;min-height:18px;font-size:11px;line-height:18px}.product-reference-form input{height:40px;min-height:40px}}@media (width<=360px){.product-catalog-filters--catalog{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr) 44px}.product-catalog-filters--owner{grid-template-columns:minmax(0,1.18fr) minmax(0,.9fr) minmax(0,.82fr) 44px}.product-compact-select__value{padding-left:4px;padding-right:12px;font-size:8.5px}.product-filter-reset{width:44px;font-size:9px}}@media (width<=720px){.product-modal__panel .product-form-grid input,.product-modal__panel .product-form-grid select,.product-modal__panel .product-form-grid textarea,.product-modal__panel .product-form-grid input::placeholder,.product-modal__panel .product-form-grid textarea::placeholder{font-size:14px!important}}.order-page{gap:14px;font-size:14px;display:grid}.order-page__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.order-page__header h1{color:#30242a;margin:4px 0 7px;font-family:inherit;font-size:clamp(28px,3vw,36px)}.order-page__header p{color:#78666f;max-width:760px;margin:0;line-height:1.5}.order-button{color:#5f4652;cursor:pointer;min-height:36px;font:inherit;background:#fff;border:1px solid #dcced4;border-radius:9px;padding:0 12px;font-size:14px;font-weight:600}.order-button:disabled{cursor:not-allowed;opacity:.55}.order-button--primary{color:#fff;background:#8f295b;border-color:#8f295b}.order-button--danger{color:#a63243;background:#fff4f5;border-color:#dc9ca5}.order-message{border-radius:10px;margin:0;padding:10px 12px;line-height:1.45}.order-message--success{color:#376d47;background:#eef9f1;border:1px solid #b9ddc4}.order-message--error{color:#9e3443;background:#fff2f3;border:1px solid #ecc3c8}.order-filter-card,.order-list-card{background:#fff;border:1px solid #e5d9de;border-radius:14px}.order-filter-card{grid-template-columns:minmax(150px,.55fr) minmax(260px,1.45fr) minmax(170px,.7fr);align-items:end;gap:12px;padding:14px;display:grid}.order-filter-card label,.order-form-grid label,.order-product-search label{color:#8f295b;gap:6px;font-size:13px;font-weight:700;display:grid}.order-filter-card input,.order-filter-card select,.order-form-grid input,.order-form-grid select,.order-form-grid textarea,.order-product-search input{color:#34272d;width:100%;min-width:0;min-height:40px;font:inherit;background:#fff;border:1px solid #dcd0d5;border-radius:9px;outline:none;padding:8px 10px}.order-form-grid textarea{resize:vertical}.order-filter-card input:focus,.order-filter-card select:focus,.order-form-grid input:focus,.order-form-grid select:focus,.order-form-grid textarea:focus,.order-product-search input:focus{border-color:#8f295b;box-shadow:0 0 0 3px #8f295b17}.order-search-row{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.order-list-card{overflow:hidden}.order-list-card__heading{border-bottom:1px solid #eee4e8;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.order-list-card__heading h2{color:#30242a;margin:0;font-family:inherit;font-size:21px}.order-list-card__heading p{color:#846f79;margin:4px 0 0;font-size:13px}.order-table-wrap{width:100%;overflow-x:auto}.order-table{border-collapse:collapse;width:100%}.order-table th,.order-table td{text-align:left;vertical-align:top;border-bottom:1px solid #f0e7ea;padding:10px 12px}.order-table th{color:#8f295b;letter-spacing:.015em;background:#fbf8f9;font-size:12px}.order-table td{color:#4b3a42;font-size:14px}.order-table td strong,.order-table td span{display:block}.order-table td strong{color:#34272d;line-height:1.35}.order-table td>span{color:#8b7780;margin-top:3px;font-size:12px;line-height:1.4}.order-incomplete-badge,.order-manual-badge,.order-status{border-radius:999px;align-items:center;width:fit-content;min-height:23px;padding:0 8px;font-weight:800;margin-top:6px!important;font-size:10px!important;display:inline-flex!important}.order-incomplete-badge{background:#fff0dc;color:#9a5d15!important}.order-manual-badge{background:#f5e9f0;color:#8f295b!important}.order-status--belum_dibuat{background:#f3eef0;color:#6f5964!important}.order-status--sedang_dibuat{background:#fff0dc;color:#9a5d15!important}.order-status--menunggu_pickup,.order-status--menunggu_dikirim{background:#e8f0fb;color:#345f92!important}.order-status--selesai{background:#e8f5ec;color:#337246!important}.order-status--dibatalkan{background:#fbe9eb;color:#aa3544!important}.order-actions{flex-wrap:wrap;gap:6px;display:flex}.order-empty{color:#806d76;text-align:center;align-content:center;place-items:center;gap:7px;min-height:170px;padding:18px;display:grid}.order-empty p{margin:0}.order-pagination{background:#fbf8f9;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.order-pagination span{color:#79656f;font-size:13px;font-weight:600}.order-modal{z-index:1100;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.order-modal__backdrop{background:#271c21b8;border:0;position:absolute;inset:0}.order-modal__panel{z-index:1;background:#fff;border-radius:16px;grid-template-rows:auto minmax(0,1fr) auto auto;width:min(940px,100%);max-height:94vh;display:grid;position:relative;overflow:hidden}.order-modal__header,.order-modal__footer{justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.order-modal__header{border-bottom:1px solid #eee4e8}.order-modal__header h2{color:#30242a;margin:0;font-family:inherit;font-size:23px}.order-modal__body{gap:14px;min-height:0;padding:16px;display:grid;overflow-y:auto}.order-form-section{background:#fcfafb;border:1px solid #e5d9de;border-radius:12px;gap:12px;padding:14px;display:grid}.order-form-section h3{color:#30242a;margin:0;font-size:18px}.order-form-section>div>p{color:#806d76;margin:4px 0 0;font-size:13px;line-height:1.45}.order-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.order-form-grid label>span{color:#927f88;font-size:12px;font-weight:500}.order-field--full{grid-column:1/-1}.order-product-search{gap:8px;display:grid}.order-product-active,.order-product-inactive{border-radius:999px;align-items:center;min-height:23px;padding:0 8px;font-weight:800;font-size:10px!important;display:inline-flex!important}.order-product-active{background:#e8f5ec;color:#337246!important}.order-product-inactive{background:#fbe9eb;color:#aa3544!important}.order-product-results{gap:6px;max-height:220px;display:grid;overflow-y:auto}.order-product-results button{color:#34272d;cursor:pointer;text-align:left;font:inherit;background:#fff;border:1px solid #e5d9de;border-radius:10px;gap:3px;padding:10px;display:grid}.order-product-results button:hover{background:#fffafd;border-color:#8f295b}.order-product-results strong,.order-product-results span{display:block}.order-product-results span{color:#806d76;font-size:12px}.order-modal__message{margin:0 16px 12px}.order-modal__footer{background:#fbf8f9;border-top:1px solid #eee4e8;justify-content:flex-end}@media (width<=900px){.order-filter-card{grid-template-columns:1fr 1fr}.order-filter-card form{grid-area:2/1/auto/-1}}@media (width<=700px){.order-page__header{display:grid}.order-page__header .order-button--primary{width:100%}.order-filter-card{grid-template-columns:1fr}.order-filter-card form{grid-area:auto}.order-form-grid{grid-template-columns:1fr}.order-field--full{grid-column:auto}.order-selected-product{grid-template-columns:1fr;align-items:start}.order-table-wrap{overflow:visible}.order-table,.order-table tbody,.order-table tr,.order-table td{width:100%;display:block}.order-table thead{display:none}.order-table tbody{gap:10px;padding:10px;display:grid}.order-table tr{background:#fff;border:1px solid #e5d9de;border-radius:13px;padding:12px}.order-table td{border:0;justify-content:space-between;align-items:flex-start;gap:14px;padding:7px 0;display:flex}.order-table td:first-child:before{content:"Waktu"}.order-table td:nth-child(2):before{content:"Customer"}.order-table td:nth-child(3):before{content:"Produk"}.order-table td:nth-child(4):before{content:"Pengiriman"}.order-table td:nth-child(5):before{content:"Total"}.order-table td:nth-child(6):before{content:"Status"}.order-table td:nth-child(7):before{content:"Aksi"}.order-table td:before{color:#8f295b;flex:0 0 92px;font-size:11px;font-weight:800}.order-table td>*{max-width:calc(100% - 105px)}.order-actions{justify-content:flex-end}.order-modal{align-items:end;padding:0}.order-modal__panel{border-radius:18px 18px 0 0;width:100%;max-height:97vh}.order-modal__body,.order-modal__header,.order-modal__footer{padding-left:14px;padding-right:14px}.order-modal__footer .order-button{flex:1}}.order-modal__panel--multi{grid-template-rows:auto minmax(0,1fr) auto auto auto;width:min(1040px,100%)}.order-item-editor-list{gap:14px;display:grid}.order-item-editor{background:#fffdfd;border:1px solid #d9c5cf;border-radius:12px;gap:12px;padding:14px;display:grid}.order-item-editor__header,.order-subsection-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.order-item-editor__header h3,.order-item-subsection h4{color:#30242a;margin:0;font-family:inherit}.order-item-editor__header h3{font-size:21px}.order-item-subsection h4{font-size:15px}.order-copy-main{color:#6b4d5b;background:#faf2f6;border:1px solid #ead9e1;border-radius:10px;grid-template-columns:auto 1fr;gap:4px 8px;padding:10px 12px;font-weight:700;display:grid}.order-copy-main input{width:18px;height:18px;margin:1px 0 0}.order-copy-main span{color:#88717c;grid-column:2;font-size:12px;font-weight:500}.order-customer-number-row{align-items:center;gap:5px;min-width:0;display:inline-flex}.order-customer-number-row .order-copy-number-button{color:#8f295b;cursor:pointer;background:#f5ebf0;border:0;border-radius:6px;place-items:center;width:24px;min-width:24px;height:24px;min-height:24px;padding:0;display:grid}.order-customer-number-row .order-copy-number-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:13px;height:13px}.order-customer-number-row .order-copy-number-button.is-copied{color:#397148;background:#e9f5ed;font-size:12px;font-weight:800}.order-product-autocomplete{gap:8px;display:grid;position:relative}.order-search-clear-shell{display:block;position:relative}.order-search-clear-shell>input{padding-right:40px!important}.order-search-clear{color:#725b66;cursor:pointer;background:#f3ecef;border:0;border-radius:50%;place-items:center;width:28px;height:28px;min-height:0;padding:0;font-size:20px;line-height:1;display:grid;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.order-customer-cell>.order-customer-number-row{white-space:nowrap;align-items:center;gap:4px;width:auto;display:inline-flex}.order-product-dropdown{z-index:8;background:#fff;border:1px solid #dcced4;border-radius:10px;gap:4px;max-height:310px;padding:6px;display:grid;position:absolute;top:76px;left:0;right:0;overflow-y:auto;box-shadow:0 16px 36px #432b3629}.order-product-dropdown button{color:#34272d;cursor:pointer;text-align:left;font:inherit;background:#fff;border:0;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px;display:flex}.order-product-dropdown button:hover{background:#faf2f6}.order-product-dropdown strong,.order-product-dropdown span{display:block}.order-product-dropdown span{color:#806d76;margin-top:3px;font-size:12px}.order-product-active,.order-product-inactive{white-space:nowrap;border-radius:999px;align-items:center;min-height:23px;padding:0 8px;font-size:10px;font-style:normal;font-weight:800;display:inline-flex}.order-product-active{color:#337246;background:#e8f5ec}.order-product-inactive{color:#aa3544;background:#fbe9eb}.order-selected-product{background:#fff;border:1px solid #d9c5cf;border-radius:10px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px;display:grid}.order-selected-product strong,.order-selected-product span{display:block}.order-selected-product span{color:#806d76;margin-top:3px;font-size:12px}.order-item-subsection{background:#fff;border:1px solid #eee2e7;border-radius:11px;gap:10px;padding:12px;display:grid}.order-subsection-heading p{color:#816d76;margin:3px 0 0;font-size:12px}.order-inline-empty{color:#88747d;background:#faf7f8;border-radius:8px;margin:0;padding:10px;font-size:13px}.order-addon-list{gap:8px;display:grid}.order-addon-list article{background:#fcfafb;border:1px solid #eadfe4;border-radius:10px;grid-template-columns:auto minmax(120px,.7fr) minmax(170px,1.2fr) minmax(90px,.5fr) minmax(110px,.6fr) auto;align-items:end;gap:8px;padding:10px;display:grid}.order-addon-list label{color:#8f295b;gap:5px;font-size:12px;font-weight:700;display:grid}.order-addon-list input,.order-addon-list select{color:#34272d;width:100%;min-height:40px;font:inherit;background:#fff;border:1px solid #dcd0d5;border-radius:9px;padding:8px 10px}.order-addon-number{color:#8f295b;align-self:center;font-weight:800}.order-addon-subtotal{align-self:center}.order-addon-subtotal span,.order-addon-subtotal strong{display:block}.order-addon-subtotal span{color:#88747d;font-size:11px}.order-addon-subtotal strong{color:#3d2d34;margin-top:3px}.order-item-total{background:#f8f1f4;border-radius:11px;gap:6px;padding:12px;display:grid}.order-item-total>div{justify-content:space-between;gap:14px;display:flex}.order-item-total span{color:#765f6a}.order-item-total strong{color:#3a2931}.order-item-total__grand{border-top:1px solid #ddcbd3;margin-top:4px;padding-top:9px}.order-item-total__grand span,.order-item-total__grand strong{color:#8f295b;font-size:16px;font-weight:800}.order-item-total p{color:#a15c1e;margin:3px 0 0;font-size:12px}.order-add-item-button{color:#8f295b;cursor:pointer;min-height:46px;font:inherit;background:#fff8fb;border:1px dashed #b98ca2;border-radius:12px;font-weight:800}.order-sticky-summary{background:#fffafb;border-top:1px solid #e5d9de;grid-template-columns:repeat(4,minmax(100px,1fr)) minmax(180px,1.3fr);gap:8px;padding:10px 16px;display:grid;box-shadow:0 -8px 24px #452b3712}.order-sticky-summary>div{background:#fff;border-radius:9px;padding:8px 10px}.order-sticky-summary span,.order-sticky-summary strong{display:block}.order-sticky-summary span{color:#806b75;font-size:11px}.order-sticky-summary strong{color:#3e2d35;margin-top:3px;font-size:14px}.order-sticky-summary__grand{background:#8f295b!important}.order-sticky-summary__grand span,.order-sticky-summary__grand strong{color:#fff}@media (width<=980px){.order-addon-list article{grid-template-columns:auto 1fr 1.3fr .7fr}.order-sticky-summary{grid-template-columns:repeat(3,1fr)}.order-sticky-summary__grand{grid-column:span 2}}@media (width<=700px){.order-selected-product{grid-template-columns:1fr;align-items:start}.order-addon-list article{grid-template-columns:1fr}.order-addon-number{justify-self:start}.order-sticky-summary{grid-template-columns:1fr 1fr;padding:9px 12px}.order-sticky-summary__grand{grid-column:1/-1}}.order-modal__panel--multi .order-modal__body{padding-right:72px}.order-item-editor{scroll-margin-top:16px;scroll-margin-bottom:150px}.order-form-grid--aligned{align-items:start}.order-item-editor .order-field{align-content:start}.order-item-editor .order-field input:not([type=checkbox]),.order-item-editor .order-field select{height:50px;min-height:50px}.order-field-helper{min-height:18px;line-height:1.35;color:#927f88!important;font-size:12px!important;font-weight:500!important}.order-field-helper--empty{visibility:hidden}.order-commerce-fields{padding-top:2px}.order-addon-compact{background:#fff;border:1px solid #eadfe4;border-radius:11px;gap:10px;padding:10px 12px;display:grid}.order-addon-toggle{color:#4d3540;cursor:pointer;align-items:center;gap:10px;display:flex}.order-addon-toggle>input{accent-color:#8f295b;flex:none;width:20px;height:20px}.order-addon-toggle>span,.order-addon-toggle strong,.order-addon-toggle small{display:block}.order-addon-toggle strong{color:#30242a;font-size:14px}.order-addon-toggle small{color:#88747d;margin-top:2px;font-size:12px;font-weight:500}.order-addon-expanded{border-top:1px solid #eee2e7;gap:10px;padding-top:10px;display:grid}.order-addon-expanded h4{color:#30242a;margin:0;font-size:15px}.order-add-item-button{color:#fff;cursor:pointer;min-height:54px;font:inherit;background:#8f295b;border:1px solid #8f295b;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:800;transition:transform .16s,background .16s,box-shadow .16s;display:inline-flex;box-shadow:0 6px 16px #8f295b33}.order-add-item-button>span{font-size:23px;line-height:1}.order-add-item-button:hover:not(:disabled){background:#7f214f;transform:translateY(-1px);box-shadow:0 8px 20px #8f295b40}.order-add-item-button:active:not(:disabled){transform:translateY(0)}.order-add-item-button:focus-visible{outline-offset:3px;outline:3px solid #8f295b38}.order-add-item-button:disabled{cursor:not-allowed;opacity:.55}.order-modal__stage{z-index:1;grid-template-columns:minmax(0,1040px) 52px;align-items:center;gap:10px;width:min(1112px,100vw - 24px);max-height:96vh;display:grid;position:relative}.order-modal__stage .order-modal__panel{z-index:auto;width:100%}.order-scroll-controls{z-index:12;align-self:center;gap:10px;display:grid;position:relative}.order-scroll-controls button{width:52px;height:52px;color:var(--order-accent,#557f96);cursor:pointer;font:inherit;background:#fff;border:1px solid #cad8df;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:0 7px 20px #2c424e2e}.order-scroll-controls button:hover{border-color:var(--order-accent,#557f96);background:var(--order-accent-soft,#eef4f7);transform:translateY(-1px)}.order-scroll-controls button:focus-visible{outline-offset:2px;outline:3px solid #557f9633}.order-scroll-controls span{font-size:22px;font-weight:700;line-height:1}@media (width<=700px){.order-modal__stage{grid-template-columns:minmax(0,1fr) 46px;gap:4px;width:100%;max-height:98vh}.order-scroll-controls{gap:8px}.order-scroll-controls button{width:44px;height:44px}.order-subsection-heading{align-items:stretch}.order-subsection-heading .order-button{width:100%}.order-table td:first-child:before{content:"Jam"}}.order-manual-product-trigger{color:#536d7b;cursor:pointer;min-height:46px;font:inherit;text-align:left;background:#f8fbfc;border:1px dashed #b8cbd5;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.order-manual-product-trigger strong{color:var(--order-accent,#557f96)}.order-manual-product-form{background:#f7fbfc;border:1px solid #cbdce4;border-radius:11px;gap:12px;padding:12px;display:grid}.order-manual-product-form__heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.order-manual-product-form__heading strong,.order-manual-product-form__heading span{display:block}.order-manual-product-form__heading strong{color:#2f4652}.order-manual-product-form__heading span{color:#6f838d;margin-top:3px;font-size:12px;line-height:1.45}.order-similar-product-warning{color:#76591b;background:#fff9e9;border:1px solid #e5cf92;border-radius:9px;gap:6px;padding:10px;font-size:12px;display:grid}.order-similar-product-warning label{align-items:center;gap:7px;font-weight:700;display:flex}.order-similar-product-warning input{width:17px;height:17px}.order-page .page-eyebrow,.order-page .order-filter-card label,.order-page .order-form-grid label,.order-page .order-field-label,.order-page .order-product-autocomplete label,.order-page .order-table th{color:var(--order-accent)}.order-page .order-button--primary{border-color:var(--order-accent);background:var(--order-accent)}.order-page .order-button--primary:hover:not(:disabled){border-color:var(--order-accent-dark);background:var(--order-accent-dark)}.order-page .order-add-item-button{color:#416a80;box-shadow:none;background:#eef4f7;border-color:#bfd0d8}.order-page .order-add-item-button:hover:not(:disabled){color:#355c70;box-shadow:none;background:#e3edf2;border-color:#9fb9c6}.order-page .order-add-item-button:focus-visible{outline-color:#557f9633}@media (width<=700px){.order-manual-product-form__heading{display:grid}.order-manual-product-form__heading .order-button{width:100%}}.order-page{--order-accent:#33879a;--order-accent-dark:#246d7d;--order-accent-soft:#e7f3f5}.order-page,.order-page button,.order-page input,.order-page select,.order-page textarea,.order-page table,.order-page th,.order-page td{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,Helvetica,sans-serif!important}.order-page .order-button,.order-page .order-add-item-button{font-weight:500!important}.order-page .order-add-item-button{font-size:15px;font-weight:600!important}.order-page .order-add-item-button>span{font-weight:400!important}.order-page .order-table td strong,.order-page .order-selected-product strong,.order-page .order-item-total strong,.order-page .order-sticky-summary strong{font-weight:600!important}.order-page .order-table td>span,.order-page .order-selected-product span,.order-page .order-item-total span,.order-page .order-sticky-summary span{font-weight:400!important}.order-page .order-incomplete-badge,.order-page .order-manual-badge,.order-page .order-status,.order-page .order-product-active,.order-page .order-product-inactive,.order-page .order-item-total__grand span,.order-page .order-item-total__grand strong,.order-page .order-copy-main,.order-page .order-addon-toggle strong,.order-page .order-addon-number{font-weight:600!important}.order-page .order-scroll-controls span{font-weight:500!important}.order-time-picker{align-items:center;gap:8px;width:100%;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;display:grid!important}.order-time-picker label{min-width:0;margin:0;display:block!important}.order-time-picker select{width:100%;min-width:0;height:50px;min-height:50px;margin:0}.order-time-picker>strong{color:var(--order-accent);text-align:center;margin:0;font-size:18px;line-height:1;display:block;font-weight:500!important}.order-page input:focus,.order-page select:focus,.order-page textarea:focus{border-color:var(--order-accent);box-shadow:0 0 0 3px #33879a21}.order-page .order-scroll-controls button{color:var(--order-accent)}.order-page .order-scroll-controls button:hover{border-color:var(--order-accent);background:var(--order-accent-soft)}@media (width<=700px){.order-time-picker{gap:6px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important}.order-time-picker select{height:48px;min-height:48px;padding-left:9px;padding-right:9px}}.order-filter-card--operational{grid-template-columns:minmax(220px,.75fr) minmax(320px,1.5fr) minmax(190px,.7fr) auto}.order-filter-card--operational small,.order-form-grid small{color:#7e6a74;font-size:11px;font-weight:500}.order-reset-filter{white-space:nowrap;align-self:end}.order-reset-filter-field{align-self:stretch;gap:6px;min-width:0;display:grid}.order-reset-filter-field>span{visibility:hidden;color:#8f295b;font-size:13px;font-weight:700;line-height:normal}.order-reset-filter-field .order-reset-filter{width:100%;margin:0}.order-table-wrap--operational{overscroll-behavior-inline:contain;max-width:100%;overflow:auto}.order-table--operational{table-layout:fixed;min-width:1700px}.order-table--operational thead{z-index:4;position:sticky;top:0}.order-table--operational th{background:#fbf8f9;min-width:105px;padding:8px}.order-table--operational th>span{color:#217f98;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.order-table--operational th select{color:#5a4650;width:100%;min-width:0;min-height:30px;font:inherit;background:#fff;border:1px solid #ded2d7;border-radius:7px;padding:4px 24px 4px 6px;font-size:11px}.order-col-product,.order-col-detail{width:190px}.order-col-addon,.order-col-pic{width:170px}.order-cell-clamp{-webkit-line-clamp:3;line-clamp:3;white-space:pre-wrap;-webkit-box-orient:vertical;overflow:hidden;color:#463740!important;font-size:13px!important;display:-webkit-box!important}.order-addon-list,.order-pic-readonly{flex-wrap:wrap;gap:4px;display:flex}.order-addon-list span,.order-pic-readonly span{background:#edf6f8;border-radius:999px;width:fit-content;padding:3px 7px;line-height:1.25;color:#287b90!important;margin:0!important;font-size:11px!important;display:inline-flex!important}.order-complete-badge,.order-hpp-incomplete-badge,.order-manual-product-badge,.order-point-incomplete-badge{border-radius:999px;align-items:center;width:fit-content;min-height:23px;padding:0 8px;font-weight:700;margin-top:5px!important;font-size:10px!important;display:inline-flex!important}.order-complete-badge{background:#e7f4eb;color:#37704a!important}.order-hpp-incomplete-badge,.order-point-incomplete-badge{background:#fff0dc;color:#9a5d15!important}.order-manual-product-badge{background:#f5e9f0;color:#8f295b!important}.order-status-select{color:#4c3b43;width:100%;min-height:34px;font:inherit;background:#fff;border:1px solid #d8cbd1;border-radius:8px;padding:5px 25px 5px 7px;font-size:12px}.order-actions--compact{gap:6px;display:grid}.order-button--edit{color:#236f82;background:#edf8fa;border-color:#2d8ca3}.order-detail-toggle{color:#7b5c6b;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;padding:2px 0;font-size:11px;font-weight:600}.order-row--expanded td{background:#fdfbfc;border-bottom-color:#0000}.order-expanded-row td{background:#fdfbfc;padding:0 12px 14px}.order-expanded-grid{background:#fff;border:1px solid #e5d9de;border-radius:10px;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;padding:12px;display:grid}.order-expanded-grid>div{min-width:0}.order-expanded-grid span,.order-expanded-grid strong{display:block}.order-expanded-grid span{color:#907982;margin-bottom:3px;font-size:11px}.order-expanded-grid strong{color:#403039;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;font-weight:600}.order-pic-select{position:relative}.order-pic-select>.order-pic-select__trigger{cursor:pointer;background:#fff;border:1px solid #d8cbd1;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;width:100%;min-height:34px;padding:5px 7px;font-size:12px;list-style:none;display:flex}.order-pic-select>.order-pic-select__trigger small{color:#8a727d;font-size:9px}.order-pic-select__menu{z-index:12;background:#fff;border:1px solid #d8cbd1;border-radius:9px;min-width:190px;max-height:220px;padding:7px;position:absolute;top:calc(100% + 4px);left:0;overflow:auto;box-shadow:0 10px 24px #412b3524}.order-pic-select__menu--portal{z-index:10050;margin:0}.order-pic-select__menu-heading{color:#47353e;justify-content:space-between;align-items:center;gap:8px;padding:2px 2px 6px;font-size:12px;display:flex}.order-pic-select__menu-heading button{color:#654d59;width:30px;min-width:30px;height:30px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d8cbd1;border-radius:8px;place-items:center;padding:0;font-size:20px;line-height:1;display:grid}.order-pic-select__menu label{color:#47353e;align-items:center;gap:7px;padding:6px;font-size:12px;font-weight:500;display:flex}.order-pic-select__menu input{width:auto}.order-impact-note{color:#286f80;background:#edf6f8;border-radius:8px;margin:0 0 7px;padding:8px 10px;font-size:12px;font-weight:600}.order-danger-zone{background:#fff8f8;border:1px solid #e5aeb6;border-radius:12px;gap:12px;margin-top:20px;padding:16px;display:grid}.order-danger-zone h3,.order-danger-zone p{margin:0}.order-danger-zone h3{color:#9b3343}.order-danger-zone p{color:#846a72;margin-top:4px;font-size:12px}.order-danger-zone>label{color:#8f295b;gap:6px;font-size:13px;font-weight:700;display:grid}.order-danger-zone textarea{font:inherit;resize:vertical;border:1px solid #d9cbd0;border-radius:9px;padding:9px}.order-danger-zone .order-button{justify-self:start}.order-cancel-unit-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.order-cancel-unit-list label{color:#513d46;background:#fff;border:1px solid #eadde1;border-radius:8px;align-items:center;gap:7px;padding:8px;font-size:12px;display:flex}.order-cancel-unit-list input{width:auto}.order-addon-autocomplete{min-width:0;position:relative}.order-addon-autocomplete input{width:100%}.order-addon-autocomplete__menu{z-index:30;background:#fff;border:1px solid #cfc2c8;border-radius:9px;max-height:260px;padding:5px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto;box-shadow:0 12px 28px #3a273029}.order-addon-autocomplete__menu button{color:#3f3037;cursor:pointer;width:100%;font:inherit;text-align:left;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:9px;display:flex}.order-addon-autocomplete__menu button:hover,.order-addon-autocomplete__menu button[data-active=true]{background:#eaf5f7}.order-addon-autocomplete__menu small{color:#287b90;white-space:nowrap}.order-addon-autocomplete__empty{color:#846f79;margin:0;padding:9px;font-size:12px}@media (width<=1200px){.order-filter-card--operational{grid-template-columns:repeat(2,minmax(0,1fr))}.order-expanded-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media (width<=760px){.order-filter-card--operational{grid-template-columns:1fr}.order-reset-filter{width:100%}.order-table-wrap--operational{overflow:visible}.order-table--operational,.order-table--operational tbody,.order-table--operational tr,.order-table--operational td{width:100%;min-width:0;display:block}.order-table--operational thead{display:none}.order-table--operational tr:not(.order-expanded-row){background:#fff;border:1px solid #e4d8dd;border-radius:12px;width:calc(100% - 20px);margin:10px;overflow:visible}.order-table--operational td{border-bottom:1px solid #f0e7ea;grid-template-columns:112px minmax(0,1fr);gap:8px;padding:8px 10px;display:grid}.order-table--operational td:before{content:attr(data-label);color:#217f98;font-size:11px;font-weight:700}.order-table--operational td:last-child{border-bottom:0}.order-actions--compact{grid-template-columns:1fr 1fr}.order-detail-toggle{text-align:center}.order-expanded-row{border:1px solid #e4d8dd;border-top:0;border-radius:0 0 12px 12px;width:calc(100% - 20px)!important;margin:-10px 10px 12px!important}.order-expanded-row td{padding:10px;display:block}.order-expanded-row td:before{display:none}.order-expanded-grid,.order-cancel-unit-list{grid-template-columns:1fr}.order-pic-select__menu{max-height:45vh;position:fixed;inset:auto 16px 90px}}.indonesian-date-input{gap:5px;min-width:0;display:grid}.indonesian-date-input__control{grid-template-columns:minmax(0,1fr) 42px;min-width:0;display:grid;position:relative}.indonesian-date-input__control>input[type=text]{border-top-right-radius:0;border-bottom-right-radius:0;width:100%;min-width:0;padding-right:12px}.indonesian-date-input__calendar{border:1px solid var(--order-border,#ddcfd6);color:#244b56;min-width:42px;font:inherit;cursor:pointer;background:#fff;border-left:0;border-radius:0 12px 12px 0}.indonesian-date-input__calendar:hover:not(:disabled),.indonesian-date-input__calendar:focus-visible{background:#edf7f8}.indonesian-date-input__calendar:disabled{cursor:not-allowed;opacity:.55}.indonesian-date-input__native{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;bottom:0;right:0}.indonesian-date-input__error{color:#b4233c;font-size:.78rem}.order-page{width:100%;min-width:0;max-width:none}.order-list-card,.order-filter-card--operational{width:100%;min-width:0}.order-table-wrap--operational{width:100%;max-width:none;overflow:auto visible}.order-table--operational{table-layout:fixed;width:100%;min-width:1540px}.order-table--operational th{vertical-align:middle;min-width:0;padding:8px 7px}.order-table--operational td{padding:10px 7px}.order-table-heading{justify-content:space-between;align-items:center;gap:5px;min-width:0;display:flex}.order-table-heading>span{color:#217f98;overflow-wrap:anywhere;min-width:0;font-size:11px;font-weight:700;line-height:1.2;display:block;margin:0!important}.order-header-filter-group{flex:none;align-items:center;gap:2px;display:flex}.order-header-filter{color:#6d5962;cursor:pointer;background:#fff;border:1px solid #d8cbd1;border-radius:6px;flex:0 0 23px;place-items:center;width:23px;height:23px;display:inline-grid;position:relative}.order-header-filter:hover,.order-header-filter:focus-within{border-color:var(--order-accent);background:var(--order-accent-soft);color:var(--order-accent-dark)}.order-header-filter--active{border-color:var(--order-accent);background:var(--order-accent);color:#fff}.order-header-filter svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:15px;height:15px}.order-header-filter select{opacity:0;cursor:pointer;height:100%;margin:0;position:absolute;inset:0;border:0!important;width:100%!important;min-height:0!important;padding:0!important}.order-time-value{white-space:nowrap;font-size:16px}.order-customer-cell strong,.order-customer-cell span{overflow-wrap:anywhere}.order-customer-cell>span{line-height:1.3;color:#806d76!important;margin-top:3px!important;font-size:11px!important}.order-data-statuses{justify-items:start;gap:4px;display:grid}.order-data-statuses .order-complete-badge,.order-data-statuses .order-incomplete-badge,.order-data-statuses .order-hpp-incomplete-badge{white-space:normal;line-height:1.2;margin-top:0!important}.order-actions--compact .order-button{width:100%;min-height:34px;padding-inline:7px;font-size:12px}.order-detail-toggle{text-align:center;width:100%}@media (width>=1500px){.order-table--operational{min-width:100%}}@media (width<=760px){.order-table--operational{min-width:0}.order-table-heading{display:none}}.order-filter-card--operational{grid-template-columns:minmax(210px,.72fr) minmax(360px,1.55fr) minmax(210px,.72fr) auto;align-items:end}.order-filter-card--operational>.order-flower-filter-field{display:none}.order-filter-card--operational>label,.order-filter-card--operational>form,.order-filter-card--operational>form>label,.order-filter-card--operational>.order-reset-filter{min-width:0;margin:0}.order-filter-card--operational>form,.order-filter-card--operational>form>label{width:100%}.order-filter-card--operational .indonesian-date-input>small{display:none!important}.order-filter-card--operational .indonesian-date-input__control,.order-filter-card--operational .order-search-row,.order-filter-card--operational>label>select,.order-filter-card--operational .order-reset-filter{min-height:50px}.order-filter-card--operational .indonesian-date-input__control>input,.order-filter-card--operational .indonesian-date-input__calendar,.order-filter-card--operational .order-search-row>input,.order-filter-card--operational .order-search-row>.order-button,.order-filter-card--operational>label>select,.order-filter-card--operational .order-reset-filter{height:50px;min-height:50px}.order-col-number .order-table-heading{justify-content:center}.order-number-cell{text-align:center!important;vertical-align:middle!important}.order-number-cell strong{white-space:nowrap;font-size:13px}.order-row-status--sedang-dibuat>td[data-label="Produk / Qty"]{background:#fff3c4}.order-row-status--menunggu-dikirim>td[data-label="Produk / Qty"],.order-row-status--menunggu-pickup>td[data-label="Produk / Qty"]{background:#e5f4ff}.order-row-status--selesai>td{background:#f1e8fb!important}.order-row-status--selesai:hover>td{background:#eadcf8!important}@media (width<=1100px){.order-filter-card--operational{grid-template-columns:minmax(190px,.8fr) minmax(300px,1.4fr) minmax(190px,.75fr) auto}}@media (width<=760px){.order-filter-card--operational{grid-template-columns:1fr;align-items:stretch}.order-filter-card--operational .indonesian-date-input__control,.order-filter-card--operational .order-search-row,.order-filter-card--operational>label>select,.order-filter-card--operational .order-reset-filter,.order-filter-card--operational .indonesian-date-input__control>input,.order-filter-card--operational .indonesian-date-input__calendar,.order-filter-card--operational .order-search-row>input,.order-filter-card--operational .order-search-row>.order-button{height:46px;min-height:46px}.order-number-cell{text-align:left!important}}.order-filter-card--operational .indonesian-date-input>:not(.indonesian-date-input__control):not(.indonesian-date-input__error){display:none!important}.order-page{padding-bottom:78px}.order-filter-card,.order-list-card{border-radius:12px}.order-filter-card--operational{padding-inline:10px}.order-list-card__heading{padding-inline:12px}.order-table--operational th,.order-table--operational td{padding-left:5px;padding-right:5px}.order-cell-clamp{font-weight:600!important}.order-row-status--sedang-dibuat>td[data-label=Produk]{background:#fff3c4}.order-row-status--menunggu-dikirim>td[data-label=Produk],.order-row-status--menunggu-pickup>td[data-label=Produk]{background:#e5f4ff}.daily-order-scroll-controls{right:max(10px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));z-index:45;gap:8px;display:grid;position:fixed}.daily-order-scroll-controls button{width:42px;height:42px;color:var(--order-accent-dark);cursor:pointer;font:inherit;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff5;border:1px solid #b9d5dc;border-radius:999px;place-items:center;padding:0;font-size:22px;line-height:1;display:grid;box-shadow:0 5px 16px #304a542e}.daily-order-scroll-controls button:hover,.daily-order-scroll-controls button:focus-visible{border-color:var(--order-accent);background:var(--order-accent-soft);outline:none}@media (width<=760px){.order-page{padding-bottom:72px}.order-table--operational{min-width:0}.order-filter-card--operational{padding-inline:10px}.daily-order-scroll-controls{right:max(8px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom))}.daily-order-scroll-controls button{width:40px;height:40px}}.order-filter-card--operational,.order-list-card{margin-inline:0}.order-filter-card--operational{padding-left:10px;padding-right:10px}.order-table--operational{min-width:1660px}.order-col-number{width:40px}.order-col-time{width:62px}.order-col-customer{width:168px}.order-col-flower{width:100px}.order-col-product{width:205px}.order-col-detail{width:235px}.order-col-wrapping{width:100px}.order-col-addon{width:145px}.order-col-paper-bag{width:60px}.order-col-method{width:96px}.order-col-pic{width:138px}.order-col-status{width:132px}.order-col-data{width:122px}.order-col-action{width:117px}.order-item-editor .order-form-grid--aligned>.order-field{align-self:start;min-width:0}.indonesian-date-input__control{z-index:6}.indonesian-date-calendar{z-index:80;color:#34272d;background:#fff;border:1px solid #d8cbd1;border-radius:14px;width:min(330px,100vw - 28px);padding:12px;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 18px 42px #39262f33}.indonesian-date-calendar__header{grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:7px;margin-bottom:9px;display:grid}.indonesian-date-calendar__header strong{text-align:center;font-size:14px}.indonesian-date-calendar__header button{color:#6b4e5b;cursor:pointer;width:34px;height:34px;font:inherit;background:#fff;border:1px solid #e1d5da;border-radius:9px;padding:0;font-size:21px;line-height:1}.indonesian-date-calendar__header button:hover{border-color:var(--order-accent);background:var(--order-accent-soft)}.indonesian-date-calendar__weekdays,.indonesian-date-calendar__days{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.indonesian-date-calendar__weekdays span{color:#8a747e;text-align:center;padding:4px 0 6px;font-size:10px;font-weight:700}.indonesian-date-calendar__empty,.indonesian-date-calendar__day{min-width:0;height:41px}.indonesian-date-calendar__day{color:#44333b;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:9px;grid-template-rows:22px 6px;align-content:center;place-items:center;padding:3px 1px 2px;font-size:12px;display:grid}.indonesian-date-calendar__day:hover{background:#f6eef2}.indonesian-date-calendar__day.is-selected{background:var(--order-accent);color:#fff;font-weight:700}.indonesian-date-calendar__marker{background:0 0;border-radius:999px;width:5px;height:5px;display:block}.indonesian-date-calendar__marker.is-visible{background:#bd477c}.indonesian-date-calendar__day.is-selected .indonesian-date-calendar__marker.is-visible{background:#fff}.indonesian-date-calendar__legend{color:#806d76;border-top:1px solid #eee4e8;align-items:center;gap:6px;margin:9px 2px 0;padding-top:9px;font-size:10px;font-weight:500;display:flex}.indonesian-date-calendar__legend i{background:#bd477c;border-radius:999px;flex:none;width:6px;height:6px}@media (width>=1720px){.order-table--operational{min-width:100%}}@media (width<=760px){.order-table--operational{min-width:0}.indonesian-date-calendar{width:min(350px,100vw - 24px);position:fixed;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}}.order-item-editor .order-form-grid--aligned{align-items:start}.order-item-editor .order-field,.order-item-editor .order-field--delivery-time{grid-template-rows:auto 50px;align-content:start;gap:7px;min-width:0;display:grid}.order-item-editor .order-field--delivery-time .order-field-label{min-height:18px;color:var(--order-accent);margin:0;font-size:13px;font-weight:700;line-height:18px;display:block}.order-item-editor .indonesian-date-input,.order-item-editor .indonesian-date-input__control,.order-item-editor .order-time-picker{width:100%;min-width:0}.order-item-editor .indonesian-date-input__control,.order-item-editor .order-time-picker,.order-item-editor .order-time-picker select{height:50px;min-height:50px}.order-item-editor .order-time-picker{align-items:center;gap:6px;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr)!important;display:grid!important}.order-item-editor .order-time-picker select{width:100%;min-width:0;margin:0}.order-item-editor .order-time-picker>strong{text-align:center;width:14px;margin:0;line-height:1}.indonesian-date-calendar__day{justify-content:center;align-items:flex-start;height:43px;padding:7px 1px 11px;line-height:18px;display:flex;position:relative}.indonesian-date-calendar__day>span{text-align:center;min-width:18px;display:block}.indonesian-date-calendar__marker{background:0 0;border-radius:999px;width:6px;height:6px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.indonesian-date-calendar__marker.is-visible{background:#b73372;box-shadow:0 0 0 1px #b7337214}.order-table--operational .order-table-heading>span{font-size:13px;font-weight:750;line-height:1.25}.order-table--operational th{padding-top:10px;padding-bottom:10px}@media (width<=760px){.order-item-editor .order-field,.order-item-editor .order-field--delivery-time{grid-template-rows:auto 48px}.order-item-editor .indonesian-date-input__control,.order-item-editor .order-time-picker,.order-item-editor .order-time-picker select{height:48px;min-height:48px}}.indonesian-date-calendar{max-height:calc(100vh - 24px);overflow-y:auto;z-index:100000!important;position:fixed!important;bottom:auto!important;right:auto!important;transform:none!important}.indonesian-date-calendar__day{min-height:44px;padding-bottom:13px;position:relative;overflow:visible}.indonesian-date-calendar__marker{background:0 0;border-radius:999px;width:7px;height:7px;display:block;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.indonesian-date-calendar__marker.is-visible{box-shadow:0 0 0 2px #fff;background:#b73372!important}.indonesian-date-calendar__day.is-selected .indonesian-date-calendar__marker.is-visible{box-shadow:0 0 0 1px #ffffff4d;background:#fff!important}@media (width<=760px){.indonesian-date-calendar{max-width:calc(100vw - 24px)}}.order-pic-cell{gap:7px;display:grid}.order-pic-points{gap:5px;display:grid}.order-pic-points label{color:#6b5660;grid-template-columns:minmax(0,1fr) 56px;align-items:center;gap:6px;font-size:10px;font-weight:600;display:grid}.order-pic-points label>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.order-pic-points input{color:#403039;width:56px;min-height:28px;font:inherit;text-align:center;background:#fff;border:1px solid #d8cbd1;border-radius:7px;padding:3px 5px;font-size:11px}.order-pic-points strong{color:#403039;justify-self:end;font-size:11px}.order-table--operational .order-col-pic{width:190px}.order-row--focused-payment{outline-offset:-2px;outline:2px solid #cd8f4fc7;animation:1.1s ease-in-out 2 order-payment-focus-pulse;box-shadow:0 0 0 5px #eecaa43d}@keyframes order-payment-focus-pulse{0%,to{box-shadow:0 0 0 3px #eecaa429}50%{box-shadow:0 0 0 7px #eecaa457}}@media (width<=760px){.order-modal__panel--multi input:not([type=checkbox]):not([type=radio]),.order-modal__panel--multi select,.order-modal__panel--multi textarea{font-size:16px!important}}.order-mobile-detail-line,.order-expanded-mobile-only{display:none!important}@media (width<=760px){.order-page .order-filter-card--operational{grid-template-columns:minmax(0,1fr) 136px!important;grid-template-areas:"date sort""search reset""flower flower"!important;align-items:stretch!important}.order-page .order-filter-card--operational>label:first-child{grid-area:date!important}.order-page .order-filter-card--operational>form{grid-area:search!important}.order-page .order-filter-card--operational>.order-sort-field{grid-area:sort!important}.order-page .order-filter-card--operational>.order-flower-filter-field{grid-area:flower!important;display:grid!important}.order-page .order-filter-card--operational>.order-reset-filter-field{grid-area:reset!important;grid-template-rows:10px 36px!important;align-self:stretch!important;gap:2px!important;margin:0!important;display:grid!important}.order-page .order-filter-card--operational>label,.order-page .order-filter-card--operational>form>label{grid-template-rows:10px 36px!important;align-self:stretch!important;gap:2px!important;margin:0!important;display:grid!important}.order-page .order-reset-filter-field>span{visibility:hidden!important;height:10px!important;display:block!important}.order-page .order-reset-filter-field>.order-reset-filter{align-self:stretch!important;width:100%!important;height:36px!important;min-height:36px!important;margin:0!important}}@media (width<=390px){.order-page .order-filter-card--operational{grid-template-columns:minmax(0,1fr) 128px!important}}@media (width<=760px){.order-modal input:not([type=checkbox]),.order-modal select,.order-modal textarea,.order-modal .rupiah-input input{font-size:16px!important}.order-addon-compact{gap:5px!important;padding:6px!important}.order-addon-toggle{gap:6px!important}.order-addon-toggle>input{width:17px!important;height:17px!important}.order-addon-toggle strong{font-size:12px!important}.order-addon-toggle small{display:none!important}.order-addon-expanded{gap:5px!important;padding-top:5px!important}.order-addon-expanded>div:first-child{justify-content:space-between!important;align-items:center!important;gap:6px!important;display:flex!important}.order-addon-expanded>div:first-child p{display:none!important}.order-addon-expanded>div:first-child .order-button{min-height:30px!important;padding:4px 8px!important;font-size:10px!important}.order-addon-list{gap:5px!important}.order-addon-list article{grid-template-columns:25px minmax(0,1fr) 66px 31px!important;align-items:end!important;gap:4px!important;padding:6px!important}.order-addon-number{grid-area:1/1!important;align-self:center!important;font-size:10px!important}.order-addon-field{gap:2px!important;font-size:9px!important}.order-addon-field--type{grid-area:1/2!important}.order-addon-field--qty{grid-area:1/3!important}.order-addon-field--name{grid-area:2/1/auto/3!important}.order-addon-field--price{grid-area:3/1/auto/3!important}.order-addon-list input,.order-addon-list select{height:32px!important;min-height:32px!important;padding:4px 7px!important;font-size:16px!important}.order-addon-subtotal{text-align:right!important;grid-area:2/3/auto/5!important;align-self:center!important}.order-addon-list article:has(.order-addon-field--price) .order-addon-subtotal{grid-row:3!important}.order-addon-subtotal span{font-size:8px!important}.order-addon-subtotal strong{margin-top:0!important;font-size:11px!important}.order-addon-delete{grid-area:1/4!important;width:31px!important;min-width:31px!important;height:31px!important;min-height:31px!important;padding:0!important;font-size:20px!important}.order-addon-delete__label{display:none!important}.order-list-card__heading{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;display:grid!important}.order-list-card__heading>div{align-items:baseline!important;gap:5px!important;display:flex!important}.order-list-card__heading p{margin:0!important}.order-list-card__heading .order-button{align-self:center!important}.order-page{gap:10px!important;padding-bottom:66px!important}.order-page__header{gap:8px!important;padding-inline:2px!important}.order-page__header h1{font-size:1.4rem!important;line-height:1.15!important}.order-page__header p{margin-top:3px!important;font-size:.78rem!important;line-height:1.35!important}.order-filter-card--operational{border-radius:12px!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;padding:9px!important;display:grid!important}.order-filter-card--operational>form{min-width:0}.order-filter-card--operational label{gap:4px!important;font-size:10px!important}.order-filter-card--operational input,.order-filter-card--operational select,.order-filter-card--operational .order-button,.order-filter-card--operational .indonesian-date-input__control{height:38px!important;min-height:38px!important;font-size:11px!important}.order-search-row{gap:5px!important}.order-search-row .order-button{padding-inline:10px!important}.order-reset-filter{align-self:end;width:100%!important}.order-list-card{border-radius:12px!important;padding:0!important;overflow:visible!important}.order-list-card__heading{min-height:44px!important;padding:8px 9px!important}.order-list-card__heading h2{font-size:14px!important}.order-list-card__heading p{margin-top:1px!important;font-size:10px!important}.order-list-card__heading .order-button{min-height:34px!important;padding:0 10px!important;font-size:10px!important}.order-table-wrap--operational{border-radius:0 0 12px 12px;width:100%!important;overflow:visible!important}.order-table--operational{table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important;width:100%!important;min-width:0!important;display:table!important}.order-table--operational thead{display:table-header-group!important}.order-table--operational tbody{display:table-row-group!important}.order-table--operational tr:not(.order-expanded-row){cursor:pointer;background:#fff;border:0!important;border-radius:0!important;width:auto!important;margin:0!important;display:table-row!important}.order-table--operational th,.order-table--operational td{display:none!important}.order-table--operational th:nth-child(2),.order-table--operational td:nth-child(2),.order-table--operational th:nth-child(3),.order-table--operational td:nth-child(3),.order-table--operational th:nth-child(5),.order-table--operational td:nth-child(5),.order-table--operational th:nth-child(12),.order-table--operational td:nth-child(12){vertical-align:middle!important;border-bottom:1px solid #eee5e9!important;width:auto!important;min-width:0!important;display:table-cell!important}.order-table--operational th:nth-child(2),.order-table--operational td:nth-child(2){width:14%!important}.order-table--operational th:nth-child(3),.order-table--operational td:nth-child(3){width:29%!important}.order-table--operational th:nth-child(5),.order-table--operational td:nth-child(5){width:34%!important}.order-table--operational th:nth-child(12),.order-table--operational td:nth-child(12){width:23%!important}.order-table--operational .order-header-filter,.order-table--operational .order-header-filter-group{display:none!important}.order-table--operational th{z-index:12!important;color:#76515f!important;background:#f8f1f4!important;height:34px!important;padding:5px 4px!important;font-size:9px!important;line-height:1.15!important;position:sticky!important;top:52px!important}.order-table--operational th:nth-child(3) .order-table-heading>span{font-size:0!important}.order-table--operational th:nth-child(3) .order-table-heading>span:after{content:"Order / Customer";font-size:9px}.order-table--operational td{color:#41343a!important;min-height:0!important;padding:7px 5px!important;font-size:10px!important;line-height:1.22!important}.order-table--operational td:before{display:none!important}.order-table--operational td strong,.order-table--operational td span{text-overflow:ellipsis;min-width:0;overflow:hidden}.order-time-value{white-space:nowrap;font-size:11px!important}.order-customer-cell{display:table-cell!important}.order-customer-cell>*{display:block}.order-customer-number{white-space:nowrap;margin-bottom:2px;color:#8f295b!important;font-size:9px!important;font-weight:800!important}.order-customer-name{white-space:nowrap;font-size:10px!important;font-weight:700!important}.order-customer-whatsapp{display:none!important}.order-product-cell>strong,.order-product-cell>span{display:block}.order-product-cell>strong{white-space:nowrap;font-size:10px!important;font-weight:800!important}.order-mobile-detail-line{-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:2px;color:#75636b!important;white-space:normal!important;font-size:9px!important;font-weight:500!important;line-height:1.2!important;display:-webkit-box!important}.order-status-select{border-radius:8px!important;width:100%!important;min-width:0!important;height:30px!important;min-height:30px!important;padding:2px 4px!important;font-size:9px!important;line-height:1.1!important}.order-status{max-width:100%;white-space:normal!important;padding:4px 5px!important;font-size:8.5px!important;line-height:1.1!important;display:inline-flex!important}.order-row--mobile-expandable:focus-visible td{outline-offset:-2px;outline:2px solid #8f295b47}.order-row--mobile-expandable[aria-expanded=true] td{border-bottom-color:#0000!important}.order-expanded-row{border:0!important;width:auto!important;margin:0!important;display:table-row!important}.order-expanded-row>td{background:#fffafc!important;border-bottom:1px solid #d8cbd1!important;width:auto!important;padding:8px!important;display:table-cell!important}.order-expanded-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;display:grid!important}.order-expanded-grid>div{background:#fff;border:1px solid #eee3e8;border-radius:9px;min-width:0;padding:7px!important}.order-expanded-grid>div>span{font-size:8.5px!important}.order-expanded-grid>div>strong{overflow-wrap:anywhere;margin-top:2px!important;font-size:10px!important}.order-expanded-mobile-only{display:grid!important}.order-expanded-mobile-action{grid-column:1/-1;background:0 0!important;border:0!important;padding:2px 0 0!important}.order-expanded-mobile-action .order-button{width:100%;min-height:36px!important}.order-modal{place-items:center!important;padding:10px!important;display:grid!important}.order-modal__stage{width:100%!important;max-width:calc(100vw - 20px)!important;height:auto!important;margin:0 auto!important;padding:0!important;display:block!important}.order-modal__panel,.order-modal__panel--multi{border-radius:16px!important;width:100%!important;max-width:100%!important;max-height:calc(100dvh - 20px)!important;margin:0 auto!important}.order-modal__header,.order-modal__footer,.order-modal__body{padding:10px 12px!important}.order-modal__header h2{font-size:1.05rem!important}.order-scroll-controls{display:none!important}.order-page:has(.order-modal) .daily-order-scroll-controls{display:none!important}.daily-order-scroll-controls{gap:5px!important;bottom:58px!important;right:7px!important}.daily-order-scroll-controls button{width:34px!important;height:34px!important;font-size:16px!important}}@media (width<=390px){.order-filter-card--operational{grid-template-columns:1fr!important}.order-table--operational th:nth-child(2),.order-table--operational td:nth-child(2){width:15%!important}.order-table--operational th:nth-child(3),.order-table--operational td:nth-child(3){width:28%!important}.order-table--operational th:nth-child(5),.order-table--operational td:nth-child(5){width:34%!important}.order-table--operational th:nth-child(12),.order-table--operational td:nth-child(12){width:23%!important}}@media (width<=760px){.order-table-wrap--operational{overflow:hidden visible!important}.order-table--operational{table-layout:auto!important;width:100%!important;min-width:0!important;display:block!important}.order-table--operational thead,.order-table--operational tbody{width:100%!important;display:block!important}.order-table--operational thead{z-index:15!important;background:#f8f1f4!important;position:sticky!important;top:58px!important}.order-table--operational thead>tr,.order-table--operational tbody>tr:not(.order-expanded-row){border:0!important;border-radius:0!important;grid-template-columns:54px minmax(0,1.08fr) minmax(0,1.22fr) 104px!important;width:100%!important;margin:0!important;display:grid!important;overflow:visible!important}.order-table--operational th,.order-table--operational td{grid-template-columns:none!important;gap:0!important;width:auto!important;min-width:0!important;max-width:none!important;display:none!important}.order-table--operational th.order-col-time,.order-table--operational td[data-label=Jam],.order-table--operational th.order-col-customer,.order-table--operational td.order-customer-cell,.order-table--operational th.order-col-product,.order-table--operational td.order-product-cell,.order-table--operational th.order-col-status,.order-table--operational td[data-label=Status]{display:block!important}.order-table--operational th{color:#76515f!important;background:#f8f1f4!important;border-bottom:1px solid #e8dce1!important;height:auto!important;padding:7px 5px!important;font-size:9px!important;line-height:1.15!important;position:static!important}.order-table--operational th.order-col-customer .order-table-heading>span{font-size:0!important}.order-table--operational th.order-col-customer .order-table-heading>span:after{content:"Order / Customer";font-size:9px!important}.order-table--operational td{background:inherit!important;color:#41343a!important;border-bottom:1px solid #eee5e9!important;padding:8px 5px!important;font-size:10px!important;line-height:1.18!important}.order-table--operational td:before{content:none!important;display:none!important}.order-table--operational .order-customer-name,.order-table--operational .order-customer-number,.order-table--operational .order-product-cell>strong,.order-table--operational .order-mobile-detail-line{text-overflow:ellipsis!important;max-width:100%!important;overflow:hidden!important}.order-table--operational .order-customer-name,.order-table--operational .order-customer-number,.order-table--operational .order-product-cell>strong{white-space:nowrap!important}.order-table--operational .order-status-select{width:100%!important;min-width:0!important;max-width:100%!important;height:32px!important;min-height:32px!important;padding:2px 20px 2px 5px!important;font-size:9px!important;display:block!important}.order-table--operational .order-row--mobile-expandable{cursor:pointer!important}.order-table--operational .order-expanded-row{width:100%!important;margin:0!important;display:block!important}.order-table--operational .order-expanded-row>td{width:100%!important;display:block!important}}@media (width<=390px){.order-table--operational thead>tr,.order-table--operational tbody>tr:not(.order-expanded-row){grid-template-columns:48px minmax(0,1fr) minmax(0,1.12fr) 94px!important}}@media (width<=760px){.order-table--operational .order-table-heading{justify-content:flex-start!important;align-items:center!important;gap:0!important;min-width:0!important;display:flex!important}.order-table--operational .order-table-heading>span{color:#76515f!important;text-overflow:ellipsis!important;white-space:normal!important;width:100%!important;max-width:100%!important;margin:0!important;font-size:9px!important;line-height:1.15!important;display:block!important;overflow:hidden!important}.order-table--operational td>*{width:auto!important;max-width:100%!important}.order-table--operational td.order-customer-cell>*,.order-table--operational td.order-product-cell>*{width:100%!important;max-width:100%!important}.order-table--operational th.order-col-time .order-table-heading>span:after,.order-table--operational th.order-col-product .order-table-heading>span:after,.order-table--operational th.order-col-status .order-table-heading>span:after{content:none!important}.order-page input,.order-page select,.order-page textarea,.order-modal input,.order-modal select,.order-modal textarea,.order-filter-card--operational input,.order-filter-card--operational select,.order-filter-card--operational .indonesian-date-input__control>input{font-size:16px!important}.order-table--operational .order-status-select{text-overflow:ellipsis!important;max-width:100%!important;padding-left:5px!important;padding-right:18px!important}.order-page .indonesian-date-input__control{grid-template-columns:minmax(0,1fr) 44px!important;align-items:stretch!important}.order-page .indonesian-date-input__calendar{place-items:center!important;width:44px!important;min-width:44px!important;height:100%!important;min-height:44px!important;padding:0!important;line-height:1!important;display:grid!important}.order-page .indonesian-date-input__calendar svg{flex:0 0 19px!important;width:19px!important;min-width:19px!important;height:19px!important;min-height:19px!important;margin:0!important;display:block!important}}.order-mobile-overview{display:none}@media (width<=760px){.order-desktop-table-only{display:none!important}.order-mobile-overview{background:#fff;border-top:1px solid #eadfe4;width:100%!important;display:block!important;overflow:hidden!important}.order-mobile-overview__header,.order-mobile-overview__row{grid-template-columns:46px minmax(0,1.05fr) minmax(0,1.25fr) 92px!important;width:100%!important;min-width:0!important;display:grid!important}.order-mobile-overview__header{z-index:16;background:#f7f0f3;border-bottom:1px solid #dfd0d7;position:sticky;top:58px}.order-mobile-overview__header>div{color:#76515f;overflow-wrap:normal;word-break:normal;min-width:0;padding:8px 5px;font-size:10px;font-weight:800;line-height:1.15}.order-mobile-overview__row{background:#fff;border-bottom:1px solid #eee5e9;align-items:stretch;min-height:58px}.order-mobile-overview__row>div{flex-direction:column;justify-content:center;min-width:0;padding:8px 5px;display:flex;overflow:hidden}.order-mobile-overview__time{white-space:nowrap;font-size:11px;font-weight:800}.order-mobile-overview__customer strong,.order-mobile-overview__product strong,.order-mobile-overview__customer span,.order-mobile-overview__product span{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;display:block;overflow:hidden}.order-mobile-overview__customer strong{color:#8f295b;font-size:10px}.order-mobile-overview__customer span,.order-mobile-overview__product span{color:#78666e;margin-top:3px;font-size:9.5px}.order-mobile-overview__product strong{color:#3f3338;font-size:10px}.order-mobile-overview__status{padding:6px 4px!important}.order-mobile-status-select{text-overflow:ellipsis;display:block;color:#4a3b42!important;background-color:#fff!important;border:1px solid #ddced5!important;border-radius:8px!important;width:100%!important;min-width:0!important;height:38px!important;min-height:38px!important;margin:0!important;padding:0 20px 0 6px!important;font-size:16px!important;line-height:1!important}.order-mobile-overview__row.order-row-status--sedang-dibuat .order-mobile-overview__product{background:#fff3c7}.order-mobile-overview__row.order-row-status--menunggu-pickup .order-mobile-overview__product,.order-mobile-overview__row.order-row-status--menunggu-dikirim .order-mobile-overview__product{background:#e8f4fb}.order-mobile-overview__row.order-row-status--selesai>div{background:#f3eafa}.order-mobile-overview__detail{background:#fffafc;border-bottom:1px solid #d8cbd1;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px;display:grid!important}.order-mobile-overview__detail>div{background:#fff;border:1px solid #eee3e8;border-radius:9px;min-width:0;padding:7px}.order-mobile-overview__detail span,.order-mobile-overview__detail strong{display:block}.order-mobile-overview__detail span{color:#8c737e;font-size:9px;font-weight:700}.order-mobile-overview__detail strong{color:#3f3338;overflow-wrap:anywhere;margin-top:2px;font-size:10px;line-height:1.25}.order-mobile-overview__detail--wide,.order-mobile-overview__detail-action{grid-column:1/-1}.order-mobile-overview__detail-action{background:0 0!important;border:0!important;padding:0!important}.order-mobile-overview__detail-action .order-button{width:100%;min-height:38px}.daily-order-scroll-controls{opacity:.88;bottom:64px!important;right:4px!important}.daily-order-scroll-controls button{width:32px!important;height:32px!important}}@media (width<=390px){.order-mobile-overview__header,.order-mobile-overview__row{grid-template-columns:42px minmax(0,1.02fr) minmax(0,1.18fr) 88px!important}}@media (width<=760px){.order-field--detail-order textarea{resize:vertical!important;height:auto!important;min-height:132px!important;line-height:1.4!important}.order-order-summary-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:12px 0 4px!important;padding:0!important;display:grid!important}.order-order-summary-breakdown>div{background:#fff!important;border:1px solid #eee3e8!important;border-radius:12px!important;min-width:0!important;padding:10px 11px!important}.order-order-summary-breakdown span,.order-order-summary-breakdown strong{display:block!important}.order-order-summary-breakdown span{color:#8a737d!important;font-size:12px!important;line-height:1.2!important}.order-order-summary-breakdown strong{color:#382c31!important;margin-top:4px!important;font-size:15px!important}.order-sticky-summary--grand-only{background:#fffafcfa!important;border-top:1px solid #eadfe4!important;flex:none!important;padding:7px 12px 5px!important;display:block!important}.order-sticky-summary--grand-only .order-sticky-summary__grand{border-radius:11px!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;min-height:44px!important;padding:8px 11px!important;display:flex!important}.order-sticky-summary--grand-only .order-sticky-summary__grand span,.order-sticky-summary--grand-only .order-sticky-summary__grand strong{margin:0!important;line-height:1.15!important}.order-sticky-summary--grand-only .order-sticky-summary__grand span{font-size:12px!important}.order-sticky-summary--grand-only .order-sticky-summary__grand strong{font-size:17px!important}.order-modal__footer{background:#fffafcfa!important;flex:none!important;gap:8px!important;padding:7px 12px 10px!important}.order-modal__footer .order-button{min-height:44px!important;padding:8px 10px!important;font-size:16px!important}}@media (width<=390px){.order-order-summary-breakdown{gap:6px!important}.order-order-summary-breakdown>div{padding:9px!important}}@media (width<=760px){.order-page,.order-page__header,.order-filter-card,.order-list-card,.order-mobile-overview,.order-mobile-overview__body,.order-mobile-overview__header,.order-mobile-overview__row,.order-mobile-overview__detail{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important}.order-page{overflow-x:clip!important}.order-list-card,.order-mobile-overview{overflow:visible!important}.order-mobile-overview__header,.order-mobile-overview__row{grid-template-columns:44px minmax(0,1.45fr) minmax(0,1.55fr) 82px!important}.order-mobile-overview__header{z-index:30!important;position:sticky!important;top:76px!important;box-shadow:0 1px #dfd0d7!important}.order-mobile-overview__header>div{white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;padding:7px 4px!important;font-size:10px!important;line-height:1.1!important}.order-mobile-overview__row{min-height:72px!important}.order-mobile-overview__row>div{padding:7px 5px!important;overflow:hidden!important}.order-mobile-overview__time{font-size:11px!important;line-height:1.15!important}.order-mobile-overview__customer strong,.order-mobile-overview__customer span,.order-mobile-overview__product strong,.order-mobile-overview__product span{text-overflow:ellipsis!important;white-space:nowrap!important;width:100%!important;min-width:0!important;max-width:100%!important;display:block!important;overflow:hidden!important}.order-mobile-customer-name{color:#3f3338!important;font-size:10.5px!important;font-weight:800!important}.order-mobile-order-number{color:#8f295b!important;margin-top:3px!important;font-size:9.5px!important;font-weight:800!important}.order-mobile-whatsapp{color:#7c6a72!important;margin-top:2px!important;font-size:9px!important;font-weight:600!important}.order-mobile-overview__product strong{font-size:10px!important;line-height:1.18!important}.order-mobile-overview__product span{margin-top:3px!important;font-size:9px!important;line-height:1.18!important}.order-mobile-overview__status{justify-content:center!important;align-items:center!important;gap:4px!important;padding:5px 3px!important;overflow:visible!important}.order-mobile-status-badge{color:#4a3b42!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important;background:#fff!important;border:1px solid #ddced5!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:34px!important;padding:4px 3px!important;font-size:9.5px!important;font-weight:800!important;line-height:1.1!important;display:flex!important}.order-mobile-expand-hint{color:#8c737e!important;font-size:8px!important;line-height:1!important;display:block!important}.order-mobile-overview__status-editor{background:#fff!important;border:1px solid #eee3e8!important;border-radius:9px!important;grid-column:1/-1!important;min-width:0!important;padding:7px!important;display:block!important}.order-mobile-overview__status-editor>span{color:#8c737e!important;margin-bottom:5px!important;font-size:9px!important;font-weight:700!important;display:block!important}.order-mobile-status-select--detail{text-overflow:clip!important;width:100%!important;height:42px!important;min-height:42px!important;padding:0 34px 0 10px!important;font-size:16px!important}.order-form-grid--aligned{grid-auto-rows:auto!important;align-items:start!important}.order-field--detail-order{flex-direction:column!important;grid-column:1/-1!important;align-self:start!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;display:flex!important}.order-field--detail-order textarea{box-sizing:border-box!important;resize:vertical!important;width:100%!important;min-width:0!important;height:140px!important;min-height:140px!important;max-height:none!important;margin:6px 0 0!important;line-height:1.4!important;display:block!important}.order-field--detail-order+.order-field{grid-column:1/-1!important;width:100%!important;min-width:0!important;margin-top:2px!important}}@media (width<=390px){.order-mobile-overview__header,.order-mobile-overview__row{grid-template-columns:40px minmax(0,1.5fr) minmax(0,1.45fr) 78px!important}.order-mobile-status-badge{font-size:9px!important}}@media (width<=760px){.order-mobile-price-breakdown{grid-column:1/-1;gap:0;display:grid;overflow:hidden;background:#fff!important;border:1px solid #dfd0d7!important;border-radius:11px!important;padding:0!important}.order-mobile-price-breakdown__title{color:#8f295b;letter-spacing:.02em;background:#fbf5f8;border-bottom:1px solid #eee3e8;padding:8px 10px;font-size:10px;font-weight:800}.order-mobile-price-breakdown__row{border-bottom:1px solid #f1e8ec;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:32px;padding:7px 10px;display:grid}.order-mobile-price-breakdown__row:last-child{border-bottom:0}.order-mobile-price-breakdown__row span,.order-mobile-price-breakdown__row strong{margin:0;font-size:11px;line-height:1.25;display:block}.order-mobile-price-breakdown__row span{color:#75636b;font-weight:650}.order-mobile-price-breakdown__row strong{color:#3d3036;text-align:right;white-space:nowrap;font-weight:800}.order-mobile-price-breakdown__row--grand{background:#f7eaf0}.order-mobile-price-breakdown__row--grand span,.order-mobile-price-breakdown__row--grand strong{color:#8f295b;font-weight:900}.order-page .indonesian-date-input__control{background:#fff!important;border:1px solid #d8cdd2!important;border-radius:14px!important;grid-template-columns:minmax(0,1fr) 48px!important;display:grid!important;overflow:hidden!important}.order-page .indonesian-date-input__control>input{width:100%!important;min-width:0!important;height:48px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;margin:0!important}.order-page .indonesian-date-input__calendar{width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;box-shadow:none!important;background:#f5fbfc!important;border:0!important;border-left:1px solid #d8cdd2!important;border-radius:0!important;margin:0!important}}.order-close-confirm{z-index:10020;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.order-close-confirm__backdrop{background:#271f2385;border:0;width:100%;height:100%;position:absolute;inset:0}.order-close-confirm__dialog{z-index:1;text-align:center;background:#fff;border:1px solid #eadde2;border-radius:24px;width:min(100%,390px);padding:24px;position:relative;box-shadow:0 24px 60px #301f263d}.order-close-confirm__icon{color:#8b2d5b;background:#f8e9ef;border-radius:18px;place-items:center;width:54px;height:54px;margin:0 auto 14px;font-size:28px;font-weight:800;display:grid}.order-close-confirm__dialog h3{color:#32272d;margin:0;font-size:20px}.order-close-confirm__dialog p{color:#81747a;margin:8px 0 20px;font-size:15px}.order-close-confirm__actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.order-close-confirm__actions button{color:#4d3d45;min-height:48px;font:inherit;background:#fff;border:1px solid #dccfd5;border-radius:14px;font-weight:700}.order-close-confirm__actions .order-close-confirm__submit{color:#fff;background:#8b2d5b;border-color:#8b2d5b}@media (width<=760px){.order-page .indonesian-date-input__control{align-items:center!important}.order-page .indonesian-date-input__control>input{vertical-align:middle!important;height:48px!important;min-height:48px!important;padding:0 16px!important;line-height:48px!important;display:block!important}.order-page .indonesian-date-input__calendar{place-items:center!important;height:48px!important;min-height:48px!important;padding:0!important;line-height:1!important;display:grid!important}.order-page .indonesian-date-input__calendar svg{margin:0!important;display:block!important;transform:none!important}.order-filter-card--operational .indonesian-date-input__control>input,.order-page .indonesian-date-input__control>input{transform:translateY(-4px);padding-top:0!important;padding-bottom:0!important;line-height:normal!important}.order-filter-card--operational .indonesian-date-input__calendar svg,.order-page .indonesian-date-input__calendar svg{transform:translateY(-4px)!important}.order-mobile-pic-editor,.order-expanded-mobile-pic-editor{position:relative;overflow:visible!important}.order-mobile-pic-editor .order-pic-select,.order-expanded-mobile-pic-editor .order-pic-select{width:100%;margin-top:4px}.order-mobile-pic-editor .order-pic-select>.order-pic-select__trigger,.order-expanded-mobile-pic-editor .order-pic-select>.order-pic-select__trigger{color:#3f3338;border-color:#d8cbd1;border-radius:9px;min-height:38px;padding:7px 9px;font-size:11px;font-weight:700}.order-mobile-pic-editor .order-pic-select__menu,.order-expanded-mobile-pic-editor .order-pic-select__menu{z-index:10050}.order-filter-card--operational{grid-template-columns:minmax(0,1fr) 136px!important;grid-template-areas:"date sort""search reset"!important;align-items:stretch!important}.order-filter-card--operational>label:first-child{grid-area:date!important}.order-filter-card--operational>form{grid-area:search!important}.order-filter-card--operational>.order-sort-field{grid-area:sort!important}.order-filter-card--operational>.order-reset-filter-field{grid-area:reset!important}.order-filter-card--operational>label,.order-filter-card--operational>form>label,.order-filter-card--operational>.order-reset-filter-field{grid-template-rows:10px 36px!important;align-self:stretch!important;gap:2px!important;margin:0!important;display:grid!important}.order-filter-card--operational>.order-reset-filter-field>span{visibility:hidden!important;height:10px!important;font-size:8.5px!important;line-height:10px!important;display:block!important}.order-filter-card--operational .order-reset-filter-field .order-reset-filter{align-self:stretch!important;width:100%!important;height:36px!important;min-height:36px!important;margin:0!important}.order-pic-select__menu{z-index:10050!important}}@media (width<=390px){.order-filter-card--operational{grid-template-columns:minmax(0,1fr) 128px!important}}@media (width<=760px){.order-mobile-overview__row.order-row--focused-payment{background:#fff8ee!important;border-color:#d29a68!important}.order-page{gap:7px!important}.order-page__header--compact{padding:0!important;display:block!important}.order-page__header--compact .order-header-actions{width:100%!important;display:block!important}.order-page__header--compact .order-button--primary{width:100%!important;height:36px!important;min-height:36px!important;padding:0 10px!important;font-size:12px!important}.order-filter-card--operational{border-radius:10px!important;grid-template-columns:minmax(0,1fr) 126px!important;grid-template-areas:"date sort""search reset"!important;align-items:end!important;gap:5px 6px!important;padding:7px!important}.order-filter-card--operational>label:first-child{grid-area:date}.order-filter-card--operational>form{grid-area:search}.order-filter-card--operational>label:nth-of-type(2){grid-area:sort}.order-filter-card--operational>.order-reset-filter{grid-area:reset}.order-filter-card--operational label{gap:2px!important;min-width:0!important;font-size:8.5px!important;line-height:1.1!important}.order-filter-card--operational .order-search-row{gap:4px!important}.order-filter-card--operational input,.order-filter-card--operational select,.order-filter-card--operational .order-button,.order-filter-card--operational .indonesian-date-input__control{height:36px!important;min-height:36px!important}.order-filter-card--operational input,.order-filter-card--operational select{min-width:0!important;padding-block:0!important;padding-inline:7px!important;font-size:16px!important}.order-filter-card--operational input::placeholder{font-size:10px!important}.order-filter-card--operational .order-search-row .order-button{width:42px!important;min-width:42px!important;padding:0 3px!important;font-size:9px!important}.order-filter-card--operational .order-reset-filter{width:100%!important;min-width:0!important;padding:0 4px!important;font-size:8.75px!important}.order-filter-card--operational .indonesian-date-input__control{border-radius:9px!important;grid-template-columns:minmax(0,1fr) 36px!important}.order-filter-card--operational .indonesian-date-input__control>input{height:36px!important;min-height:36px!important;padding:0 5px!important;transform:none!important}.order-filter-card--operational .indonesian-date-input__calendar{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}.order-filter-card--operational .indonesian-date-input__calendar svg{width:16px!important;min-width:16px!important;height:16px!important;min-height:16px!important;transform:none!important}.order-list-card__heading{min-height:38px!important;padding:5px 7px!important}.order-list-card__heading h2{font-size:12px!important}.order-list-card__heading p{font-size:8.5px!important}.order-list-card__heading .order-button{height:30px!important;min-height:30px!important;padding:0 7px!important;font-size:8.75px!important}.order-mobile-overview__header{position:static!important}.order-mobile-overview__header>div{padding:5px 4px!important;font-size:8.5px!important}.order-mobile-overview__row{min-height:52px!important}.order-mobile-overview__row>div{padding:5px 4px!important}.order-mobile-overview__time{font-size:9.5px!important}.order-mobile-overview__customer strong,.order-mobile-overview__product strong{font-size:9px!important}.order-mobile-overview__customer span,.order-mobile-overview__product span{margin-top:1px!important;font-size:8px!important}.order-mobile-status-badge{padding:3px 4px!important;font-size:8px!important;line-height:1.05!important}.order-modal{padding:6px!important}.order-modal__stage{max-width:calc(100vw - 12px)!important}.order-modal__panel,.order-modal__panel--multi{border-radius:13px!important;max-height:calc(100dvh - 12px)!important}.order-modal__header{min-height:50px!important;padding:7px 9px!important}.order-modal__header .page-eyebrow{margin-bottom:1px!important;font-size:9px!important}.order-modal__header h2{font-size:15px!important;line-height:1.1!important}.order-modal__header>.order-button{height:34px!important;min-height:34px!important;padding:0 9px!important;font-size:11px!important}.order-modal__body{gap:7px!important;padding:7px 8px!important}.order-form-section,.order-item-editor{border-radius:11px!important;gap:7px!important;padding:8px!important}.order-form-section h3,.order-item-editor__header h3{margin:0!important;font-size:14px!important;line-height:1.15!important}.order-form-section>div>p,.order-item-editor__header .page-eyebrow{margin:0!important;font-size:9px!important;line-height:1.25!important}.order-item-editor__header{align-items:center!important;gap:6px!important;padding-bottom:5px!important}.order-item-editor__header>div{align-items:baseline!important;gap:6px!important;display:flex!important}.order-item-editor__header .order-button{min-height:30px!important;padding:0 7px!important;font-size:9px!important}.order-form-grid,.order-form-grid--aligned,.order-commerce-fields{gap:7px!important}.order-form-section--customer .order-form-grid,.order-item-editor>.order-form-grid--aligned,.order-item-editor>.order-commerce-fields,.order-manual-product-form .order-form-grid--aligned{grid-template-columns:repeat(2,minmax(0,1fr))!important}.order-item-editor .order-field,.order-item-editor .order-field--delivery-time,.order-modal .order-form-grid label{min-width:0!important;height:auto!important;min-height:0!important;color:var(--order-accent)!important;flex-direction:column!important;grid-template-rows:none!important;align-content:stretch!important;gap:3px!important;font-size:10.5px!important;line-height:1.15!important;display:flex!important}.order-item-editor .order-field-label{min-height:0!important;color:var(--order-accent)!important;font-size:10.5px!important;line-height:1.15!important}.order-modal .order-field-helper,.order-modal .order-form-grid label>span,.order-copy-main>span{margin:0!important;font-size:8.5px!important;line-height:1.2!important}.order-modal .order-field-helper--empty{display:none!important}.order-modal input:not([type=checkbox]),.order-modal select,.order-modal textarea,.order-item-editor .order-time-picker,.order-item-editor .order-time-picker select,.order-item-editor .indonesian-date-input__control{box-sizing:border-box!important;border-radius:9px!important;min-width:0!important;height:40px!important;min-height:40px!important;padding-block:0!important;padding-inline:8px!important;font-size:16px!important}.order-item-editor .order-time-picker{grid-template-columns:minmax(0,1fr) 8px minmax(0,1fr)!important;gap:3px!important;padding:0!important}.order-item-editor .order-time-picker>strong{width:8px!important;font-size:12px!important}.order-modal .indonesian-date-input__control{grid-template-columns:minmax(0,1fr) 40px!important;padding:0!important}.order-modal .indonesian-date-input__control>input{height:40px!important;min-height:40px!important;transform:none!important}.order-modal .indonesian-date-input__calendar{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}.order-modal .indonesian-date-input__calendar svg{transform:none!important}.order-product-autocomplete,.order-field--full,.order-field--detail-order,.order-field--detail-order+.order-field,.order-item-editor .order-commerce-fields>:last-child{grid-column:1/-1!important}.order-modal textarea,.order-field--detail-order textarea{resize:vertical!important;height:64px!important;min-height:64px!important;padding-block:7px!important;line-height:1.3!important}.order-field--detail-order textarea{height:92px!important;min-height:92px!important;margin-top:0!important}.order-selected-product,.order-manual-product-trigger,.order-manual-product-form,.order-similar-product-warning,.order-copy-main{border-radius:9px!important;gap:5px!important;padding:7px!important;font-size:9.5px!important}.order-selected-product strong,.order-manual-product-trigger strong,.order-manual-product-form__heading strong{font-size:10.5px!important}.order-selected-product span,.order-manual-product-form__heading span{font-size:8.5px!important;line-height:1.2!important}.order-selected-product .order-button,.order-manual-product-form .order-button{min-height:30px!important;padding:0 7px!important;font-size:9px!important}.order-order-summary-breakdown{gap:5px!important;margin:7px 0 1px!important}.order-order-summary-breakdown>div{border-radius:8px!important;padding:6px 7px!important}.order-order-summary-breakdown span{font-size:8.5px!important}.order-order-summary-breakdown strong{margin-top:2px!important;font-size:11px!important}.order-sticky-summary--grand-only{padding:5px 8px 3px!important}.order-sticky-summary--grand-only .order-sticky-summary__grand{border-radius:9px!important;min-height:38px!important;padding:6px 8px!important}.order-sticky-summary--grand-only .order-sticky-summary__grand span{font-size:10px!important}.order-sticky-summary--grand-only .order-sticky-summary__grand strong{font-size:14px!important}.order-modal__footer{gap:6px!important;padding:5px 8px 7px!important}.order-modal__footer .order-button{height:38px!important;min-height:38px!important;padding:0 8px!important;font-size:13px!important}}@media (width<=390px){.order-filter-card--operational{grid-template-columns:minmax(0,1fr) 116px!important}}@media (width<=760px){.order-filter-card--operational{grid-template-columns:minmax(0,1fr) 136px!important;grid-template-areas:"date sort""search reset"!important;align-items:end!important;gap:5px 6px!important}.order-sort-field{grid-area:sort!important}.order-sort-select-shell{background:#fff;border:1px solid #d9ccd2;border-radius:9px;width:100%;height:36px;display:block;position:relative;overflow:hidden}.order-sort-select-shell:after{content:"";pointer-events:none;border-bottom:1.5px solid #594751;border-right:1.5px solid #594751;width:6px;height:6px;position:absolute;top:50%;right:8px;transform:translateY(-70%)rotate(45deg)}.order-sort-select-value{color:#493940;letter-spacing:-.02em;white-space:nowrap;align-items:center;height:100%;padding:0 22px 0 8px;font-size:9.75px;font-weight:700;line-height:1;display:flex;overflow:hidden}.order-sort-select-shell>select{color:#493940;appearance:none;opacity:1;background:0 0;border:0;margin:0;font-weight:700;position:static;width:100%!important;height:100%!important;min-height:0!important;padding:0 22px 0 8px!important;font-size:11px!important}.order-filter-card--operational .order-reset-filter{align-self:end!important;height:36px!important;min-height:36px!important;font-size:9.5px!important}.order-mobile-order-number-row{align-items:center;gap:4px;min-width:0;display:flex}.order-mobile-order-number-row .order-mobile-order-number{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.order-copy-number-button{color:#8f295b;background:#f5ebf0;border:0;border-radius:6px;place-items:center;width:24px;min-width:24px;height:24px;min-height:24px;padding:0;display:grid}.order-copy-number-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:13px;height:13px}.order-copy-number-button.is-copied{color:#397148;background:#e9f5ed;font-size:12px;font-weight:800}}@media (width<=390px){.order-filter-card--operational{grid-template-columns:minmax(0,1fr) 128px!important}.order-sort-select-value{padding-left:6px;font-size:9px}}@media (width<=760px){.order-mobile-overview__customer>.order-mobile-order-number-row{white-space:nowrap!important;align-items:center!important;gap:3px!important;width:100%!important;min-width:0!important;max-width:100%!important;margin-top:1px!important;display:flex!important;overflow:visible!important}.order-mobile-overview__customer>.order-mobile-order-number-row>.order-mobile-order-number{text-overflow:ellipsis!important;white-space:nowrap!important;flex:0 auto!important;width:auto!important;min-width:0!important;max-width:calc(100% - 27px)!important;margin:0!important;display:block!important;overflow:hidden!important}.order-mobile-overview__customer>.order-mobile-order-number-row>.order-copy-number-button{border-radius:6px!important;flex:0 0 24px!important;place-items:center!important;width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;margin:0!important;padding:0!important;display:grid!important}.order-mobile-overview__customer>.order-mobile-order-number-row>.order-copy-number-button svg{width:12px!important;height:12px!important}.order-page .order-filter-card--operational{grid-template-columns:minmax(0,1fr) 136px!important;grid-template-areas:"date sort""search reset""flower flower"!important;align-items:stretch!important}.order-page .order-filter-card--operational>label:first-child{grid-area:date!important}.order-page .order-filter-card--operational>form{grid-area:search!important}.order-page .order-filter-card--operational>.order-sort-field{grid-area:sort!important}.order-page .order-filter-card--operational>.order-flower-filter-field{grid-area:flower!important;display:grid!important}.order-page .order-filter-card--operational>.order-reset-filter-field{grid-area:reset!important;grid-template-rows:10px 36px!important;align-self:stretch!important;gap:2px!important;margin:0!important;display:grid!important}.order-page .order-filter-card--operational>label,.order-page .order-filter-card--operational>form>label{grid-template-rows:10px 36px!important;align-self:stretch!important;gap:2px!important;margin:0!important;display:grid!important}.order-page .order-reset-filter-field>span{visibility:hidden!important;height:10px!important;display:block!important}.order-page .order-reset-filter-field>.order-reset-filter{align-self:stretch!important;width:100%!important;height:36px!important;min-height:36px!important;margin:0!important}}@media (width<=390px){.order-page .order-filter-card--operational{grid-template-columns:minmax(0,1fr) 128px!important}}.order-flower-filter-field{min-width:0}.order-flower-filter-field>select{width:100%}@media (width>=761px){.order-page .order-filter-card--operational>.order-flower-filter-field{display:none!important}.order-page .order-filter-card--operational{grid-template-columns:minmax(190px,.82fr) minmax(280px,1.35fr) minmax(160px,.65fr) auto}}@media (width<=760px){.order-page .order-filter-card--operational{grid-template-columns:minmax(0,1fr) 136px!important;grid-template-areas:"date sort""search search""flower reset"!important;align-items:stretch!important;gap:5px 6px!important}.order-page .order-filter-card--operational>label:first-child{grid-area:date!important}.order-page .order-filter-card--operational>form{grid-area:search!important}.order-page .order-filter-card--operational>.order-sort-field{grid-area:sort!important}.order-page .order-filter-card--operational>.order-flower-filter-field{grid-area:flower!important;grid-template-rows:10px 36px!important;align-self:stretch!important;gap:2px!important;min-width:0!important;margin:0!important;display:grid!important}.order-page .order-filter-card--operational>.order-flower-filter-field>select{width:100%!important;height:36px!important;min-height:36px!important;padding:0 24px 0 8px!important;font-size:10px!important;line-height:1.15!important}.order-page .order-filter-card--operational>.order-reset-filter-field{grid-area:reset!important;grid-template-rows:10px 36px!important;align-self:stretch!important;gap:2px!important;margin:0!important;display:grid!important}.order-page .order-filter-card--operational>.order-reset-filter-field>.order-reset-filter{align-self:stretch!important;width:100%!important;height:36px!important;min-height:36px!important;margin:0!important}}@media (width<=390px){.order-page .order-filter-card--operational{grid-template-columns:minmax(0,1fr) 128px!important}}.order-addon-delete{aspect-ratio:1;place-items:center;display:inline-grid}.order-addon-delete svg{pointer-events:none;display:block}@media (width<=760px){.order-addon-list article{grid-template-rows:auto auto auto!important;grid-template-columns:25px minmax(0,1fr) 66px 32px!important;align-items:end!important;gap:5px!important;padding:7px!important}.order-addon-number{grid-area:1/1!important;align-self:center!important}.order-addon-field--type{grid-area:1/2!important}.order-addon-field--qty{grid-area:1/3!important}.order-addon-delete{border-radius:9px!important;grid-area:1/4!important;align-self:end!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important}.order-addon-delete svg{width:15px;height:15px}.order-addon-field--name,.order-addon-field--price{grid-area:2/2/auto/5!important;min-width:0!important}.order-addon-subtotal{text-align:right!important;grid-area:3/2/auto/5!important;justify-content:flex-end!important;align-items:baseline!important;gap:6px!important;min-height:16px!important;margin:0!important;display:flex!important}.order-addon-list article:has(.order-addon-field--price) .order-addon-subtotal{text-align:right!important;grid-area:3/2/auto/5!important;justify-content:flex-end!important;align-items:baseline!important;gap:6px!important;min-height:16px!important;margin:0!important;display:flex!important}.order-addon-subtotal span,.order-addon-subtotal strong{margin:0!important;line-height:1.2!important;display:inline!important}.order-addon-subtotal span{color:#287b90!important;background:0 0!important;border-radius:0!important;padding:0!important;font-size:8px!important}.order-addon-subtotal strong{color:#3d2d34!important;font-size:11px!important}.order-addon-autocomplete,.order-addon-autocomplete input{width:100%!important;min-width:0!important}.order-addon-selected-mark{width:fit-content!important;margin-top:3px!important;display:inline-flex!important}.order-modal input:not([type=checkbox]):not([type=radio]),.order-modal select,.order-modal textarea,.order-modal .rupiah-input input{font-size:16px!important}}.finance-page{color:#3b2c33;gap:14px;width:100%;max-width:none;display:grid}.finance-page__header h1{margin:4px 0 7px;font-size:clamp(28px,3vw,36px)}@media (width<=760px){.finance-panel--expense-entry input,.finance-panel--expense-entry select,.finance-panel--expense-entry textarea,.finance-panel--expense-entry .rupiah-input>input,.finance-panel--expense-entry .indonesian-date-input__control>input,.finance-panel--template-manage input,.finance-panel--template-manage select,.finance-panel--template-manage textarea,.finance-panel--template-manage .rupiah-input>input{font-size:14px!important}.finance-panel--expense-entry input::placeholder,.finance-panel--expense-entry textarea::placeholder,.finance-panel--template-manage input::placeholder,.finance-panel--template-manage textarea::placeholder{font-size:10px!important}}.finance-page__header p{color:#7b6871;max-width:900px;margin:0;line-height:1.5}.finance-period-bar,.finance-filter-card,.finance-summary-card,.finance-group-card,.finance-vendor-card,.finance-panel,.finance-overview-card{background:#fff;border:1px solid #e4ddd5;border-radius:15px}.finance-period-bar{background:#faf8f5;grid-template-columns:minmax(180px,260px) minmax(0,1fr) auto;align-items:end;gap:12px;padding:13px;display:grid}.finance-period-bar label,.finance-form-grid label,.finance-vendor-form label,.finance-vendor-search label{color:#7d6b57;gap:6px;font-size:13px;font-weight:700;display:grid}.finance-period-bar>div{gap:2px;padding-bottom:2px;display:grid}.finance-period-bar>div span{color:#86776a;font-size:12px}.finance-period-bar input,.finance-form-grid input,.finance-form-grid select,.finance-form-grid textarea,.finance-mini-form input,.finance-mini-form select,.finance-vendor-form input,.finance-vendor-form textarea,.finance-vendor-search input{box-sizing:border-box;color:#392f2a;width:100%;min-height:42px;font:inherit;background:#fff;border:1px solid #d9d0c8;border-radius:10px;padding:8px 10px}.finance-form-grid textarea,.finance-vendor-form textarea{resize:vertical;min-height:76px}.finance-tabs{scrollbar-width:thin;gap:7px;padding-bottom:2px;display:flex;overflow-x:auto}.finance-tabs button,.finance-button{color:#67584c;cursor:pointer;min-height:40px;font:inherit;white-space:nowrap;background:#fff;border:1px solid #d9d0c8;border-radius:9px;padding:0 13px;font-weight:600}.finance-tabs button:hover,.finance-button:hover:not(:disabled){border-color:#ae9d8c}.finance-tabs button.is-active,.finance-button--primary{color:#fff;background:#9a856d;border-color:#9a856d}.finance-button:disabled,.finance-row-actions button:disabled{opacity:.5;cursor:not-allowed}.finance-message{border-radius:10px;padding:10px 12px;line-height:1.45}.finance-message--success{color:#376d47;background:#eef9f1;border:1px solid #b9ddc4}.finance-message--error{color:#9e3443;background:#fff2f3;border:1px solid #ecc3c8}.finance-empty,.finance-inline-empty{color:#806f63;text-align:center;place-items:center;display:grid}.finance-empty{border:1px dashed #d9d0c8;border-radius:12px;min-height:150px;padding:20px}.finance-inline-empty{background:#fdfcfb;border:1px dashed #e2d9d1;border-radius:10px;min-height:90px;padding:14px}.finance-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.finance-kpi{background:#fff;border:1px solid #e2dad2;border-radius:14px;gap:6px;min-width:0;padding:16px;display:grid}.finance-kpi span{color:#75675c;text-transform:uppercase;letter-spacing:.035em;font-size:12px;font-weight:700}.finance-kpi strong{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:clamp(20px,2.3vw,30px)}.finance-kpi small{color:#8a7d72;line-height:1.35}.finance-kpi--revenue{background:#f1f8f3;border-color:#cfe1d3}.finance-kpi--revenue strong{color:#416c4c}.finance-kpi--hpp{background:#f6f3ee}.finance-kpi--hpp strong{color:#756451}.finance-kpi--expense{background:#fff5f3;border-color:#efd5cf}.finance-kpi--expense strong{color:#a25349}.finance-kpi--profit{background:#f5f1f8;border-color:#ddd1e5}.finance-kpi--profit strong{color:#735980}.finance-kpi--negative strong{color:#a94444}.finance-kpi--positive strong{color:#5e637f}.finance-overview-card,.finance-panel,.finance-vendor-card{gap:14px;padding:15px;display:grid}.finance-overview-card>header,.finance-panel>header,.finance-vendor-card>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.finance-overview-card h2,.finance-panel h2,.finance-vendor-card h2,.finance-group-card h2{margin:0;font-size:20px}.finance-overview-card header p,.finance-panel header p,.finance-vendor-card header p,.finance-group-card header p{color:#806f63;margin:4px 0 0;font-size:12px;line-height:1.45}.finance-section-eyebrow{letter-spacing:.07em;text-transform:uppercase;font-weight:750;color:#9a856d!important;margin:0 0 3px!important;font-size:10px!important}.finance-header-total{color:#7d6b57;white-space:nowrap;font-size:21px}.finance-overview-equation{background:#faf8f5;border-radius:12px;grid-template-columns:repeat(7,auto);justify-content:start;align-items:center;gap:11px;padding:12px;display:grid;overflow-x:auto}.finance-overview-equation>div{gap:3px;min-width:140px;display:grid}.finance-overview-equation span{color:#84766b;font-size:11px}.finance-overview-equation strong{font-size:18px}.finance-overview-equation b{color:#9a856d;font-size:18px}.finance-overview-equation .is-result{background:#eee8f2;border-radius:10px;padding:9px 11px}.finance-note{color:#77695e;margin:0;font-size:12px;line-height:1.55}.finance-expense-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;display:grid}.finance-expense-layout>.finance-panel,.finance-master-grid>.finance-panel{align-content:start;align-self:start}.finance-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.finance-form-grid label>span,.finance-vendor-form label>span{color:#8a7b70;font-size:11px;font-weight:500}.finance-field--full,.finance-selected-order{grid-column:1/-1}.finance-form-actions{flex-wrap:wrap;gap:8px;display:flex}.finance-text-button{color:#8a5d5d;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;text-decoration:underline}.finance-template-prefill{color:#75603e;background:#fbf7ed;border:1px solid #d9ceb9;border-radius:9px;padding:9px 11px;font-size:12px}.finance-template-list,.finance-master-list,.finance-daily-list,.finance-profit-list{gap:8px;display:grid}.finance-template-list article,.finance-master-list article{background:#fdfcfb;border:1px solid #e7dfd7;border-radius:11px;gap:9px;padding:11px;display:grid}.finance-template-list article>div:first-child,.finance-master-list article>div:first-child{gap:3px;display:grid}.finance-template-list span,.finance-master-list small{color:#7f7166;font-size:11px}.finance-template-list b{color:#654f3c;font-size:15px}.finance-used-badge{background:#f2eee9;border-radius:999px;justify-self:start;padding:5px 8px;font-weight:650;color:#75685d!important;font-size:10px!important}.finance-used-badge.is-used{background:#eaf5ed;color:#39704a!important}.finance-row-actions{flex-wrap:wrap;gap:6px;display:flex}.finance-row-actions button{color:#67584c;cursor:pointer;min-height:30px;font:inherit;background:#fff;border:1px solid #d9d0c8;border-radius:8px;padding:0 9px;font-size:11px}.finance-row-actions button.is-danger{color:#a34c4c;border-color:#e5c5c5}.finance-readonly-label{color:#8b7b6e;font-size:11px}.finance-source-badge,.finance-payment-status{white-space:nowrap;border-radius:999px;align-items:center;min-height:24px;padding:0 8px;font-size:10px;font-weight:700;display:inline-flex}.finance-source-badge--manual{color:#50657b;background:#eef2f6}.finance-source-badge--fixed_expense{color:#775f3f;background:#f5f0e7}.finance-source-badge--vendor_order{color:#765b80;background:#f4eef7}.finance-source-badge--payroll{color:#527156;background:#eef5ed}.finance-source-badge--thr{color:#876221;background:#fff4dc}.finance-payment-status--dp,.finance-payment-status--bayar_sebagian{color:#945915;background:#fff0dc}.finance-payment-status--lunas{color:#337246;background:#e8f5ec}.finance-master-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.finance-master-card--wide{grid-column:1/-1}.finance-mini-form{border-bottom:1px solid #eee7e0;gap:8px;padding-bottom:12px;display:grid}.finance-mini-form>div{gap:7px;display:flex}.finance-compact-table-wrap,.finance-table-wrap{width:100%;overflow-x:auto}.finance-compact-table{border-collapse:collapse;width:100%;min-width:820px}.finance-compact-table th,.finance-compact-table td{text-align:left;vertical-align:top;border-bottom:1px solid #eee7e0;padding:10px 9px;font-size:12px}.finance-compact-table th{color:#7d6b57;background:#faf8f5}.finance-compact-table td small{color:#86786d;margin-top:3px;display:block}.finance-daily-card,.finance-profit-day{background:#fff;border:1px solid #e6ddd5;border-radius:11px;overflow:hidden}.finance-daily-card__summary,.finance-profit-day__summary{color:#453a32;cursor:pointer;width:100%;font:inherit;text-align:left;background:#fff;border:0}.finance-daily-card__summary{grid-template-columns:minmax(170px,1fr) auto 28px;align-items:center;gap:12px;padding:12px;display:grid}.finance-daily-card__summary>span:nth-child(2){text-align:right;gap:2px;display:grid}.finance-daily-card__summary small,.finance-profit-day__summary small{color:#84766b;font-size:10px}.finance-expand-symbol{color:#766657;background:#f3eee9;border-radius:50%;place-items:center;width:24px;height:24px;font-size:17px;display:grid}.finance-daily-card__details,.finance-profit-day__details{background:#fdfcfb;border-top:1px solid #eee6df}.finance-daily-card__details{padding:11px}.finance-sales-subtotals{flex-wrap:wrap;gap:8px;margin-bottom:9px;display:flex}.finance-sales-subtotals span{color:#6e5f53;background:#f2eee9;border-radius:8px;padding:6px 9px;font-size:11px}.finance-profit-day__summary{grid-template-columns:minmax(190px,1.4fr) repeat(4,minmax(110px,.75fr)) 28px;align-items:center;gap:10px;padding:12px;display:grid}.finance-profit-day__summary>span{gap:3px;display:grid}.finance-profit-day__summary .is-positive b{color:#4f745a}.finance-profit-day__summary .is-negative b{color:#a34747}.finance-profit-day__details{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px;display:grid}.finance-profit-day__details h3{color:#6e5f53;margin:0 0 7px;font-size:13px}.finance-profit-day__details p{color:#887a6f;margin:0;font-size:12px}.finance-source-row{border-bottom:1px dashed #e4dbd3;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 0;display:flex}.finance-source-row>span{gap:2px;display:grid}.finance-source-row small{color:#86786d;font-size:10px;line-height:1.4}.finance-source-row b{white-space:nowrap;font-size:12px}.finance-summary-card{background:#faf8f5;gap:5px;padding:16px;display:grid}.finance-summary-card span,.finance-summary-card small{color:#796d62}.finance-summary-card strong{color:#7d6b57;font-size:clamp(25px,3vw,36px)}.finance-group-list{gap:13px;display:grid}.finance-group-card>header{border-bottom:1px solid #eee7e0;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px;display:flex}.finance-group-card header>strong{color:#7d6b57;white-space:nowrap;font-size:19px}.finance-table{border-collapse:collapse;width:100%;min-width:1380px}.finance-table th,.finance-table td{text-align:left;vertical-align:top;border-bottom:1px solid #f0e9e2;padding:10px 9px;font-size:12px}.finance-table th{color:#7d6b57;background:#faf8f5}.finance-table td{color:#4d4239}.finance-multiline-list{gap:5px;display:grid}.finance-multiline-list span{white-space:pre-wrap;border-bottom:1px dashed #eae2db;padding-bottom:5px;line-height:1.35;display:block}.finance-multiline-list span:last-child{border-bottom:0;padding-bottom:0}.finance-vendor-search>label>div{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.finance-vendor-results{gap:6px;max-height:240px;display:grid;overflow-y:auto}.finance-vendor-results button{color:#453b33;cursor:pointer;text-align:left;font:inherit;background:#fff;border:1px solid #e3dbd3;border-radius:9px;gap:3px;padding:10px;display:grid}.finance-vendor-results button.is-selected{background:#faf7f2;border-color:#9a856d}.finance-vendor-results span,.finance-vendor-results small{color:#806f63}.finance-vendor-form{border-top:1px solid #eee7e0;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding-top:13px;display:grid}.finance-selected-order{background:#f5f1ed;border-radius:9px;gap:4px;padding:11px;display:grid}.finance-selected-order span{color:#806f63;font-size:11px}@media (width<=980px){.finance-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-expense-layout{grid-template-columns:1fr}.finance-profit-day__summary{grid-template-columns:minmax(170px,1.2fr) repeat(2,minmax(105px,.8fr)) 28px}.finance-profit-day__summary>span:nth-child(4),.finance-profit-day__summary>span:nth-child(5){display:none}}@media (width<=760px){.finance-page{gap:11px}.finance-period-bar,.finance-form-grid,.finance-vendor-form,.finance-master-grid,.finance-profit-day__details{grid-template-columns:1fr}.finance-period-bar{align-items:stretch}.finance-period-bar .finance-button{width:100%}.finance-field--full,.finance-selected-order,.finance-master-card--wide{grid-column:auto}.finance-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.finance-kpi{padding:12px}.finance-kpi strong{font-size:clamp(17px,5.2vw,23px)}.finance-kpi small{font-size:10px}.finance-overview-card>header,.finance-panel>header,.finance-group-card>header{display:grid}.finance-overview-equation{grid-template-columns:1fr;justify-content:stretch}.finance-overview-equation>div{min-width:0}.finance-overview-equation>b{display:none}.finance-header-total{font-size:18px}.finance-compact-table{min-width:0}.finance-compact-table thead{display:none}.finance-compact-table,.finance-compact-table tbody,.finance-compact-table tr,.finance-compact-table td{width:100%;display:block}.finance-compact-table tbody{gap:8px;display:grid}.finance-compact-table tr{border:1px solid #e4ddd5;border-radius:10px;padding:10px}.finance-compact-table td{border:0;grid-template-columns:105px minmax(0,1fr);gap:8px;padding:5px 0;display:grid}.finance-compact-table td:before{content:attr(data-label);color:#8b7661;font-size:10px;font-weight:700}.finance-daily-card__summary{grid-template-columns:1fr auto 24px;gap:7px}.finance-profit-day__summary{grid-template-columns:minmax(0,1fr) minmax(100px,auto) 24px;gap:7px}.finance-profit-day__summary>span:nth-child(2),.finance-profit-day__summary>span:nth-child(3),.finance-profit-day__summary>span:nth-child(4){display:none}.finance-profit-day__summary>span:nth-child(5){text-align:right;display:grid}.finance-source-row{gap:7px}.finance-table{min-width:0}.finance-table thead{display:none}.finance-table,.finance-table tbody,.finance-table tr,.finance-table td{width:100%;display:block}.finance-table tbody{gap:9px;padding:9px;display:grid}.finance-table tr{border:1px solid #e4ddd5;border-radius:10px;padding:10px}.finance-table td{border:0;grid-template-columns:115px minmax(0,1fr);gap:9px;padding:6px 0;display:grid}.finance-table td:before{content:attr(data-label);color:#8b7661;font-size:10px;font-weight:700}.finance-vendor-search>label>div{grid-template-columns:1fr}}.finance-kpi strong,.finance-overview-equation strong{letter-spacing:-.035em;word-spacing:-.08em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.finance-panel--expense-entry .finance-section-eyebrow,.finance-panel--expense-entry>header h2,.finance-panel--expense-entry .finance-form-grid label{color:#6f4354}.finance-master-action-popover{z-index:300000;place-items:end center;padding:16px;display:grid;position:fixed;inset:0}.finance-master-action-popover__backdrop{background:#2b22266b;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.finance-master-action-popover__panel{z-index:1;background:#fff;border:1px solid #dccfd5;border-radius:16px;gap:12px;width:min(100%,420px);padding:14px;display:grid;position:relative;box-shadow:0 18px 46px #37232c38}.finance-master-action-popover__panel header{gap:3px;display:grid}.finance-master-action-popover__panel header span{color:#8a7580;font-size:11px}.finance-master-action-popover__panel header strong{overflow-wrap:anywhere;color:#3d3036;font-size:16px}.finance-master-action-popover__panel>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.finance-master-action-popover__panel button{color:#5f4c55;min-height:42px;font:inherit;background:#fff;border:1px solid #ddd1d6;border-radius:10px;font-size:13px;font-weight:700}.finance-master-action-popover__panel button.is-danger{color:#a23e49;background:#fff4f5;border-color:#efc5c9}@media (width<=760px){.finance-panel--expense-entry{gap:7px!important;padding:9px!important}.finance-panel--expense-entry>header h2{font-size:16px!important}.finance-panel--expense-entry .finance-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px 7px!important}.finance-panel--expense-entry .finance-field--full{grid-column:1/-1!important}.finance-panel--expense-entry .finance-form-grid label{gap:3px!important;font-size:10.5px!important;line-height:1.15!important}.finance-panel--expense-entry .finance-form-grid label>span{font-size:9px!important}.finance-panel--expense-entry input,.finance-panel--expense-entry select,.finance-panel--expense-entry .indonesian-date-input__control,.finance-panel--expense-entry .indonesian-date-input__control>input,.finance-panel--expense-entry .indonesian-date-input__calendar{height:40px!important;min-height:40px!important;font-size:16px!important}.finance-panel--expense-entry input,.finance-panel--expense-entry select{padding:5px 8px!important}.finance-panel--expense-entry .indonesian-date-input__control{grid-template-columns:minmax(0,1fr) 40px!important}.finance-panel--expense-entry textarea{min-height:62px!important;padding:7px 8px!important;font-size:16px!important;line-height:1.25!important}.finance-panel--expense-entry input::placeholder,.finance-panel--expense-entry textarea::placeholder{font-size:12px!important}.finance-panel--expense-entry .finance-button--primary{height:36px!important;min-height:36px!important;font-size:11.5px!important}.finance-master-actions-mobile{color:#6e5b4f;width:34px;min-width:34px;height:34px;min-height:34px;font:inherit;background:#fff;border:1px solid #dcd2ca;border-radius:9px;justify-self:end;place-items:center;padding:0;font-size:13px;font-weight:800;display:grid!important}}@media (width<=430px){.finance-kpi-grid{grid-template-columns:1fr 1fr}.finance-kpi{min-height:108px}.finance-tabs button{min-height:38px;padding:0 11px;font-size:12px}.finance-overview-card,.finance-panel,.finance-vendor-card{padding:12px}}.finance-panel--template-list{background:#f6f2f9;border-color:#ded2e8}.finance-panel--expense-history{background:#fff9f4;border-color:#ecdccf}.finance-panel--category{background:#f2f7f1;border-color:#d3e1d2}.finance-panel--supplier{background:#f2f6f8;border-color:#d4e0e4}.finance-panel--template-manage{background:#faf8f2;border-color:#e5ddc9}.finance-panel--expense-entry input,.finance-panel--expense-entry select,.finance-panel--expense-entry textarea,.finance-panel--category input,.finance-panel--supplier input,.finance-panel--supplier select,.finance-panel--template-manage input,.finance-panel--template-manage select,.finance-panel--template-manage textarea{background:#fff}@media (width<=760px){.finance-panel--template-manage input,.finance-panel--template-manage select,.finance-panel--template-manage textarea,.finance-panel--template-manage .rupiah-input input{font-size:16px!important}}.finance-master-list__compact-row,.finance-template-manage-list article{justify-content:space-between;align-items:center;gap:8px;min-height:38px;padding:7px 9px!important;display:flex!important}.finance-master-list__compact-row>strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.finance-system-badge{color:#775b77;background:#eadfea;border-radius:999px;flex:none;padding:5px 8px;font-size:10px;font-weight:750}.finance-template-list article{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;padding:9px 10px}.finance-template-list article>div:first-child{min-width:0}.finance-template-list article>div:first-child strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.finance-template-list article>div:first-child b{font-size:13px}.finance-template-list .finance-row-actions{grid-area:1/2/span 2;justify-content:flex-end}.finance-template-manage-list{border-top:1px solid #e8e1d4;gap:6px;padding-top:12px;display:grid}.finance-template-manage-list article{background:#ffffffc2;border:1px solid #e3ddd2;border-radius:9px}.finance-template-manage-list article>div:first-child{align-items:center;gap:10px;min-width:0;display:flex}.finance-template-manage-list article>div:first-child strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.finance-template-manage-list article>div:first-child span{color:#806e5d;white-space:nowrap;font-size:11px}.finance-panel--payment-reconcile{background:#f6faf8;border-color:#d5e5dd}.finance-payment-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.finance-payment-kpis button{color:#4b5f55;cursor:pointer;min-width:0;font:inherit;text-align:left;background:#fff;border:1px solid #dbe5df;border-radius:11px;gap:5px;padding:11px;display:grid}.finance-payment-kpis button.is-active{background:#edf5f1;border-color:#8ca99b;box-shadow:inset 0 0 0 1px #8ca99b}.finance-payment-kpis button span{color:#718078;text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700}.finance-payment-kpis button strong{overflow-wrap:anywhere;font-size:18px}.finance-payment-filter-row{justify-content:space-between;align-items:end;gap:10px;display:flex}.finance-payment-filter-row label{color:#75665b;gap:5px;font-size:11px;font-weight:700;display:grid}.finance-payment-filter-row select{color:#433831;min-width:190px;min-height:38px;font:inherit;background:#fff;border:1px solid #d8d0c8;border-radius:9px;padding:7px 9px}.finance-payment-filter-row>strong{color:#75675c;font-size:12px}.finance-payment-method{border-radius:999px;align-items:center;min-height:24px;padding:0 8px;font-size:10px;font-weight:700;display:inline-flex}.finance-payment-method--transfer{color:#4d6b82;background:#eaf1f7}.finance-payment-method--cash{color:#447051;background:#eaf5ed}.finance-payment-method--other{color:#765c84;background:#f3edf7}.finance-scroll-controls{right:max(16px, env(safe-area-inset-right));bottom:calc(88px + env(safe-area-inset-bottom));z-index:35;gap:8px;display:grid;position:fixed}.finance-scroll-controls button{color:#7a6554;cursor:pointer;width:42px;height:42px;font:inherit;background:#fffffff5;border:1px solid #d5c9bd;border-radius:50%;font-size:20px;font-weight:700;box-shadow:0 5px 18px #45352c21}@media (width<=760px){.finance-payment-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-payment-filter-row{flex-direction:column;align-items:stretch}.finance-payment-filter-row select{width:100%;min-width:0}.finance-template-list article{grid-template-columns:minmax(0,1fr) auto}.finance-template-manage-list article{align-items:flex-start}}@media (width<=430px){.finance-master-list__compact-row,.finance-template-manage-list article{flex-direction:column;align-items:flex-start}.finance-scroll-controls{right:max(12px, env(safe-area-inset-right))}}.finance-panel--template-list{align-content:start;align-self:start}.finance-panel--template-list .finance-template-list{overscroll-behavior:contain;scrollbar-width:thin;max-height:420px;padding-right:4px;overflow-y:auto}.finance-panel--template-list .finance-template-list article{min-height:0;padding:7px 9px}.finance-panel--template-list .finance-template-list article>div:first-child{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.finance-panel--template-list .finance-template-list article>div:first-child b{white-space:nowrap;flex:none;font-size:12px}.finance-panel--template-list .finance-used-badge{padding:3px 7px;font-size:9px!important}.finance-master-card{align-content:start}.finance-master-card .finance-master-list{overscroll-behavior:contain;scrollbar-width:thin;max-height:300px;padding-right:4px;overflow-y:auto}.finance-master-card .finance-master-list__compact-row{min-height:34px;padding:6px 8px!important}.finance-master-card .finance-row-actions button{min-height:28px;padding:0 8px}@media (width<=760px){.finance-panel--template-list .finance-template-list{max-height:340px}.finance-master-card .finance-master-list{max-height:280px}}.finance-expense-history-filters{grid-template-columns:minmax(220px,1.35fr) minmax(180px,.85fr) minmax(180px,.85fr);gap:10px;margin-bottom:12px;display:grid}.finance-expense-history-filters label{color:#806c5d;gap:5px;font-size:11px;display:grid}.finance-expense-history-filters input,.finance-expense-history-filters select{color:#3f3230;width:100%;min-height:40px;font:inherit;background:#fff;border:1px solid #dfd0c4;border-radius:10px;padding:0 11px}.finance-expense-pagination{color:#806c5d;border-top:1px solid #eaded5;justify-content:space-between;align-items:center;gap:12px;margin-top:11px;padding-top:10px;font-size:11px;display:flex}.finance-expense-pagination>div{align-items:center;gap:8px;display:flex}.finance-expense-pagination strong{color:#5c4a40;text-align:center;min-width:116px}.finance-expense-pagination button{color:#6f594b;cursor:pointer;background:#fff;border:1px solid #d8c8bc;border-radius:9px;min-height:34px;padding:0 11px}.finance-expense-pagination button:disabled{cursor:not-allowed;opacity:.45}@media (width<=760px){.finance-expense-history-filters{grid-template-columns:1fr;gap:7px}.finance-expense-history-filters input,.finance-expense-history-filters select{min-height:38px}.finance-expense-pagination{flex-direction:column;align-items:stretch}.finance-expense-pagination>div{justify-content:space-between}.finance-expense-pagination button{min-height:32px;padding-inline:9px;font-size:10px}.finance-expense-pagination strong{min-width:0;font-size:10px}}.finance-success-toast{z-index:1400;align-items:center;gap:10px;width:min(92vw,760px);display:flex;position:fixed;top:84px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #2a5b3c29}.finance-success-toast__icon{color:#fff;background:#3b8a57;border-radius:999px;flex:0 0 28px;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.finance-payment-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.finance-payment-kind{border-radius:999px;align-items:center;min-height:24px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.finance-payment-kind--dp{color:#9b641c;background:#fff0d8}.finance-payment-kind--pelunasan{color:#315f83;background:#e8f2fb}.finance-payment-kind--lunas{color:#337246;background:#e8f5ec}@media (width<=720px){.finance-success-toast{top:72px}.finance-payment-badges{align-items:flex-start}}.finance-template-actions-mobile{display:none}@media (width<=760px){.finance-page{gap:8px;min-width:0;max-width:100%;font-size:13px;overflow-x:clip}.finance-page__header{display:none}.finance-period-bar{border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:7px;padding:9px 10px}.finance-period-copy{display:none!important}.finance-period-bar label{gap:4px;min-width:0;font-size:11px}.finance-period-bar input,.finance-form-grid input,.finance-form-grid select,.finance-form-grid textarea,.finance-mini-form input,.finance-mini-form select,.finance-vendor-form input,.finance-vendor-form textarea,.finance-vendor-search input,.finance-expense-history-filters input,.finance-expense-history-filters select,.finance-payment-filter-row select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;font-size:16px}.finance-period-bar input{min-height:38px}.finance-period-bar .finance-button{width:auto;min-width:0;min-height:34px;padding-inline:10px;font-size:11px}.finance-tabs{gap:5px;padding-bottom:1px}.finance-tabs button{border-radius:8px;min-height:34px;padding:0 10px;font-size:11.5px}.finance-overview-card,.finance-panel,.finance-vendor-card{border-radius:11px;gap:9px;min-width:0;padding:10px}.finance-panel>header,.finance-vendor-card>header,.finance-overview-card>header{gap:7px}.finance-panel h2,.finance-vendor-card h2,.finance-overview-card h2,.finance-group-card h2{font-size:17px;line-height:1.22}.finance-panel header p,.finance-vendor-card header p,.finance-overview-card header p,.finance-group-card header p{margin-top:2px;font-size:10.5px;line-height:1.35}.finance-section-eyebrow{margin-bottom:1px!important;font-size:8.5px!important}.finance-form-grid,.finance-vendor-form{gap:8px}.finance-form-grid label,.finance-vendor-form label,.finance-vendor-search label{gap:4px;min-width:0;font-size:11.5px}.finance-form-grid input,.finance-form-grid select,.finance-vendor-form input,.finance-vendor-search input{min-height:40px;padding:7px 9px}.finance-form-grid textarea,.finance-vendor-form textarea{min-height:64px;padding:7px 9px}.finance-form-grid .finance-button--primary,.finance-vendor-form .finance-button--primary{min-height:38px;font-size:12.5px}.finance-template-prefill{padding:7px 8px;font-size:10.5px}.finance-panel--template-list .finance-template-list{gap:5px;max-height:300px}.finance-panel--template-list .finance-template-list article{border-radius:9px;grid-template-columns:minmax(0,1fr) 34px;gap:4px 8px;min-height:56px;position:relative;padding:7px 8px!important}.finance-panel--template-list .finance-template-list article>div:first-child{grid-column:1;justify-content:stretch;align-items:start;gap:1px;display:grid}.finance-panel--template-list .finance-template-list article>div:first-child strong{color:#3d3030;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.18;display:-webkit-box;overflow:hidden}.finance-panel--template-list .finance-template-list article>div:first-child b{margin-top:2px;font-size:11.5px}.finance-panel--template-list .finance-used-badge{grid-column:1;justify-self:start;padding:2px 6px;font-size:8.5px!important}.finance-row-actions--desktop{display:none!important}.finance-template-actions-mobile{grid-area:1/2/span 2;place-self:center end;display:block;position:relative}.finance-template-actions-mobile>summary{color:#715f52;cursor:pointer;background:#fff;border:1px solid #ddd2ca;border-radius:9px;place-items:center;width:32px;height:32px;font-size:13px;font-weight:800;list-style:none;display:grid}.finance-template-actions-mobile>summary::-webkit-details-marker{display:none}.finance-template-actions-mobile>div{z-index:50;background:#fff;border:1px solid #ded4cc;border-radius:9px;gap:4px;min-width:108px;padding:5px;display:grid;position:absolute;top:36px;right:0;box-shadow:0 8px 24px #3c2f2721}.finance-template-actions-mobile button{color:#62534a;min-height:32px;font:inherit;text-align:left;background:#f8f5f2;border:0;border-radius:7px;font-size:11px}.finance-template-actions-mobile button.is-danger{color:#a34c4c}.finance-vendor-card>header{display:block}.finance-vendor-search>label>div{grid-template-columns:minmax(0,1fr) auto;gap:6px}.finance-vendor-search .finance-button{min-width:82px;min-height:40px;padding-inline:9px;font-size:11px}.finance-vendor-results{gap:5px;max-height:180px}.finance-vendor-results button{gap:2px;padding:8px;font-size:12px}.finance-vendor-results span,.finance-vendor-results small{font-size:10px}.finance-vendor-form{padding-top:8px}.finance-selected-order{gap:2px;padding:8px}.finance-selected-order span{font-size:9.5px}.finance-selected-order strong{font-size:12px}.finance-scroll-controls{right:max(10px, env(safe-area-inset-right));bottom:calc(104px + env(safe-area-inset-bottom));pointer-events:none;gap:6px}.finance-scroll-controls button{pointer-events:auto;width:36px;height:36px;font-size:17px}.finance-header-total{font-size:16px}}@media (width<=760px){.finance-panel--expense-entry{gap:7px!important;padding:9px!important}.finance-panel--expense-entry>header h2{font-size:16px!important}.finance-panel--expense-entry .finance-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px 7px!important}.finance-panel--expense-entry .finance-field--full{grid-column:1/-1!important}.finance-panel--expense-entry .finance-form-grid label{color:#6f4354!important;gap:3px!important;font-size:10.5px!important;line-height:1.15!important}.finance-panel--expense-entry .finance-form-grid label>span{font-size:9px!important}.finance-panel--expense-entry input,.finance-panel--expense-entry select,.finance-panel--expense-entry .indonesian-date-input__control,.finance-panel--expense-entry .indonesian-date-input__control>input,.finance-panel--expense-entry .indonesian-date-input__calendar{height:40px!important;min-height:40px!important;font-size:16px!important}.finance-panel--expense-entry textarea{min-height:62px!important;padding:7px 8px!important;font-size:16px!important;line-height:1.25!important}.finance-panel--expense-entry input::placeholder,.finance-panel--expense-entry textarea::placeholder{font-size:12px!important}.finance-panel--expense-entry .finance-button--primary{height:36px!important;min-height:36px!important;font-size:11.5px!important}button.finance-master-actions-mobile{color:#6e5b4f!important;background:#fff!important;border:1px solid #dcd2ca!important;border-radius:9px!important;grid-column:auto!important;justify-self:end!important;place-items:center!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;font-size:13px!important;font-weight:800!important;display:grid!important;position:static!important}.finance-panel--expense-entry input,.finance-panel--expense-entry select,.finance-panel--expense-entry textarea,.finance-panel--expense-entry .rupiah-input>input,.finance-panel--expense-entry .indonesian-date-input__control>input,.finance-panel--template-manage input,.finance-panel--template-manage select,.finance-panel--template-manage textarea,.finance-panel--template-manage .rupiah-input>input{font-size:14px!important}.finance-panel--expense-entry input::placeholder,.finance-panel--expense-entry textarea::placeholder,.finance-panel--template-manage input::placeholder,.finance-panel--template-manage textarea::placeholder{font-size:10px!important}}@media (width<=390px){.finance-vendor-search>label>div{grid-template-columns:1fr}.finance-vendor-search .finance-button{width:100%}}.finance-period-field{min-width:0}.finance-period-input-shell{background:#fff;border:1px solid #d9d0c8;border-radius:10px;width:100%;min-width:0;display:block;overflow:hidden}.finance-period-field .finance-period-input-shell input{background:0 0;border:0;border-radius:0;width:100%;min-width:0;max-width:100%;margin:0;display:block}@media (width>=761px){.finance-panel--template-list{gap:7px;padding:12px}.finance-panel--template-list>header h2,.finance-master-card>header h2{font-size:17px;line-height:1.15}.finance-panel--template-list>header p,.finance-master-card>header p{font-size:10px}.finance-panel--template-list .finance-template-list{gap:4px;max-height:410px}.finance-panel--template-list .finance-template-list article{border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"copy badge actions";align-items:center;gap:7px;min-height:34px;display:grid;padding:4px 6px!important}.finance-panel--template-list .finance-template-list article>div:first-child{grid-area:copy;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:7px;min-width:0;display:grid}.finance-panel--template-list .finance-template-list article>div:first-child strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;line-height:1.1;overflow:hidden}.finance-panel--template-list .finance-template-list article>div:first-child b{margin:0;font-size:9.5px;line-height:1}.finance-panel--template-list .finance-used-badge{white-space:nowrap;grid-area:badge;min-height:0;padding:2px 5px;line-height:1.1;font-size:7.5px!important}.finance-panel--template-list .finance-row-actions--desktop{grid-area:auto/actions;align-self:center;gap:3px;display:flex!important}.finance-panel--template-list .finance-row-actions--desktop button,.finance-master-card .finance-master-actions--desktop button{width:auto;min-width:38px;height:25px;min-height:25px;padding:0 6px;font-size:9px;line-height:1}.finance-master-grid{gap:10px}.finance-master-card{gap:7px;padding:11px}.finance-master-card .finance-mini-form{gap:5px;padding-bottom:7px}.finance-panel--category .finance-mini-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.finance-panel--supplier .finance-mini-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.finance-panel--supplier .finance-mini-form>input:nth-child(3){grid-column:1}.finance-panel--supplier .finance-mini-form>div{grid-column:2}.finance-master-card .finance-mini-form input,.finance-master-card .finance-mini-form select,.finance-master-card .finance-mini-form .finance-button{height:34px;min-height:34px;padding:5px 8px;font-size:11.5px}.finance-master-card .finance-mini-form .finance-button{padding-inline:9px;font-size:10px}.finance-master-card .finance-master-list{gap:4px;max-height:290px}.finance-master-card .finance-master-list__compact-row{border-radius:8px;min-height:34px;padding:4px 6px!important}.finance-master-row__copy>strong{font-size:11.25px;line-height:1.1}.finance-master-row__copy>small{margin-top:1px;font-size:8.25px;line-height:1.1}.finance-system-badge{padding:2px 5px;font-size:7.5px}}@media (width<=760px){.finance-period-bar{grid-template-columns:minmax(0,1fr) 76px;gap:6px;padding:8px;overflow:hidden}.finance-period-field{gap:3px!important;overflow:visible!important}.finance-period-field>span:first-child{font-size:10px}.finance-period-input-shell{border-radius:9px;height:38px}.finance-period-field .finance-period-input-shell input{text-align:center;height:38px;min-height:38px;padding:0 5px;font-size:16px}.finance-period-field input::-webkit-date-and-time-value{text-align:center;min-width:0;margin:0}.finance-period-bar .finance-button{width:76px;min-width:76px;height:38px;min-height:38px;padding:0 5px;font-size:10.5px}}.finance-master-row__copy{gap:2px;min-width:0;display:grid}.finance-master-row__copy>strong{color:#423631;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;line-height:1.25;overflow:hidden}.finance-master-row__copy>small{color:#817268;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;line-height:1.25;overflow:hidden}.finance-master-actions-mobile{display:none}@media (width<=760px){.finance-period-bar{isolation:isolate;grid-template-columns:minmax(0,1fr) 78px;align-items:end;gap:7px;position:relative;overflow:hidden}.finance-period-bar label{min-width:0;overflow:hidden}.finance-period-bar input{width:100%;min-width:0;max-width:100%;height:38px;padding-inline:8px;display:block;position:static}.finance-period-bar .finance-button{z-index:1;width:78px;min-width:78px;height:38px;min-height:38px;padding:0 6px;position:static}.finance-tabs{overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;gap:5px;max-width:100%;padding:2px 1px 4px;overflow-x:auto}.finance-tabs::-webkit-scrollbar{display:none}.finance-tabs button{scroll-snap-align:center;flex:none;min-height:34px;padding-inline:10px;font-size:11px}.finance-kpi-grid,.finance-kpi-grid--profit{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.finance-kpi{border-radius:10px;align-content:start;gap:3px;min-height:0;padding:8px 9px}.finance-kpi span{letter-spacing:.025em;font-size:9px}.finance-kpi strong{font-size:clamp(14px,4.5vw,19px);line-height:1.2}.finance-kpi small{font-size:8.5px;line-height:1.2}.finance-overview-card{gap:7px;padding:9px}.finance-overview-card h2{font-size:15px}.finance-overview-equation{border-radius:9px;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:6px;overflow:visible}.finance-overview-equation>div,.finance-overview-equation .is-result{background:#ffffffbd;border-radius:7px;min-width:0;padding:6px}.finance-overview-equation .is-result{background:#eee8f2}.finance-overview-equation span{font-size:8.5px}.finance-overview-equation strong{overflow-wrap:anywhere;font-size:13px}.finance-note{font-size:9.5px;line-height:1.35}.finance-master-grid{grid-template-columns:1fr;gap:9px}.finance-master-card,.finance-panel--category,.finance-panel--supplier{gap:8px;padding:9px}.finance-master-card>header h2{font-size:16px}.finance-master-card .finance-mini-form{gap:6px;padding-bottom:8px}.finance-panel--category .finance-mini-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.finance-panel--supplier .finance-mini-form{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-panel--supplier .finance-mini-form>input:nth-child(3){grid-column:1}.finance-mini-form>div{align-items:stretch;gap:5px}.finance-panel--supplier .finance-mini-form>div{grid-column:2}.finance-master-card .finance-mini-form input,.finance-master-card .finance-mini-form select,.finance-master-card .finance-mini-form .finance-button{height:38px;min-height:38px}.finance-master-card .finance-mini-form .finance-button{padding-inline:9px;font-size:10.5px}.finance-master-card .finance-master-list{gap:5px;max-height:250px;padding-right:2px}.finance-master-card .finance-master-list__compact-row{border-radius:9px;grid-template-columns:minmax(0,1fr) auto;gap:7px;min-height:46px;position:relative;align-items:center!important;padding:6px 7px!important;display:grid!important}.finance-master-row__copy>strong{font-size:12.5px}.finance-master-row__copy>small{font-size:9px}.finance-system-badge{align-self:center;padding:4px 7px;font-size:8.5px}.finance-master-actions--desktop{display:none}.finance-master-actions-mobile{justify-self:end;display:block;position:relative}.finance-master-actions-mobile[open]{grid-column:1/-1;width:100%}.finance-master-actions-mobile>summary{color:#6e5b4f;cursor:pointer;background:#fff;border:1px solid #dcd2ca;border-radius:9px;place-items:center;width:34px;height:34px;font-size:13px;font-weight:800;list-style:none;display:grid}.finance-master-actions-mobile[open]>summary{margin-left:auto}.finance-master-actions-mobile>summary::-webkit-details-marker{display:none}.finance-master-actions-mobile>div{background:#fff;border:1px solid #ddd3cb;border-radius:9px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;min-width:0;margin-top:5px;padding:5px;display:grid}.finance-master-actions-mobile button{color:#62534a;min-height:33px;font:inherit;text-align:left;background:#f8f5f2;border:0;border-radius:7px;padding-inline:9px;font-size:10.5px}.finance-master-actions-mobile button.is-danger{color:#a34c4c}.finance-page:has(.finance-master-grid) .finance-scroll-controls{display:none}}@media (width<=390px){.finance-panel--category .finance-mini-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.finance-panel--category .finance-mini-form>div{grid-column:1/-1}}@media (width>=761px){.finance-master-card .finance-master-row__copy>strong{font-size:11.25px!important;line-height:1.1!important}.finance-master-card .finance-master-row__copy>small{margin-top:1px!important;font-size:8.25px!important;line-height:1.1!important}.finance-master-card .finance-system-badge{padding:2px 5px!important;font-size:7.5px!important}}@media (width<=760px){.finance-period-bar{grid-template-columns:minmax(0,1fr) 76px!important;gap:6px!important;padding:8px!important}.finance-period-field{overflow:visible!important}.finance-period-input-shell{width:100%!important;min-width:0!important;max-width:100%!important;height:38px!important}.finance-period-field .finance-period-input-shell input{width:100%!important;min-width:0!important;max-width:100%!important;min-inline-size:0!important;border:0!important;height:38px!important;padding:0 5px!important;overflow:hidden!important}.finance-period-bar .finance-button{width:76px!important;min-width:76px!important;height:38px!important;min-height:38px!important}}.finance-kpi strong,.finance-overview-equation strong{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-.035em!important;word-spacing:-.08em!important}.finance-panel--expense-entry{background:#f2d8d8!important;border-color:#e9baca!important}.finance-panel--expense-entry input,.finance-panel--expense-entry select,.finance-panel--expense-entry textarea{background:#fff!important}@media (width<=760px){.finance-panel--expense-entry{gap:7px!important;padding:9px!important}.finance-panel--expense-entry>header h2{font-size:16px!important}.finance-panel--expense-entry .finance-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px 7px!important}.finance-panel--expense-entry .finance-field--full{grid-column:1/-1!important}.finance-panel--expense-entry .finance-form-grid label{color:#6f4354!important;gap:3px!important;font-size:10.5px!important;line-height:1.15!important}.finance-panel--expense-entry .finance-form-grid label>span{font-size:9px!important}.finance-panel--expense-entry input,.finance-panel--expense-entry select,.finance-panel--expense-entry .indonesian-date-input__control,.finance-panel--expense-entry .indonesian-date-input__control>input,.finance-panel--expense-entry .indonesian-date-input__calendar{height:40px!important;min-height:40px!important;font-size:16px!important}.finance-panel--expense-entry input,.finance-panel--expense-entry select{padding:5px 8px!important}.finance-panel--expense-entry .indonesian-date-input__control{grid-template-columns:minmax(0,1fr) 40px!important}.finance-panel--expense-entry textarea{min-height:62px!important;padding:7px 8px!important;font-size:16px!important;line-height:1.25!important}.finance-panel--expense-entry input::placeholder,.finance-panel--expense-entry textarea::placeholder{font-size:12px!important}.finance-panel--expense-entry .finance-button--primary{height:36px!important;min-height:36px!important;font-size:11.5px!important}button.finance-master-actions-mobile{color:#6e5b4f!important;background:#fff!important;border:1px solid #dcd2ca!important;border-radius:9px!important;grid-column:auto!important;justify-self:end!important;place-items:center!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;font-size:13px!important;font-weight:800!important;display:grid!important;position:static!important}}.finance-period-value{display:none}@media (width>=761px){.finance-master-card:is(.finance-panel--category,.finance-panel--supplier)>header .finance-section-eyebrow,.finance-master-card:is(.finance-panel--category,.finance-panel--supplier)>header p{font-size:11px!important}.finance-master-card:is(.finance-panel--category,.finance-panel--supplier)>header h2{font-size:18px!important}.finance-master-card:is(.finance-panel--category,.finance-panel--supplier) .finance-mini-form input,.finance-master-card:is(.finance-panel--category,.finance-panel--supplier) .finance-mini-form select{font-size:12.5px!important}.finance-master-card:is(.finance-panel--category,.finance-panel--supplier) .finance-mini-form .finance-button{font-size:11px!important}.finance-master-card:is(.finance-panel--category,.finance-panel--supplier) .finance-master-row__copy>strong{font-size:12.25px!important}.finance-master-card:is(.finance-panel--category,.finance-panel--supplier) .finance-master-row__copy>small{font-size:9.25px!important}.finance-master-card:is(.finance-panel--category,.finance-panel--supplier) .finance-system-badge{font-size:8.5px!important}.finance-master-card:is(.finance-panel--category,.finance-panel--supplier) .finance-master-actions--desktop button{font-size:10px!important}}@media (width<=760px){.finance-period-input-shell{place-items:center!important;display:grid!important;position:relative!important}.finance-period-value{z-index:1;color:#392f2a;pointer-events:none;justify-content:center;align-items:center;padding-top:2px;font-size:16px;font-weight:700;line-height:1;display:flex;position:absolute;inset:0}.finance-period-field .finance-period-input-shell input[type=month]{z-index:2;cursor:pointer;opacity:0!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.finance-panel--expense-entry .finance-form-grid>label{align-content:start}.finance-panel--template-list .finance-template-list{gap:8px!important}.finance-panel--template-list .finance-template-list article{grid-template-rows:auto auto!important;grid-template-columns:minmax(0,1fr) 36px!important;align-items:start!important;gap:4px 8px!important;height:auto!important;min-height:76px!important;padding:9px 8px!important;display:grid!important;overflow:visible!important}.finance-panel--template-list .finance-template-list article>div:first-child{grid-area:1/1!important;min-width:0!important}.finance-panel--template-list .finance-used-badge{white-space:nowrap!important;grid-area:2/1!important;place-self:start!important;margin:0!important;position:static!important;inset:auto!important}.finance-panel--template-list .finance-template-actions-mobile{grid-area:1/2/span 2!important;place-self:center end!important;position:relative!important}}.attendance-summary-card{background:#fff;border:1px solid #eadde3;border-radius:22px;gap:18px;padding:clamp(18px,3vw,28px);display:grid;box-shadow:0 8px 26px #5c33460f}.attendance-summary-card__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.attendance-summary-card__header p,.attendance-summary-card__header h2{margin:0}.attendance-summary-card__header p{color:#8f295b;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:12px;font-weight:800}.attendance-summary-card__header h2{font-size:clamp(20px,3.5vw,28px)}.attendance-summary-card__bonus{border-radius:999px;flex:none;padding:8px 12px;font-weight:800}.attendance-summary-card__bonus--full{color:#1f6b39;background:#e8f7ed}.attendance-summary-card__bonus--reduced{color:#8b6400;background:#fff6d9}.attendance-summary-card__bonus--none{color:#a22c2c;background:#fff0f0}.attendance-summary-card__status{border-radius:14px;gap:5px;padding:14px 16px;display:grid}.attendance-summary-card__status--full{color:#245f37;background:#f0faf3}.attendance-summary-card__status--reduced{color:#755a0b;background:#fff9e8}.attendance-summary-card__status--none{color:#8e3232;background:#fff4f4}.attendance-summary-card__status span{font-size:13px;line-height:1.45}.attendance-summary-card__metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.attendance-summary-card__metrics>div{background:#fcfafb;border:1px solid #eee5e9;border-radius:14px;align-content:start;gap:4px;min-height:112px;padding:14px;display:grid}.attendance-summary-card__metrics span,.attendance-summary-card__breakdown span,.attendance-summary-card__tolerance span{color:#77646d;font-size:13px}.attendance-summary-card__metrics strong{font-size:19px}.attendance-summary-card__metrics small{color:#8c7b83;line-height:1.4}.attendance-summary-card__breakdown{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.attendance-summary-card__breakdown>div{border-bottom:1px solid #eee5e9;justify-content:space-between;gap:10px;padding:10px 12px;display:flex}.attendance-summary-card__tolerance{background:#f7f4f5;border-radius:14px;gap:5px;padding:14px 16px;display:grid}.attendance-summary-card__warning{color:#755a0b;background:#fffaea;border:1px solid #f1d48a;border-radius:14px;gap:4px;padding:13px 15px;display:grid}.attendance-summary-card--compact{gap:14px}.attendance-summary-card--compact .attendance-summary-card__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=760px){.attendance-summary-card__header{display:grid}.attendance-summary-card__bonus{justify-self:start}.attendance-summary-card__metrics,.attendance-summary-card--compact .attendance-summary-card__metrics,.attendance-summary-card__breakdown{grid-template-columns:1fr}.attendance-summary-card__metrics>div{min-height:0}}.attendance-employee,.attendance-owner{gap:20px;width:min(1180px,100%);margin:0 auto;display:grid}.attendance-loading-state{text-align:center;align-content:center;place-items:center;gap:12px;min-height:300px;display:grid}.attendance-loading-state--error{background:#fffafb;border:1px solid #efc6cb;border-radius:18px;padding:24px}.attendance-loading-state button,.attendance-secondary-button,.attendance-primary-action button,.attendance-approval-actions button,.attendance-correction-card button,.attendance-continue-card button,.attendance-inline-form button{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:#8f295b;border:0;border-radius:12px;padding:0 16px;font-weight:750}.attendance-loading-state button:disabled,.attendance-secondary-button:disabled,.attendance-primary-action button:disabled,.attendance-approval-actions button:disabled,.attendance-correction-card button:disabled,.attendance-inline-form button:disabled{opacity:.45;cursor:not-allowed}.attendance-today-card,.attendance-card,.attendance-continue-card{background:#fff;border:1px solid #eadde3;border-radius:22px;box-shadow:0 8px 26px #5c33460d}.attendance-today-card,.attendance-card{padding:clamp(18px,3vw,28px)}.attendance-today-card{gap:18px;display:grid}.attendance-today-card__header,.attendance-owner-heading,.attendance-card>header,.attendance-continue-card{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.attendance-today-card__header h1,.attendance-owner-heading h1,.attendance-card h2{margin:0}.attendance-today-card__header span,.attendance-owner-heading p,.attendance-helper-copy,.attendance-card>p{color:#78666f;line-height:1.55}.attendance-test-badge{color:#24558c;letter-spacing:.06em;background:#e8f1ff;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:850}.attendance-alert{border-radius:14px;gap:4px;padding:13px 15px;line-height:1.45;display:grid}.attendance-alert--danger{color:#8d2f2f;background:#fff3f3;border:1px solid #efbcbc}.attendance-alert--warning{color:#72590b;background:#fff9e8;border:1px solid #f0d58b}.attendance-alert--success{color:#28603a;background:#eff9f2;border:1px solid #bde2c8}.attendance-device-registration,.attendance-temp-exit-box,.attendance-day-state{background:#fcfafb;border:1px solid #eee4e8;border-radius:15px;padding:15px}.attendance-device-registration p,.attendance-temp-exit-box p,.attendance-temp-exit-box h3{margin:4px 0 0}.attendance-inline-form{gap:10px;margin-top:12px;display:flex}.attendance-inline-form input,.attendance-form-grid input,.attendance-form-grid select,.attendance-form-grid textarea,.attendance-approval-card textarea,.attendance-correction-card input{color:#2d2529;width:100%;min-height:44px;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #d9ccd2;border-radius:11px;padding:10px 12px}.attendance-form-grid select[multiple]{min-height:130px}.attendance-day-state{justify-content:space-between;gap:12px;display:flex}.attendance-day-state span{color:#78666f}.attendance-primary-action{display:grid}.attendance-primary-action button{letter-spacing:.04em;min-height:62px;font-size:19px}.attendance-done-state,.attendance-day-off-state{color:#355943;background:#f4f7f4;border-radius:14px;gap:5px;padding:16px;display:grid}.attendance-today-times,.attendance-owner-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.attendance-today-times>div,.attendance-owner-metrics article{background:#fcfafb;border:1px solid #eee5e9;border-radius:13px;gap:4px;padding:13px;display:grid}.attendance-today-times span,.attendance-owner-metrics span{color:#78666f;font-size:12px}.attendance-card{gap:16px;display:grid}.attendance-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.attendance-form-grid label,.attendance-correction-card label{color:#5f4d56;gap:6px;font-size:13px;font-weight:700;display:grid}.attendance-form-grid__wide{grid-column:1/-1}.attendance-secondary-button{justify-self:start}.attendance-request-list,.attendance-history-list,.attendance-device-admin-list,.attendance-calendar-list,.attendance-test-list{gap:8px;display:grid}.attendance-request-list article,.attendance-history-list article,.attendance-calendar-list article{border-bottom:1px solid #eee5e9;grid-template-columns:1.2fr repeat(3,minmax(0,.8fr));gap:10px;padding:12px 0;display:grid}.attendance-continue-card{align-items:center;padding:18px}.attendance-continue-card>div{gap:4px;display:grid}.attendance-continue-card>div:last-child{gap:8px;display:flex}.attendance-owner-heading{align-items:end}.attendance-owner-heading p,.attendance-owner-heading h1{margin:0}.attendance-owner-date{color:#7a3153;background:#f4edf0;border-radius:999px;padding:8px 12px;font-weight:700}.attendance-tabs{gap:7px;padding-bottom:3px;display:flex;overflow-x:auto}.attendance-tab{color:#604d56;min-height:40px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dbcdd3;border-radius:999px;flex:none;padding:0 13px;font-weight:700}.attendance-tab span{background:#f1e5ea;border-radius:999px;margin-left:6px;padding:1px 6px}.attendance-tab--active{color:#fff;background:#8f295b;border-color:#8f295b}.attendance-owner-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.attendance-owner-metrics strong{font-size:24px}.attendance-table-wrap{overflow-x:auto}.attendance-table{border-collapse:collapse;width:100%}.attendance-table th,.attendance-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #eee5e9;padding:11px 10px}.attendance-table th{color:#755f69;font-size:12px}.attendance-table small{color:#35638f}.attendance-owner-columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.attendance-approval-card,.attendance-correction-card,.attendance-device-admin-list article{background:#fcfafb;border:1px solid #eee3e8;border-radius:14px;gap:9px;padding:14px;display:grid}.attendance-approval-card>span,.attendance-device-admin-list span,.attendance-correction-card span{color:#75626b;font-size:13px}.attendance-approval-card p{margin:0}.attendance-approval-actions{flex-wrap:wrap;gap:8px;display:flex}.attendance-approval-actions--stacked{display:grid}.attendance-danger-button{color:#a13c43!important;background:#fff!important;border:1px solid #c96a70!important}.attendance-device-admin-list article{grid-template-columns:1fr auto;align-items:center}.attendance-device-admin-list article>div:first-child{gap:3px;display:grid}.attendance-device-admin-list small{color:#35638f;font-weight:800}.attendance-settings-readonly{border-top:1px solid #eee5e9;grid-template-columns:1fr auto;gap:8px 14px;padding-top:12px;display:grid}.attendance-settings-readonly span{color:#76636c}.attendance-test-list label{border-bottom:1px solid #eee5e9;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.attendance-test-list label span{gap:3px;display:grid}.attendance-test-list small{color:#76636c}.attendance-test-list input{width:22px;height:22px}.attendance-test-summary{color:#315b86;background:#eef5ff;border-radius:12px;padding:12px}@media (width<=920px){.attendance-owner-columns{grid-template-columns:1fr}.attendance-owner-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.attendance-employee,.attendance-owner{gap:14px}.attendance-today-card__header,.attendance-owner-heading,.attendance-card>header,.attendance-continue-card,.attendance-device-admin-list article,.attendance-inline-form,.attendance-continue-card>div:last-child{display:grid}.attendance-today-times,.attendance-owner-metrics,.attendance-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-request-list article,.attendance-history-list article{grid-template-columns:1fr 1fr}.attendance-form-grid__wide{grid-column:1/-1}}@media (width<=460px){.attendance-owner-metrics,.attendance-form-grid,.attendance-today-times{grid-template-columns:1fr}.attendance-form-grid__wide{grid-column:auto}}.attendance-owner-columns__wide{grid-column:1/-1}.attendance-ghost-button{color:#604d56!important;background:#fff!important;border:1px solid #cfc1c7!important}.attendance-calendar-list article{grid-template-columns:1fr auto;align-items:center}.attendance-calendar-list article>div:first-child{gap:4px;display:grid}@media (width<=700px){.attendance-calendar-list article{grid-template-columns:1fr}}.attendance-monthly-owner-list{gap:12px;display:grid}.attendance-monthly-owner-list>article{background:#fcfafb;border:1px solid #eee3e8;border-radius:16px;gap:13px;padding:16px;display:grid}.attendance-monthly-owner-list>article>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.attendance-monthly-owner-list>article>header>div{gap:3px;display:grid}.attendance-monthly-owner-list>article>header span{color:#75626b;font-size:13px}.attendance-monthly-owner-list>article>header small{color:#35638f;font-weight:800}.attendance-monthly-owner-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.attendance-monthly-owner-metrics>div{background:#fff;border:1px solid #eee5e9;border-radius:12px;gap:4px;padding:10px;display:grid}.attendance-monthly-owner-metrics span{color:#78666f;font-size:11px}.attendance-owner-bonus{border-radius:12px;gap:3px;padding:11px 13px;display:grid}.attendance-owner-bonus span{font-size:12px}.attendance-owner-bonus--full{color:#28603a;background:#eff9f2}.attendance-owner-bonus--reduced{color:#72590b;background:#fff8e2}.attendance-owner-bonus--not_entitled{color:#8d2f2f;background:#fff3f3}@media (width<=800px){.attendance-monthly-owner-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=460px){.attendance-monthly-owner-metrics{grid-template-columns:1fr}}.attendance-header-side{justify-items:end;gap:8px;display:grid}.attendance-server-clock{text-align:right;background:#f1f8f7;border:1px solid #c7dedb;border-radius:13px;gap:2px;min-width:176px;padding:10px 12px;display:grid}.attendance-server-clock>span{letter-spacing:.055em;text-transform:uppercase;font-size:10px;font-weight:750;color:#4e8782!important}.attendance-server-clock strong{color:#315f5b;font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:24px}.attendance-server-clock small{color:#6d817f;font-size:9px}@media (width<=640px){.attendance-today-card__header{align-items:stretch}.attendance-header-side{justify-items:stretch}.attendance-server-clock{text-align:left;min-width:0}}.attendance-server-clock{box-shadow:0 8px 20px #2994b22e;color:#fff!important;background:#2994b2!important;border-color:#217b94!important}.attendance-server-clock span,.attendance-server-clock strong,.attendance-server-clock small{color:#fff!important}.attendance-server-clock small{opacity:.86}@media (width<=700px){.attendance-employee,.attendance-owner{gap:9px;width:100%;min-width:0;max-width:100%;overflow-x:clip}.attendance-owner-heading h1,.attendance-owner-heading p{display:none}.attendance-owner-heading{gap:6px;min-height:0}.attendance-owner-date{padding:6px 9px;font-size:12px}.attendance-tabs{gap:5px;padding-bottom:1px}.attendance-tab{min-height:34px;padding:0 10px;font-size:12px}.attendance-tab span{margin-left:4px;padding:0 5px}.attendance-today-card,.attendance-card{border-radius:14px;gap:10px;min-width:0;padding:12px}.attendance-card h2{font-size:17px}.attendance-card>p,.attendance-helper-copy,.attendance-today-card__header span{font-size:11px;line-height:1.4}.attendance-owner-metrics{gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.attendance-owner-metrics article,.attendance-today-times>div{border-radius:10px;gap:2px;min-height:64px;padding:9px}.attendance-owner-metrics span,.attendance-today-times span{font-size:10px}.attendance-owner-metrics strong{font-size:18px}.attendance-owner-columns,.attendance-owner-columns__wide{gap:9px}.attendance-approval-card,.attendance-correction-card,.attendance-device-admin-list article{border-radius:11px;gap:7px;min-width:0;padding:10px}.attendance-correction-card label,.attendance-form-grid label{gap:4px;min-width:0;font-size:11.5px}.attendance-inline-form input,.attendance-form-grid input,.attendance-form-grid select,.attendance-form-grid textarea,.attendance-approval-card textarea,.attendance-correction-card input,.attendance-correction-card select,.attendance-correction-card textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%;font-size:16px}.attendance-form-grid input,.attendance-form-grid select,.attendance-correction-card input,.attendance-correction-card select{min-height:40px;padding:7px 9px}.attendance-inline-form,.attendance-form-grid,.attendance-continue-card>div:last-child{min-width:0}.attendance-correction-card button,.attendance-approval-actions button,.attendance-secondary-button,.attendance-inline-form button{border-radius:9px;min-height:36px;padding-inline:11px;font-size:12px}.attendance-monthly-owner-list{gap:7px}.attendance-monthly-owner-list>article{border-radius:11px;gap:8px;padding:10px}.attendance-monthly-owner-list>article>header span{font-size:11px}.attendance-monthly-owner-metrics{gap:5px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.attendance-monthly-owner-metrics>div{border-radius:9px;gap:2px;padding:7px}.attendance-monthly-owner-metrics span{font-size:9.5px}.attendance-owner-bonus{border-radius:9px;padding:8px 9px}.attendance-owner-bonus span{font-size:10px}.attendance-server-clock{border-radius:11px;gap:1px;min-width:0;padding:8px 10px}.attendance-server-clock>span{font-size:8.5px}.attendance-server-clock strong{font-size:21px}.attendance-server-clock small{font-size:8px}}@media (width<=460px){.attendance-owner-metrics,.attendance-monthly-owner-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.attendance-form-grid,.attendance-today-times{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-form-grid__wide{grid-column:1/-1}}.attendance-request-card{border-color:#eadde3}.attendance-request-card__header{align-items:flex-start!important;gap:10px!important;display:flex!important}.attendance-request-card__icon{color:#8f295b;background:#ffffffc2;border:1px solid #8f295b24;border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:17px;font-weight:800;display:grid}.attendance-request-card--swap .attendance-request-card__icon{color:#345ea9;border-color:#345ea929}.attendance-request-card__description{color:#75636c;margin:4px 0 0;font-size:12px;line-height:1.4}.attendance-request-history-card{background:#fbfafb}.attendance-request-history-list{gap:7px;display:grid}.attendance-request-history-list>p{color:#806f77;margin:0;font-size:12px}.attendance-request-history-list article{background:#fff;border:1px solid #ebe2e6;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.attendance-request-history-list article>div{gap:2px;min-width:0;display:grid}.attendance-request-history-list article strong{color:#3f3037;font-size:12px}.attendance-request-history-list article div>span{color:#7b6871;font-size:10px}.attendance-request-status{border-radius:999px;flex:none;justify-content:center;align-items:center;padding:4px 7px;font-size:9px;font-weight:800;display:inline-flex}.attendance-request-status--pending{color:#8a681e;background:#fff4d9}.attendance-request-status--approved{color:#397248;background:#edf7ef}.attendance-request-status--rejected,.attendance-request-status--cancelled{color:#9e3f51;background:#fbecef}@media (width<=760px){.attendance-employee,.attendance-owner{gap:9px!important;padding-bottom:66px!important}.attendance-today-card,.attendance-card,.attendance-continue-card,.attendance-summary-card{box-shadow:none!important;border-radius:13px!important;padding:11px 12px!important}.attendance-today-card{gap:9px!important}.attendance-today-card__header{gap:8px!important}.attendance-today-card__header h1{margin-top:2px!important;font-size:1.18rem!important;line-height:1.18!important}.attendance-today-card__header span,.attendance-helper-copy,.attendance-request-card__description{font-size:10px!important;line-height:1.35!important}.attendance-test-badge{padding:4px 7px!important;font-size:8px!important}.attendance-device-registration{border-radius:11px!important;gap:7px!important;padding:9px!important}.attendance-device-registration strong{font-size:12px!important}.attendance-device-registration p{margin-top:2px!important;font-size:9.5px!important;line-height:1.35!important}.attendance-inline-form{gap:6px!important}.attendance-inline-form input,.attendance-inline-form button,.attendance-form-grid input,.attendance-form-grid select,.attendance-form-grid textarea,.attendance-secondary-button{min-height:40px!important;font-size:11px!important}.attendance-day-state{border-radius:10px!important;padding:7px 9px!important}.attendance-day-state span{font-size:9px!important}.attendance-day-state strong{font-size:12px!important}.attendance-primary-action{margin:0!important}.attendance-primary-action>button{letter-spacing:.02em!important;border-radius:13px!important;min-height:48px!important;padding:0 18px!important;font-size:15px!important}.attendance-today-times{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}.attendance-today-times>div{min-width:0;border-radius:9px!important;padding:7px 4px!important}.attendance-today-times span{font-size:8px!important;line-height:1.15!important}.attendance-today-times strong{margin-top:2px!important;font-size:10px!important;line-height:1.2!important}.attendance-temp-exit-box{border-radius:11px!important;gap:6px!important;padding:9px!important}.attendance-temp-exit-box h3{font-size:12px!important}.attendance-temp-exit-box p{font-size:9.5px!important}.attendance-alert{border-radius:10px!important;gap:3px!important;padding:8px 9px!important;font-size:10px!important;line-height:1.35!important}.attendance-summary-card{gap:8px!important}.attendance-summary-card__header{gap:7px!important}.attendance-summary-card__header p{font-size:9px!important}.attendance-summary-card__header h2{font-size:14px!important}.attendance-summary-card__bonus{padding:5px 7px!important;font-size:10px!important}.attendance-summary-card__status,.attendance-summary-card__tolerance,.attendance-summary-card__warning{border-radius:9px!important;padding:7px 8px!important;font-size:9.5px!important}.attendance-summary-card__metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}.attendance-summary-card__metrics>div{border-radius:9px!important;min-height:0!important;padding:7px!important}.attendance-summary-card__metrics span,.attendance-summary-card__metrics small{font-size:8.5px!important}.attendance-summary-card__metrics strong{font-size:12px!important}.attendance-summary-card__breakdown{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}.attendance-summary-card__breakdown>div{padding:6px!important}.attendance-summary-card__breakdown span{font-size:8px!important}.attendance-summary-card__breakdown strong{font-size:11px!important}.attendance-card>header,.attendance-request-card__header{margin-bottom:8px!important}.attendance-card h2,.attendance-request-card h2{margin:0!important;font-size:14px!important}.attendance-request-card__icon{border-radius:9px;flex-basis:30px;width:30px;height:30px;font-size:15px}.attendance-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.attendance-form-grid label{gap:4px!important;font-size:9.5px!important}.attendance-form-grid textarea{min-height:64px!important;padding-block:8px!important}.attendance-secondary-button{margin-top:8px!important;padding-inline:12px!important}.attendance-request-history-list{gap:5px}.attendance-request-history-list article{border-radius:9px;padding:7px 8px}.attendance-request-history-list article strong{font-size:10.5px}.attendance-history-list{gap:5px!important}.attendance-history-list article{border-radius:9px!important;grid-template-columns:1.25fr repeat(3,minmax(0,1fr))!important;gap:4px!important;padding:7px!important}.attendance-history-list strong,.attendance-history-list span{font-size:9px!important}.attendance-continue-card{gap:8px!important}.attendance-continue-card>div:first-child strong{font-size:12px!important}.attendance-continue-card>div:first-child span{font-size:9.5px!important}.attendance-continue-card button{min-height:36px!important;font-size:10px!important}}.attendance-monitor-mobile{display:none}@media (width<=760px){.attendance-owner{min-width:0;overflow-x:clip}.attendance-owner-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}.attendance-owner-metrics article{border-radius:9px!important;min-height:58px!important;padding:7px!important}.attendance-owner-metrics span{font-size:8.5px!important;line-height:1.15!important}.attendance-owner-metrics strong{margin-top:2px!important;font-size:17px!important;line-height:1!important}.attendance-card:has(.attendance-monitor-mobile){overflow:hidden;gap:6px!important;padding:8px!important}.attendance-card:has(.attendance-monitor-mobile)>header{padding-bottom:4px!important}.attendance-card:has(.attendance-monitor-mobile)>header h2{font-size:13px!important}.attendance-card:has(.attendance-monitor-mobile) .page-eyebrow{font-size:8px!important}.attendance-table-wrap--today{display:none!important}.attendance-monitor-mobile{gap:5px;width:100%;min-width:0;display:grid}.attendance-monitor-item{background:#fff;border:1px solid #e7dce1;border-radius:9px;min-width:0;overflow:hidden}.attendance-monitor-item>summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"person chevron""times status";align-items:center;gap:3px 6px;min-width:0;padding:7px;list-style:none;display:grid}.attendance-monitor-item>summary::-webkit-details-marker{display:none}.attendance-monitor-item__person{grid-area:person;min-width:0}.attendance-monitor-item__person strong,.attendance-monitor-item__person small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.attendance-monitor-item__person strong{color:#382d32;font-size:11px;line-height:1.15}.attendance-monitor-item__person small{color:#88757e;margin-top:1px;font-size:8px;line-height:1.1}.attendance-monitor-item__times{color:#65545c;white-space:nowrap;grid-area:times;font-size:9px;font-weight:700}.attendance-monitor-status{color:#6e5c65;text-overflow:ellipsis;white-space:nowrap;background:#f1edf0;border-radius:999px;grid-area:status;justify-self:end;max-width:116px;padding:3px 6px;font-size:7.75px;font-weight:800;line-height:1.05;overflow:hidden}.attendance-monitor-status--checked-in{color:#34704b;background:#e6f3ea}.attendance-monitor-status--temporary-exit{color:#91611f;background:#fff0d8}.attendance-monitor-status--checked-out{color:#48647d;background:#e8eef7}.attendance-monitor-item__chevron{color:#816b75;grid-area:chevron;justify-self:end;font-size:14px;line-height:1;transition:transform .12s}.attendance-monitor-item[open] .attendance-monitor-item__chevron{transform:rotate(180deg)}.attendance-monitor-item__detail{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:0 7px 7px;display:grid}.attendance-monitor-item__detail>div{background:#faf7f8;border-radius:7px;min-width:0;padding:5px 6px}.attendance-monitor-item__detail span,.attendance-monitor-item__detail strong{min-width:0;display:block}.attendance-monitor-item__detail span{color:#927e87;font-size:7.5px;line-height:1.1}.attendance-monitor-item__detail strong{overflow-wrap:anywhere;color:#493b42;margin-top:2px;font-size:9px;line-height:1.15}.attendance-monitor-item__wide{grid-column:1/-1}}@media (width<=390px){.attendance-form-grid{grid-template-columns:1fr!important}.attendance-today-times{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=760px){.attendance-today-times{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.attendance-today-times>div{border-radius:10px!important;align-content:center!important;gap:3px!important;min-height:54px!important;padding:8px 10px!important}.attendance-today-times span{font-size:10.5px!important;line-height:1.15!important}.attendance-today-times strong{margin-top:0!important;font-size:14px!important;line-height:1.15!important}.attendance-request-card .attendance-form-grid>label,.attendance-request-card .attendance-date-field{color:#584650!important;gap:7px!important;font-size:13px!important;font-weight:700!important;line-height:1.2!important}}.attendance-test-payroll-generator{background:#f7faff;border:1px solid #dce6f4;border-radius:18px;gap:16px;margin-top:18px;padding:18px;display:grid}.attendance-test-payroll-generator h3{color:#2f2530;margin:2px 0 4px;font-size:1.08rem}.attendance-test-generator-note{color:#665a61;background:#fff;border-radius:14px;padding:12px 14px;font-size:.92rem;line-height:1.5}.attendance-test-generator-note strong{color:#315b86}.attendance-test-generator-actions{flex-wrap:wrap;gap:10px;display:flex}.attendance-test-generator-actions button{min-height:46px}@media (width<=700px){.attendance-test-payroll-generator{border-radius:16px;padding:14px}.attendance-test-generator-actions{grid-template-columns:1fr;display:grid}.attendance-test-generator-actions button{width:100%}}.attendance-checkin-cta{gap:9px;display:grid}.attendance-primary-action .attendance-primary-action__button{letter-spacing:.04em;border-radius:18px;min-height:58px;font-weight:800;transition:transform .12s,box-shadow .12s,filter .12s}.attendance-primary-action .attendance-primary-action__button--checkin{color:#fff;background:linear-gradient(#4e9a70 0%,#387c59 100%);border:1px solid #2f75533d;justify-content:center;align-items:center;gap:10px;display:inline-flex;box-shadow:0 12px 24px #306f4f38,0 3px 8px #306f4f24}.attendance-primary-action .attendance-primary-action__button--checkin:not(:disabled):active{transform:translateY(1px)scale(.995);box-shadow:0 7px 14px #306f4f2e}.attendance-primary-action__icon{background:#fff3;border-radius:50%;place-items:center;width:30px;height:30px;font-size:18px;display:grid}.attendance-gps-readiness{color:#978a90;text-align:center;font-size:12px;line-height:1.35;display:block}.attendance-gps-readiness.is-ready{color:#4e755e}@media (width<=760px){.attendance-primary-action .attendance-primary-action__button{width:100%;min-height:62px;font-size:17px}}.attendance-request-card--swap{background:linear-gradient(#f7f9ff 0%,#f1f5ff 100%);border-color:#d7e0f1}.attendance-request-card--swap .page-eyebrow,.attendance-request-card--swap h2{color:#345ea9}@media (width<=760px){.attendance-form-grid,.attendance-form-grid>label{width:100%;max-width:100%;min-width:0!important}.attendance-form-grid input[type=date]{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;min-inline-size:0!important;font-size:16px!important;display:block!important;overflow:hidden!important}.attendance-form-grid input[type=date]::-webkit-date-and-time-value{text-align:left;min-width:0!important}}.attendance-date-field{color:#584650;gap:7px;min-width:0;max-width:100%;font-size:13px;font-weight:700;display:grid}.attendance-date-field>span{display:block}.attendance-request-card .indonesian-date-input,.attendance-request-card .indonesian-date-input__control{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.attendance-request-card .indonesian-date-input__control{background:#fff;border:1px solid #d8cdd2;border-radius:14px;grid-template-columns:minmax(0,1fr) 50px;display:grid;overflow:hidden}.attendance-request-card .indonesian-date-input__control>input[type=text]{box-sizing:border-box;color:#372c32;width:100%;min-width:0;height:52px;font:inherit;background:0 0;border:0;border-radius:0;outline:0;margin:0;padding:0 15px;font-size:16px;line-height:normal}.attendance-request-card .indonesian-date-input__calendar{color:#536d60;background:#ffffffb8;border:0;border-left:1px solid #d8cdd2;border-radius:0;place-items:center;width:50px;min-width:50px;height:52px;min-height:52px;margin:0;padding:0;display:grid}.attendance-request-card .indonesian-date-input__calendar svg{width:22px;height:22px;margin:0;display:block}.attendance-request-card--leave{background:linear-gradient(#f4f7f0 0%,#eef4e9 100%)!important;border-color:#cdd9c7!important}.attendance-request-card--leave .page-eyebrow,.attendance-request-card--leave h2{color:#5d745f!important}.attendance-request-card--leave .attendance-secondary-button{color:#fff!important;background:#78907a!important;border-color:#78907a!important}.attendance-request-card--leave .attendance-secondary-button:disabled{cursor:not-allowed;color:#fff!important;opacity:1!important;background:#9eae99!important;border-color:#9eae99!important}@media (width<=760px){.attendance-form-grid{width:100%!important;min-width:0!important;max-width:100%!important}.attendance-form-grid>*,.attendance-date-field,.attendance-date-field .indonesian-date-input,.attendance-date-field .indonesian-date-input__control{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important}.attendance-today-times{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.attendance-today-times>div{border-radius:10px!important;align-content:center!important;gap:3px!important;min-height:54px!important;padding:8px 10px!important}.attendance-today-times span{font-size:10.5px!important;line-height:1.15!important}.attendance-today-times strong{margin-top:0!important;font-size:14px!important;line-height:1.15!important}}.birthday-owner-task{background:linear-gradient(135deg,#fff5f8 0%,#fffaf7 100%);border:1px solid #f0d7df;border-radius:20px;grid-template-columns:auto 1fr;gap:14px;margin:0 0 18px;padding:18px;display:grid;box-shadow:0 8px 24px #6a405112}.birthday-owner-task__icon{background:#f9e4ec;border-radius:16px;place-items:center;width:48px;height:48px;font-size:25px;display:grid}.birthday-owner-task p{color:#9a6c7f;letter-spacing:.08em;margin:0 0 5px;font-size:11px;font-weight:800}.birthday-owner-task h2{color:#4a343e;margin:0;font-size:18px}.birthday-owner-task__people{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.birthday-owner-task__people span{color:#715d66;background:#fff;border:1px solid #f0dfe5;border-radius:999px;padding:7px 10px;font-size:13px}@media (width<=600px){.birthday-owner-task{grid-template-columns:1fr}.birthday-owner-task__icon{width:42px;height:42px}}.finance-running-profit{background:#fff;border:1px solid #dfd6cd;border-radius:17px;gap:12px;padding:16px;display:grid;box-shadow:0 7px 22px #5646380a}.finance-running-profit>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.finance-running-profit>header p{color:#9a856d;letter-spacing:.07em;text-transform:uppercase;margin:0 0 3px;font-size:10px;font-weight:700}.finance-running-profit>header h2{margin:0;font-size:18px}.finance-running-profit>header button{color:#fff;cursor:pointer;min-height:36px;font:inherit;background:#9a856d;border:1px solid #9a856d;border-radius:9px;padding:0 11px;font-size:12px;font-weight:600}.finance-running-profit__metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.finance-running-profit__metrics>div{background:#faf8f5;border-radius:11px;gap:4px;min-width:0;padding:10px;display:grid}.finance-running-profit__metrics span{color:#827468;font-size:10px}.finance-running-profit__metrics strong{overflow-wrap:anywhere;color:#55483e;font-variant-numeric:tabular-nums;font-size:15px}.finance-running-profit__metrics .is-profit{background:#eef6f0}.finance-running-profit__metrics .is-profit strong{color:#476c51}.finance-running-profit__metrics .is-negative{background:#fff1f1}.finance-running-profit__metrics .is-negative strong{color:#a44545}@media (width<=720px){.finance-running-profit__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-running-profit>header{align-items:flex-start}}.payment-due-card{background:#fff9f2;border:1px solid #ead6c3;border-radius:16px;gap:12px;padding:16px;display:grid}.payment-due-card>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.payment-due-card>header div{gap:4px;display:grid}.payment-due-card>header p{color:#9a6f49;letter-spacing:.08em;margin:0;font-size:10px;font-weight:750}.payment-due-card>header h2{margin:0;font-size:19px}.payment-due-card>header span{color:#806f63;font-size:12px}.payment-due-card>header>strong{color:#8a5d38;background:#f4e1cf;border-radius:999px;place-items:center;min-width:34px;min-height:34px;display:grid}.payment-due-card__list{gap:7px;max-height:300px;display:grid;overflow-y:auto}.payment-due-card__list article{background:#fff;border:1px solid #eadfd4;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;padding:10px 11px;display:flex}.payment-due-card__list article>div{gap:2px;min-width:0;display:grid}.payment-due-card__list article span{color:#6f6258;font-size:12px}.payment-due-card__list article small{color:#8a7c71;font-size:11px}.payment-due-card__status{border-radius:999px;flex:none;padding:5px 8px;font-weight:700;font-size:10px!important}.payment-due-card__status.is-upcoming{color:#527052;background:#edf4ea}.payment-due-card__status.is-today{color:#8b651f;background:#fff0d8}.payment-due-card__status.is-overdue{color:#a24747;background:#fde9e9}.payment-due-card>button{color:#705a48;cursor:pointer;min-height:38px;font:inherit;background:#fff;border:1px solid #d9c8b8;border-radius:9px;justify-self:start;padding:0 13px;font-weight:650}.payment-due-card__error{color:#9c4545;font-size:12px}@media (width<=640px){.payment-due-card{padding:13px}.payment-due-card__list article{flex-direction:column;align-items:flex-start}}.payment-due-card__copy{min-width:0}.payment-due-card__row-action{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.payment-due-card__row-action button{color:#7c5336;cursor:pointer;background:#fff;border:1px solid #d7b896;border-radius:9px;min-height:32px;padding:0 10px;font-size:11px;font-weight:600}@media (width<=760px){.payment-due-card__row-action{flex-direction:column;align-items:flex-end}.payment-due-card__row-action button{min-height:29px;font-size:9.5px}}.payment-due-card__list article>.payment-due-card__row-action{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}@media (width<=760px){.payment-due-card__list article>.payment-due-card__row-action{flex-direction:column;align-items:flex-end;width:100%}}.owner-tasks-summary-card{background:#fdf4f5;border:1px solid #d9bfdf;border-radius:17px;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex}.owner-tasks-summary-card p,.owner-tasks-summary-card h2,.owner-tasks-summary-card span{margin:0}.owner-tasks-summary-card p{color:#745080;letter-spacing:.08em;font-size:10px;font-weight:700}.owner-tasks-summary-card h2{color:#604a68;margin-top:3px;font-size:19px}.owner-tasks-summary-card span{color:#7d6759;margin-top:4px;font-size:13px;display:block}.owner-tasks-summary-card__action{align-items:center;gap:10px;display:flex}.owner-tasks-summary-card__action strong{color:#4e6074;background:#c0dbea;border-radius:999px;place-items:center;width:34px;height:34px;font-size:13px;display:grid}.owner-tasks-summary-card button{color:#fff;cursor:pointer;background:#ba90c6;border:1px solid #ba90c6;border-radius:10px;min-height:38px;padding:0 14px}@media (width<=760px){.owner-tasks-summary-card{border-radius:14px;align-items:stretch;padding:12px}.owner-tasks-summary-card h2{font-size:15px}.owner-tasks-summary-card span{font-size:10.5px}.owner-tasks-summary-card__action{flex-direction:column;align-items:flex-end}.owner-tasks-summary-card button{min-height:32px;padding:0 10px;font-size:10px}}.role-dashboard-state{color:#715f68;text-align:center;background:#fff;border:1px solid #e5d9de;border-radius:20px;align-content:center;place-items:center;gap:12px;min-height:260px;padding:28px;display:grid}.role-dashboard-state p{max-width:620px;margin:0;line-height:1.6}.role-dashboard-state h1{margin:0;font-family:inherit;font-size:clamp(27px,4vw,38px)}.role-dashboard-state button{color:#fff;cursor:pointer;background:#8f295b;border:1px solid #8f295b;border-radius:11px;min-height:42px;padding:0 15px;font-weight:600}.role-dashboard-state--error{background:#fffafb;border-color:#edc3c8}.protected-shell{--module-accent:#8f295b;--module-accent-dark:#742047;--module-accent-soft:#f8eaf1;--module-accent-border:#dfb9cc}.protected-shell:has(.dashboard-page){--module-accent:#8f295b;--module-accent-dark:#742047;--module-accent-soft:#f8eaf1;--module-accent-border:#dfb9cc}.protected-shell:has(.attendance-page){--module-accent:#4e8782;--module-accent-dark:#396e69;--module-accent-soft:#edf6f5;--module-accent-border:#bfdbd8}.protected-shell:has(.finance-page){--module-accent:#7d6a9b;--module-accent-dark:#65527f;--module-accent-soft:#f1eef6;--module-accent-border:#d2c8df}.protected-shell:has(.payroll-page){--module-accent:#927b3f;--module-accent-dark:#75622f;--module-accent-soft:#f7f3e9;--module-accent-border:#ddd1ad}.protected-shell .sidebar-link--active,.protected-shell .mobile-bottom-nav__active{border-color:var(--module-accent)!important;background:var(--module-accent-soft)!important;color:var(--module-accent)!important}.protected-shell .sidebar-link--active .sidebar-link__icon{border-color:var(--module-accent)!important;background:var(--module-accent)!important;color:#fff!important}.protected-shell .topbar-label,.protected-shell .page-eyebrow{color:var(--module-accent)}.protected-shell .foundation-chip{border-color:var(--module-accent-border);background:var(--module-accent-soft);color:var(--module-accent)}.protected-shell .card-link{border-color:var(--module-accent)!important;background:var(--module-accent)!important;color:#fff!important}.dashboard-section{border-top:3px solid var(--module-accent)}.dashboard-section__eyebrow{color:var(--module-accent)!important}.protected-shell:has(.product-page) .product-button--primary{border-color:var(--module-accent)!important;background:var(--module-accent)!important;color:#fff!important}:is(.protected-shell:has(.product-page) .product-tabs button.is-active,.protected-shell:has(.product-page) .product-status-filters button.is-active){border-color:var(--module-accent)!important;background:var(--module-accent-soft)!important;color:var(--module-accent)!important}.protected-shell:has(.personnel-page) .personnel-primary-action{border-color:var(--module-accent)!important;background:var(--module-accent)!important;color:#fff!important}.protected-shell:has(.personnel-page) .personnel-filter--active{border-color:var(--module-accent)!important;background:var(--module-accent-soft)!important;color:var(--module-accent)!important}.protected-shell,.protected-shell button,.protected-shell input,.protected-shell select,.protected-shell textarea,.protected-shell table,.protected-shell th,.protected-shell td,.protected-shell label{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,Helvetica,sans-serif!important}.protected-shell h1,.protected-shell h2,.protected-shell h3,.protected-shell h4,.protected-shell h5,.protected-shell h6{font-family:inherit!important;font-weight:600!important}.protected-shell strong{font-weight:600!important}.protected-shell button{font-weight:500!important}.protected-shell label,.protected-shell th,.protected-shell .page-eyebrow{font-weight:600!important}.protected-shell [class*=badge],.protected-shell [class*=status]{font-family:inherit!important;font-weight:600!important}.protected-shell:has(.order-page){--module-accent:#33879a;--module-accent-dark:#246d7d;--module-accent-soft:#e7f3f5;--module-accent-border:#9fc9d2}.protected-shell:has(.personnel-page){--module-accent:#80647d;--module-accent-dark:#674f64;--module-accent-soft:#f1eaf0;--module-accent-border:#cfbdcc}:is(.protected-shell:has(.finance-page),.protected-shell:has(.payroll-page),.protected-shell:has(.report-page),.protected-shell:has(.reports-page),.protected-shell:has(.reporting-page)){--module-accent:#9a856d;--module-accent-dark:#7d6b57;--module-accent-soft:#f4f0eb;--module-accent-border:#d5c9bd}:is(.protected-shell:has(.product-page),.protected-shell:has(.material-hpp-workspace)){--module-accent:#6f8b72;--module-accent-dark:#526c56;--module-accent-soft:#dde9de;--module-accent-border:#91aa94}.protected-shell:has(.product-page) .product-tabs button{color:#6f6268!important;border:1px solid #0000!important;font-weight:500!important}.protected-shell:has(.product-page) .product-tabs button.is-active{border-color:var(--module-accent)!important;background:var(--module-accent-soft)!important;color:var(--module-accent-dark)!important;font-weight:600!important;box-shadow:0 2px 8px #526c5624!important}.protected-shell:has(.product-page) .product-status-filters button.is-active{border-color:var(--module-accent)!important;background:var(--module-accent-soft)!important;color:var(--module-accent-dark)!important;font-weight:600!important}.dashboard-section--tone-0{--dashboard-tone:#fff4f8;--dashboard-tone-border:#edd3df}.dashboard-section--tone-1{--dashboard-tone:#f2f8ff;--dashboard-tone-border:#d4e4f4}.dashboard-section--tone-2{--dashboard-tone:#f3f8f2;--dashboard-tone-border:#d7e7d3}.dashboard-section--tone-3{--dashboard-tone:#f7f3fb;--dashboard-tone-border:#e2d7ee}.dashboard-section--tone-0,.dashboard-section--tone-1,.dashboard-section--tone-2,.dashboard-section--tone-3{background:var(--dashboard-tone);border-color:var(--dashboard-tone-border)}@media (width<=760px){.dashboard-page{gap:10px!important}.dashboard-page .page-heading{gap:8px!important;padding:4px 2px 2px!important}.dashboard-page .page-heading h1{margin-top:2px!important;font-size:1.4rem!important;line-height:1.15!important}.dashboard-page .page-heading>div>p:last-child{margin-top:4px!important;font-size:.78rem!important;line-height:1.35!important}.dashboard-page .foundation-chip{padding:5px 8px!important;font-size:9px!important}.dashboard-grid{grid-template-columns:1fr!important;gap:8px!important;display:grid!important}.dashboard-section{min-height:0!important;box-shadow:none!important;border-radius:13px!important;gap:8px!important;padding:11px 12px!important}.dashboard-section__eyebrow{letter-spacing:.03em!important;margin:0 0 2px!important;font-size:9px!important}.dashboard-section h2{margin:0!important;font-size:15px!important;line-height:1.2!important}.dashboard-section__description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;color:#725f68!important;margin:3px 0 0!important;font-size:10.5px!important;line-height:1.35!important}.dashboard-section__footer{gap:6px!important;min-height:0!important;padding-top:2px!important}.dashboard-section__footer .neutral-status{padding:4px 6px!important;font-size:8.5px!important}.dashboard-section__footer .card-link{min-height:32px!important;padding:0 10px!important;font-size:10px!important}.dashboard-page .attendance-summary-card--compact{border-radius:13px!important;gap:8px!important;padding:11px 12px!important}.dashboard-page .attendance-summary-card--compact .attendance-summary-card__header h2{font-size:14px!important}.dashboard-page .attendance-summary-card--compact .attendance-summary-card__metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.dashboard-page .attendance-summary-card--compact .attendance-summary-card__metrics>div{min-height:0!important;padding:7px!important}.dashboard-page .attendance-summary-card--compact .attendance-summary-card__metrics span,.dashboard-page .attendance-summary-card--compact .attendance-summary-card__metrics small{font-size:8.5px!important}.dashboard-page .attendance-summary-card--compact .attendance-summary-card__metrics strong{font-size:12px!important}}.manual-task-panel{background:#fffaf2;border:1px solid #ead7bd;border-radius:15px;gap:12px;margin-bottom:16px;padding:14px;display:grid}.manual-task-panel__heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.manual-task-panel__heading h2{color:#4d3b24;margin:3px 0 5px;font-size:20px}.manual-task-panel__heading p{color:#7f6c50;margin:0;font-size:13px;line-height:1.45}.manual-task-button{color:#6c5737;cursor:pointer;min-height:36px;font:inherit;background:#fff;border:1px solid #dcc9ac;border-radius:9px;padding:0 12px;font-size:13px;font-weight:700}.manual-task-button--primary{color:#fff;background:#9b7a3a;border-color:#9b7a3a}.manual-task-button:disabled{cursor:not-allowed;opacity:.55}.manual-task-message,.manual-task-empty{border-radius:10px;padding:10px 12px;line-height:1.45}.manual-task-message--error{color:#9e3443;background:#fff1f2;border:1px solid #ebc1c7}.manual-task-message--success,.manual-task-empty--done{color:#3d704a;background:#eef8f1;border:1px solid #bbdcc4}.manual-task-empty{color:#806e54;background:#fff;border:1px solid #eadbc6}.manual-task-list{gap:9px;display:grid}.manual-task-list article{background:#fff;border:1px solid #eadcc7;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:12px;display:grid}.manual-task-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.manual-task-title-row>strong{color:#382d1e;font-size:16px}.manual-task-copy>p{color:#786951;margin:5px 0 10px;font-size:13px;line-height:1.45}.manual-task-status{border-radius:999px;align-items:center;min-height:23px;padding:0 8px;font-size:10px;font-weight:800;display:inline-flex}.manual-task-status--pending{color:#8b5d17;background:#fff0d9}.manual-task-status--waiting{color:#42638a;background:#eaf0f8}.manual-task-copy dl{grid-template-columns:repeat(3,minmax(110px,1fr));gap:7px 12px;margin:0;display:grid}.manual-task-copy dl div{min-width:0}.manual-task-copy dt{color:#9a8565;font-size:10px;font-weight:700}.manual-task-copy dd{color:#4d402f;margin:2px 0 0;font-size:12px;font-weight:700}.manual-task-linked{color:#705d41;background:#f5f0e7;border-radius:8px;margin-top:9px;padding:8px 9px;font-size:12px}.manual-task-actions{align-content:center;gap:7px;min-width:180px;display:grid}.manual-task-modal{z-index:1250;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.manual-task-modal__backdrop{background:#2a2217b3;border:0;position:absolute;inset:0}.manual-task-modal__panel{z-index:1;background:#fff;border-radius:15px;grid-template-rows:auto minmax(0,1fr) auto;width:min(720px,100%);max-height:94vh;display:grid;position:relative;overflow:hidden}.manual-task-modal__panel>header,.manual-task-modal__panel>footer{justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;display:flex}.manual-task-modal__panel>header{border-bottom:1px solid #eee2d0}.manual-task-modal__panel>footer{background:#fbf8f2;border-top:1px solid #eee2d0;justify-content:flex-end}.manual-task-modal__panel h3{color:#3e3121;margin:0;font-size:20px}.manual-task-modal__body{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:0;padding:15px;display:grid;overflow-y:auto}.manual-task-modal__body label{color:#8a6b32;gap:6px;font-size:12px;font-weight:700;display:grid}.manual-task-modal__body input,.manual-task-modal__body select,.manual-task-modal__body textarea{color:#3c3224;width:100%;min-width:0;min-height:40px;font:inherit;background:#fff;border:1px solid #ddd0bb;border-radius:9px;padding:8px 10px}.manual-task-modal__body textarea{resize:vertical}.manual-task-field--full{grid-column:1/-1}.manual-task-help{color:#746347;background:#f7f1e7;border-radius:8px;margin:0;padding:9px;font-size:12px;line-height:1.45}@media (width<=760px){.manual-task-panel__heading,.manual-task-list article{grid-template-columns:1fr;display:grid}.manual-task-copy dl{grid-template-columns:repeat(2,minmax(0,1fr))}.manual-task-actions{min-width:0}.manual-task-modal{align-items:end;padding:0}.manual-task-modal__panel{border-radius:17px 17px 0 0;max-height:97vh}.manual-task-modal__body{grid-template-columns:1fr}.manual-task-field--full{grid-column:auto}}.manual-task-panel,.manual-task-panel button,.manual-task-panel input,.manual-task-panel select,.manual-task-panel textarea,.manual-task-modal,.manual-task-modal button,.manual-task-modal input,.manual-task-modal select,.manual-task-modal textarea{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,Helvetica,sans-serif!important}.manual-task-panel__heading h2,.manual-task-title-row>strong,.manual-task-modal__panel h3{font-weight:600!important}.manual-task-button{font-weight:500!important}.manual-task-status{font-weight:600!important}.manual-task-copy dt,.manual-task-copy dd{font-weight:500!important}.manual-task-modal__body label{font-weight:600!important}.order-hpp-task-panel{background:#fff;border:1px solid #e2d7dc;border-radius:14px;gap:12px;padding:14px;font-family:inherit;display:grid}.order-hpp-task-panel__heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.order-hpp-task-panel__heading h2{color:#33262c;margin:3px 0 5px;font-size:20px;font-weight:600}.order-hpp-task-panel__heading p{color:#7c6972;margin:0;line-height:1.45}.order-hpp-task-button{color:#5e4752;cursor:pointer;min-height:36px;font:inherit;background:#fff;border:1px solid #d9cbd1;border-radius:9px;padding:0 12px;font-weight:500}.order-hpp-task-button:disabled{cursor:not-allowed;opacity:.55}.order-hpp-task-button--primary{color:#fff;background:#9a856d;border-color:#9a856d}.order-hpp-task-message{border-radius:10px;padding:10px 12px;line-height:1.45}.order-hpp-task-message--error{color:#993746;background:#fff2f3;border:1px solid #ebc3c8}.order-hpp-task-message--success{color:#386d48;background:#eef9f1;border:1px solid #badcc3}.order-hpp-task-empty{color:#806e76;text-align:center;background:#faf7f8;border-radius:11px;padding:18px}.order-hpp-task-empty--done{color:#3e724d;background:#eef8f1}.order-hpp-task-list{gap:10px;display:grid}.order-hpp-task-list>article{background:#fcfafb;border:1px solid #e5d9de;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:12px;display:grid}.order-hpp-task-copy{min-width:0}.order-hpp-task-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.order-hpp-task-title-row>strong{color:#382a31;font-size:16px;font-weight:600}.order-hpp-task-status{color:#925a19;background:#fff0dc;border-radius:999px;align-items:center;min-height:24px;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.order-hpp-task-copy>p{color:#836f78;margin:6px 0 10px;font-size:13px}.order-hpp-task-copy dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.order-hpp-task-copy dl>div{background:#fff;border-radius:8px;min-width:0;padding:8px}.order-hpp-task-copy dt{color:#8d7881;font-size:11px;font-weight:500}.order-hpp-task-copy dd{color:#44343b;overflow-wrap:anywhere;margin:3px 0 0;font-weight:500}.order-hpp-task-actions{flex-wrap:wrap;place-content:flex-start flex-end;align-items:flex-start;gap:7px;max-width:330px;display:flex}.order-hpp-material-details{background:#fff;border:1px solid #e4d9de;border-radius:9px;margin-top:10px;overflow:hidden}.order-hpp-material-details summary{color:#65505a;cursor:pointer;padding:9px 10px;font-weight:500}.order-hpp-material-list{background:#ebe1e5;border-top:1px solid #ebe1e5;gap:1px;display:grid}.order-hpp-material-list>div{background:#fff;justify-content:space-between;gap:12px;padding:8px 10px;display:flex}.order-hpp-material-list strong,.order-hpp-material-list span{display:block}.order-hpp-material-list strong{color:#44343b;font-weight:500}.order-hpp-material-list div>div>span{color:#89757e;margin-top:2px;font-size:11px}.order-hpp-material-list>div>span{color:#5f4c55;text-align:right;font-weight:500}.order-hpp-task-modal{z-index:1300;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.order-hpp-task-modal__backdrop{background:#281d22b8;border:0;position:absolute;inset:0}.order-hpp-task-modal__panel{z-index:1;background:#fff;border-radius:15px;grid-template-rows:auto minmax(0,1fr) auto;width:min(560px,100%);max-height:94vh;font-family:inherit;display:grid;position:relative;overflow:hidden}.order-hpp-task-modal__panel>header,.order-hpp-task-modal__panel>footer{justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;display:flex}.order-hpp-task-modal__panel>header{border-bottom:1px solid #ece2e6}.order-hpp-task-modal__panel>header h3{color:#35272e;margin:0;font-size:20px;font-weight:600}.order-hpp-task-modal__body{gap:13px;padding:15px;display:grid;overflow-y:auto}.order-hpp-task-modal__body>label{color:#9a856d;gap:6px;font-weight:600;display:grid}.order-hpp-task-modal__body textarea{resize:vertical;color:#3d2e35;width:100%;min-height:90px;font:inherit;border:1px solid #d9ccd2;border-radius:9px;padding:9px 10px}.order-hpp-task-check{grid-template-columns:none;align-items:flex-start;color:#5f4c55!important;gap:8px!important;font-weight:500!important;display:flex!important}.order-hpp-task-check input{width:18px;height:18px;margin-top:1px}.order-hpp-task-modal__panel>footer{background:#fbf8f9;border-top:1px solid #ece2e6;justify-content:flex-end}@media (width<=760px){.order-hpp-task-panel__heading,.order-hpp-task-list>article{grid-template-columns:1fr}.order-hpp-task-panel__heading{display:grid}.order-hpp-task-panel__heading>.order-hpp-task-button{width:100%}.order-hpp-task-copy dl{grid-template-columns:1fr 1fr}.order-hpp-task-actions{max-width:none;display:grid}.order-hpp-task-actions .order-hpp-task-button{width:100%}.order-hpp-task-modal{align-items:end;padding:0}.order-hpp-task-modal__panel{border-radius:17px 17px 0 0;width:100%;max-height:96vh}}.order-hpp-task-destination{border:1px solid #dfd1d7;border-radius:10px;gap:8px;margin:0;padding:11px;display:grid}.order-hpp-task-destination legend{color:#9a856d;padding:0 5px;font-size:13px;font-weight:600}.order-hpp-task-destination label{color:#4d3b43;cursor:pointer;background:#fff;border:1px solid #eadfe4;border-radius:9px;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:9px;padding:10px;display:grid}.order-hpp-task-destination label:has(input:checked){background:#fbf7f1;border-color:#9a856d}.order-hpp-task-destination input{accent-color:#8f295b;width:18px;height:18px;margin:1px 0 0}.order-hpp-task-destination strong,.order-hpp-task-destination small{display:block}.order-hpp-task-destination strong{font-size:13px}.order-hpp-task-destination small{color:#7f6d75;margin-top:3px;font-size:11px;font-weight:400;line-height:1.4}.payroll-owner-task{background:#fff4f7;border:1px solid #ecd2dc;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.payroll-owner-task h2,.payroll-owner-task p{margin:0}.payroll-owner-task h2{color:#71294a;font-size:1.05rem}.payroll-owner-task>div>p:last-child{color:#755f69;margin-top:4px;font-size:.86rem}.payroll-owner-task button{color:#fff;background:#812653;border:0;border-radius:10px;min-height:38px;padding:0 14px;font-weight:800}@media (width<=760px){.payroll-owner-task{border-radius:13px;padding:11px 12px}.payroll-owner-task h2{font-size:14px}.payroll-owner-task>div>p:last-child{font-size:10.5px}.payroll-owner-task button{min-height:32px;padding:0 10px;font-size:10px}}.owner-tasks-page{--owner-task-accent:#ba90c6;--owner-task-accent-dark:#745080;--owner-task-soft:#fdf4f5;--owner-task-border:#d9bfdf;gap:16px;display:grid}.owner-tasks-page__hero{border:1px solid var(--owner-task-border);background:linear-gradient(135deg,#fdf4f5,#fff);border-radius:20px;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px 22px;display:flex}.owner-tasks-page__hero h1{color:#745080;margin:3px 0 5px;font-size:clamp(30px,4vw,42px)}.owner-tasks-page__hero>div>p:last-child{color:#6c6070;margin:0}.owner-tasks-page__total{text-align:right;background:#c0dbea;border:1px solid #a9ccdf;border-radius:15px;min-width:118px;padding:12px 14px}.owner-tasks-page__total span,.owner-tasks-page__total strong{display:block}.owner-tasks-page__total span{color:#4e6074;font-size:11px}.owner-tasks-page__total strong{color:#4e6074;margin-top:2px;font-size:28px}.owner-tasks-page__summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.owner-tasks-page__summary article{background:#fdf4f5;border:1px solid #dcc3e3;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.owner-tasks-page__summary span{color:#6c6070;font-size:12px}.owner-tasks-page__summary strong{color:#745080;font-size:18px}.owner-tasks-page__sections{gap:14px;display:grid}.owner-tasks-page .order-hpp-task-panel,.owner-tasks-page .manual-task-panel,.owner-tasks-page .payroll-owner-task{background:#fdf4f5;border-color:#dcc3e3;margin:0}.owner-tasks-page .order-hpp-task-panel{border-top:3px solid #ba90c6}.owner-tasks-page .manual-task-panel{border-top:3px solid #c0dbea}.owner-tasks-page .payroll-owner-task{border-top:3px solid #ba90c6}@media (width<=760px){.owner-tasks-page{gap:10px}.owner-tasks-page__hero{border-radius:15px;padding:14px}.owner-tasks-page__hero h1{font-size:25px}.owner-tasks-page__hero>div>p:last-child{font-size:11px}.owner-tasks-page__total{min-width:86px;padding:9px}.owner-tasks-page__total strong{font-size:22px}.owner-tasks-page__summary{grid-template-columns:1fr;gap:6px}.owner-tasks-page__summary article{padding:9px 11px}}.owner-tasks-page{--ot-lavender:#ba90c6;--ot-cloud:#fdf4f5;--ot-ice:#c0dbea}.owner-tasks-hero{background:linear-gradient(135deg, var(--ot-cloud), #fff);border-color:var(--ot-lavender)}.owner-tasks-hero .page-eyebrow,.owner-tasks-hero h1{color:#745080}.owner-tasks-count{background:var(--ot-ice);color:#4e6074;border-color:#a9ccdf}.owner-tasks-section{background:var(--ot-cloud);border-color:#dcc3e3;border-top-color:var(--ot-lavender)}.owner-tasks-section:nth-of-type(2n){border-color:#c7dfea;border-top-color:var(--ot-ice);background:#f4f9fc}.owner-tasks-page .product-button--primary,.owner-tasks-page .finance-button--primary{background:var(--ot-lavender);border-color:var(--ot-lavender);color:#fff}.owner-tasks-page{--ot-lavender:#ba90c6;--ot-cloud:#fdf4f5;--ot-ice:#c0dbea;--owner-task-accent:var(--ot-lavender);--owner-task-accent-dark:#745080;--owner-task-soft:var(--ot-cloud);--owner-task-border:#d9bfdf}.owner-tasks-page__hero{background:linear-gradient(135deg, var(--ot-cloud), #fff);border-color:#d4b5dc}.owner-tasks-page__hero h1,.owner-tasks-page__hero .page-eyebrow{color:#745080}.owner-tasks-page__total{background:var(--ot-ice);border-color:#a9ccdf}.owner-tasks-page__total span,.owner-tasks-page__total strong{color:#4e6074}.owner-tasks-page__summary article,.owner-tasks-page .order-hpp-task-panel,.owner-tasks-page .manual-task-panel,.owner-tasks-page .payroll-owner-task{background:var(--ot-cloud);border-color:#dcc3e3}.owner-tasks-page__summary article:nth-child(2n){background:#f4f9fc;border-color:#c7dfea}@media (width<=720px){.owner-tasks-page{gap:8px}.owner-tasks-page__hero{border-radius:12px;align-items:center;gap:8px;padding:10px}.owner-tasks-page__hero h1{margin:1px 0 0;font-size:18px}.owner-tasks-page__hero>div>p:last-child{display:none}.owner-tasks-page__total{border-radius:10px;min-width:72px;padding:7px 8px}.owner-tasks-page__total span{font-size:9px}.owner-tasks-page__total strong{font-size:18px}.owner-tasks-page__summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.owner-tasks-page__summary article{border-radius:9px;gap:1px;min-width:0;padding:7px;display:grid}.owner-tasks-page__summary span{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.owner-tasks-page__summary strong{font-size:15px}.owner-tasks-page__sections{gap:8px}.owner-tasks-page .order-hpp-task-panel,.owner-tasks-page .manual-task-panel,.owner-tasks-page .payroll-owner-task{border-radius:11px}}.owner-tasks-page__hero{border-radius:13px;align-items:center;padding:11px 13px}.owner-tasks-page__hero>span{color:#745080;font-size:14px;font-weight:700}.owner-tasks-page__total{color:#4e6074;text-align:center;background:#c0dbea;border:1px solid #b7d4e4;border-radius:999px;place-items:center;min-width:32px;height:32px;padding:0 8px;font-size:15px;line-height:1;display:grid}@media (width<=720px){.owner-tasks-page__hero{border-radius:10px;min-height:0;padding:8px 10px}.owner-tasks-page__hero>span{font-size:12px}.owner-tasks-page__total{min-width:28px;height:28px;padding-inline:7px;font-size:13px}.owner-tasks-page .order-hpp-task-panel,.owner-tasks-page .manual-task-panel,.owner-tasks-page .payroll-owner-task{border-top-width:2px;border-radius:10px;gap:7px;padding:9px}.owner-tasks-page .order-hpp-task-panel__heading,.owner-tasks-page .manual-task-panel__heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.owner-tasks-page .order-hpp-task-panel__heading>div,.owner-tasks-page .manual-task-panel__heading>div{min-width:0}.owner-tasks-page .order-hpp-task-panel__heading .page-eyebrow,.owner-tasks-page .manual-task-panel__heading .page-eyebrow,.owner-tasks-page .payroll-owner-task .page-eyebrow{letter-spacing:.06em;margin:0 0 1px;font-size:8px}.owner-tasks-page .order-hpp-task-panel__heading h2,.owner-tasks-page .manual-task-panel__heading h2,.owner-tasks-page .payroll-owner-task h2{margin:0;font-size:14px;line-height:1.2}.owner-tasks-page .order-hpp-task-panel__heading p:last-child,.owner-tasks-page .manual-task-panel__heading p:last-child,.owner-tasks-page .payroll-owner-task>div>p:last-child{margin-top:2px;font-size:9.5px;line-height:1.3}.owner-tasks-page .order-hpp-task-panel__heading>.order-hpp-task-button,.owner-tasks-page .manual-task-panel__heading>.manual-task-button{width:auto;min-height:32px;padding-inline:9px;font-size:10px}.owner-tasks-page .order-hpp-task-list,.owner-tasks-page .manual-task-list{gap:6px}.owner-tasks-page .order-hpp-task-list>article,.owner-tasks-page .manual-task-list>article{border-radius:9px;grid-template-columns:1fr;gap:7px;padding:8px;display:grid}.owner-tasks-page .order-hpp-task-title-row,.owner-tasks-page .manual-task-title-row{gap:5px}.owner-tasks-page .order-hpp-task-title-row>strong,.owner-tasks-page .manual-task-title-row>strong{font-size:13.5px;line-height:1.2}.owner-tasks-page .order-hpp-task-status,.owner-tasks-page .manual-task-status{min-height:20px;padding-inline:6px;font-size:8.5px}.owner-tasks-page .order-hpp-task-copy>p,.owner-tasks-page .manual-task-copy>p{margin:3px 0 6px;font-size:10.5px;line-height:1.3}.owner-tasks-page .order-hpp-task-copy dl,.owner-tasks-page .manual-task-copy dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}.owner-tasks-page .order-hpp-task-copy dl>div,.owner-tasks-page .manual-task-copy dl>div{background:0 0;border-bottom:1px solid #7e62711c;border-radius:0;min-width:0;padding:4px 0}.owner-tasks-page .order-hpp-task-copy dt,.owner-tasks-page .manual-task-copy dt{font-size:8.5px}.owner-tasks-page .order-hpp-task-copy dd,.owner-tasks-page .manual-task-copy dd{text-overflow:ellipsis;margin-top:1px;font-size:10.5px;line-height:1.25;overflow:hidden}.owner-tasks-page .order-hpp-material-details,.owner-tasks-page .manual-task-linked{margin-top:6px;font-size:10px}.owner-tasks-page .order-hpp-material-details summary,.owner-tasks-page .manual-task-linked{padding:6px 7px}.owner-tasks-page .order-hpp-task-actions,.owner-tasks-page .manual-task-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;min-width:0;max-width:none;display:grid}.owner-tasks-page .order-hpp-task-actions .order-hpp-task-button,.owner-tasks-page .manual-task-actions .manual-task-button{width:100%;min-height:34px;padding:4px 7px;font-size:9.5px;line-height:1.15}.owner-tasks-page .order-hpp-task-actions>:only-child,.owner-tasks-page .manual-task-actions>:only-child,.owner-tasks-page .manual-task-actions>:last-child:nth-child(odd){grid-column:1/-1}.owner-tasks-page .order-hpp-task-message,.owner-tasks-page .order-hpp-task-empty,.owner-tasks-page .manual-task-message,.owner-tasks-page .manual-task-empty{min-height:0;padding:7px 8px;font-size:10px;line-height:1.35}.owner-tasks-page .payroll-owner-task{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.owner-tasks-page .payroll-owner-task button{min-height:32px;padding-inline:9px;font-size:9.5px}}.owner-tasks-page .order-hpp-task-panel,.owner-tasks-page .manual-task-panel,.owner-tasks-page .payroll-owner-task{background:#fdf4f5;border-color:#ba90c6 #dcc3e3 #dcc3e3}.owner-tasks-page .manual-task-panel{background:#f4f9fc;border-color:#c0dbea}.owner-tasks-page .order-hpp-task-panel__heading .page-eyebrow,.owner-tasks-page .manual-task-panel__heading .page-eyebrow,.owner-tasks-page .payroll-owner-task .page-eyebrow,.owner-tasks-page .order-hpp-task-panel__heading h2,.owner-tasks-page .manual-task-panel__heading h2,.owner-tasks-page .payroll-owner-task h2{color:#745080}.owner-tasks-page .order-hpp-task-button--primary,.owner-tasks-page .manual-task-button--primary,.owner-tasks-page .payroll-owner-task button{color:#fff;background:#ba90c6;border-color:#ba90c6}.owner-tasks-page .order-hpp-task-status,.owner-tasks-page .manual-task-status--waiting{color:#4e6074;background:#c0dbea}.owner-tasks-page .order-hpp-task-list>article,.owner-tasks-page .manual-task-list>article,.owner-tasks-page .order-hpp-task-copy dl>div,.owner-tasks-page .manual-task-empty,.owner-tasks-page .order-hpp-task-empty,.owner-tasks-page .order-hpp-material-details,.owner-tasks-page .manual-task-linked{background:#fff;border-color:#d9bfdf}.owner-tasks-page .order-hpp-task-panel__heading p,.owner-tasks-page .manual-task-panel__heading p,.owner-tasks-page .order-hpp-task-copy>p,.owner-tasks-page .manual-task-copy>p,.owner-tasks-page .order-hpp-task-copy dt,.owner-tasks-page .manual-task-copy dt{color:#6c6070}.owner-tasks-page .order-hpp-task-title-row>strong,.owner-tasks-page .manual-task-title-row>strong,.owner-tasks-page .order-hpp-task-copy dd,.owner-tasks-page .manual-task-copy dd{color:#493c4d}.owner-tasks-page .order-hpp-task-button:not(.order-hpp-task-button--primary),.owner-tasks-page .manual-task-button:not(.manual-task-button--primary){color:#745080;background:#fff;border-color:#d4b5dc}.owner-tasks-page .manual-task-status--pending{color:#745080;background:#f1e3f4}.payroll-privacy-page{width:min(100%,760px);margin:0 auto;padding:clamp(10px,2vw,24px) 0}.payroll-privacy-card{background:#fffafb;border:1px solid #eadde3;border-radius:22px;gap:18px;padding:clamp(22px,4vw,34px);display:grid;box-shadow:0 10px 28px #58334412}.payroll-privacy-icon{background:#f6e8ee;border-radius:15px;place-items:center;width:48px;height:48px;font-size:23px;display:grid}.payroll-privacy-copy h1{color:#35272e;margin:4px 0 8px;font-size:clamp(22px,4vw,30px);line-height:1.15}.payroll-privacy-copy>p:last-child,.payroll-privacy-note{color:#74636b;margin:0;line-height:1.55}.payroll-privacy-form{gap:12px;display:grid}.payroll-privacy-form label{color:#5c4650;gap:7px;font-size:13px;font-weight:800;display:grid}.payroll-privacy-form input{color:#33272d;width:100%;min-height:48px;font:inherit;background:#fff;border:1px solid #dbcbd2;border-radius:12px;outline:none;padding:0 14px}.payroll-privacy-form input:focus{border-color:#8f295b;box-shadow:0 0 0 3px #8f295b17}.payroll-privacy-error{color:#9b3544;background:#fff2f3;border:1px solid #efc8cd;border-radius:11px;padding:10px 12px;font-size:12px;font-weight:700}.payroll-privacy-submit{color:#fff;cursor:pointer;min-height:48px;font:inherit;background:#8f295b;border:0;border-radius:12px;font-weight:850}.payroll-privacy-submit:disabled{cursor:wait;opacity:.66}.payroll-privacy-note{padding-top:2px;font-size:11px}@media (width<=620px){.payroll-privacy-page{padding-top:4px}.payroll-privacy-card{border-radius:17px;gap:14px;padding:18px 16px}.payroll-privacy-icon{border-radius:13px;width:42px;height:42px;font-size:20px}.payroll-privacy-copy h1{font-size:21px}.payroll-privacy-copy>p:last-child{font-size:12px}.payroll-privacy-form input,.payroll-privacy-submit{min-height:45px}}@media (width<=760px){.payroll-privacy-form input{font-size:16px!important}.payroll-privacy-page{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.payroll-privacy-card{box-sizing:border-box!important;width:100%!important;max-width:100%!important}}.payroll-password-field{color:#5c4650;gap:7px;font-size:13px;font-weight:800;display:grid}.payroll-password-wrap{width:100%;min-width:0;position:relative}.payroll-password-wrap input{padding-right:52px}.payroll-password-toggle{color:#765f6a;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:38px;height:38px;padding:0;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.payroll-password-toggle:hover:not(:disabled),.payroll-password-toggle:focus-visible{color:#8f295b;background:#f7edf1;outline:none}.payroll-password-toggle:disabled{opacity:.55;cursor:not-allowed}.payroll-password-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.payroll-password-wrap input::-webkit-credentials-auto-fill-button{visibility:hidden;pointer-events:none;display:none!important}.payroll-page{gap:16px;display:grid}.payroll-period{color:#6b5260;gap:5px;font-size:12px;font-weight:800;display:grid}.payroll-period input,.payroll-page input,.payroll-page select,.payroll-page textarea{box-sizing:border-box;color:#3e3037;min-height:42px;font:inherit;background:#fff;border:1px solid #dfd2d8;border-radius:10px;padding:8px 11px}.payroll-page textarea{resize:vertical;min-height:78px}.payroll-message,.payroll-error{border-radius:10px;padding:10px 12px;font-size:13px}.payroll-message{color:#34643f;background:#eff8f1}.payroll-error{color:#9b2638;background:#fff1f2}.payroll-tabs{gap:7px;display:flex;overflow:auto}.payroll-tabs button{color:#6b5260;background:#fff;border:1px solid #dfd2d8;border-radius:999px;flex:none;min-height:38px;padding:0 14px;font-weight:800}.payroll-tabs button.active{color:#fff;background:#812653;border-color:#812653}.payroll-button{color:#fff;cursor:pointer;background:#812653;border:0;border-radius:10px;min-height:38px;padding:0 13px;font-weight:800}.payroll-button:disabled{opacity:.45}.payroll-button--quiet{color:#6d3d54;background:#fff;border:1px solid #dfcbd4}.payroll-button--final{background:#5e3047}.payroll-owner-actions{background:#fff;border:1px solid #eadde3;border-radius:14px;flex-wrap:wrap;gap:8px;padding:12px;display:flex}.payroll-reopen{flex:320px;gap:6px;display:flex}.payroll-reopen input{flex:1}.payroll-list{gap:12px;display:grid}.payroll-owner-row{grid-template-columns:minmax(0,1fr) minmax(250px,350px);gap:10px;display:grid}.payroll-breakdown{background:#fff;border:1px solid #e7dce1;border-radius:16px;padding:16px}.payroll-breakdown__head{justify-content:space-between;gap:12px;display:flex}.payroll-breakdown__head>div{display:grid}.payroll-breakdown__head span{color:#85727b;font-size:11px}.payroll-status{background:#f4edf0;border-radius:999px;align-self:start;padding:4px 7px;font-size:10px;font-weight:900}.payroll-status--paid{color:#356943;background:#edf7ef}.payroll-status--submitted{color:#5a4781;background:#f2effb}.payroll-lines{gap:6px;margin-top:12px;display:grid}.payroll-lines h4{color:#812653;margin:8px 0 2px}.payroll-lines>div{justify-content:space-between;gap:12px;padding:3px 0;display:flex}.payroll-lines .payroll-total{border-top:1px dashed #e3d8dd;padding-top:7px}.payroll-thp{color:#fff;background:#7d294f;border-radius:11px;justify-content:space-between;margin:12px -4px 10px;padding:12px;display:flex}.payroll-thp strong{font-size:1.15rem}.addition-form{background:#fff7fa;border:1px solid #eadde3;border-radius:14px;align-self:start;gap:7px;padding:12px;display:grid}.payroll-request-grid,.employee-request-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.payroll-request-grid>section,.request-form-card,.request-history,.event-panel,.thr-panel,.attendance-extra-panel{background:#fff;border:1px solid #e7dce1;border-radius:16px;padding:15px}.request-card{border-bottom:1px solid #f0e7eb;grid-template-columns:1fr auto;gap:10px;padding:11px 0;display:grid}.request-card>div:first-child{gap:3px;display:grid}.request-card span,.request-card small{color:#816f78;font-size:11px}.request-card p{margin:0;font-size:12px}.request-decision{grid-template-columns:120px 150px auto;align-items:end;gap:6px;display:grid}.request-decision label{gap:3px;font-size:10px;display:grid}.request-decision>div{gap:5px;display:flex}.event-panel form,.thr-actions{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:8px;display:grid}.event-panel label,.thr-actions label,.request-form-card label{gap:4px;font-size:11px;font-weight:800;display:grid}.event-list{margin-top:12px;display:grid}.event-list>div{border-top:1px solid #f0e7eb;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:8px 0;display:grid}.attendance-extra-list{gap:7px;margin-top:10px;display:grid}.attendance-extra-row{background:#faf7f8;border-radius:10px;grid-template-columns:1.4fr repeat(3,100px) 120px auto;align-items:end;gap:7px;padding:8px;display:grid}.attendance-extra-row>div{display:grid}.attendance-extra-row span{color:#7b6871;font-size:10px}.attendance-extra-row label{gap:2px;font-size:9px;font-weight:800;display:grid}.attendance-extra-row .check{align-items:center;gap:5px;min-height:42px;display:flex}.attendance-extra-row .check input{min-height:auto}.capacity{background:#f6f0f3;border-radius:10px;margin-bottom:10px;padding:10px;display:grid}.capacity strong{color:#812653;font-size:1.2rem}.capacity small{color:#78656f;font-size:10px}.request-form-card form{gap:8px;display:grid}.request-history{grid-column:1/-1}.request-history>div{border-top:1px solid #eee4e8;grid-template-columns:1fr auto auto;gap:10px;padding:8px 0;display:grid}.request-history span{display:grid}.request-history small{color:#7f6b75;font-size:10px}.request-history em{font-size:10px;font-style:normal}.thr-card{background:#f7f2f4;border-radius:12px;gap:4px;margin:10px 0;padding:12px;display:grid}.thr-card strong{color:#812653;font-size:1.25rem}.payroll-empty,.payroll-state{text-align:center;border:1px dashed #dfd2d8;border-radius:16px;padding:24px}.payroll-empty h2{margin:0}.payroll-empty p{color:#78656f;margin-bottom:0}@media (width<=760px){.payroll-page{gap:10px;padding-bottom:76px}.payroll-page .page-heading{gap:8px}.payroll-page .page-heading h1{font-size:1.35rem}.payroll-page .page-heading>div>p:last-child{font-size:10.5px;line-height:1.35}.payroll-period{width:100%}.payroll-period input,.payroll-page input,.payroll-page select,.payroll-page textarea{width:100%;font-size:16px}.payroll-tabs button{min-height:32px;padding:0 10px;font-size:10px}.payroll-owner-actions{padding:9px}.payroll-owner-actions>.payroll-button,.payroll-reopen{flex:100%}.payroll-reopen{display:grid}.payroll-owner-row{grid-template-columns:1fr}.payroll-breakdown{border-radius:13px;padding:12px}.payroll-breakdown__head strong{font-size:13px}.payroll-lines{font-size:11px}.payroll-thp,.addition-form{padding:10px}.payroll-request-grid,.employee-request-grid,.request-card,.request-decision{grid-template-columns:1fr}.request-decision>div{grid-template-columns:1fr 1fr;display:grid}.event-panel,.thr-panel,.request-form-card,.request-history,.attendance-extra-panel{border-radius:13px;padding:11px}.event-panel form,.thr-actions{grid-template-columns:1fr}.event-list>div{grid-template-columns:1fr auto}.event-list>div button{grid-column:1/-1}.attendance-extra-row{grid-template-columns:1fr 1fr}.attendance-extra-row>div{grid-column:1/-1}.attendance-extra-row .check{min-height:34px}.attendance-extra-row button{grid-column:1/-1}.request-history>div{grid-template-columns:1fr auto}.request-history em{grid-column:1/-1}.payroll-button{min-height:34px;font-size:11px}}.request-form-card__heading{align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.request-form-card__heading h2{margin:0 0 5px;font-size:1.15rem;line-height:1.2}.request-form-card__description{color:#837780;margin:0;font-size:12px;font-weight:500;line-height:1.5}.request-form-card__icon{border-radius:12px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:900;display:grid}.request-form-card--reimbursement{background:#f5faf7;border-color:#d6e8dc}.request-form-card--reimbursement .request-form-card__heading h2{color:#315f43}.request-form-card--reimbursement .request-form-card__icon{color:#397650;background:#e2f0e7}.request-form-card--cash-advance{background:#fff8ef;border-color:#f0ddc1}.request-form-card--cash-advance .request-form-card__heading h2{color:#8a4c13}.request-form-card--cash-advance .request-form-card__icon{color:#a35a15;background:#fae9d3}.request-form-card--cash-advance .capacity{background:#fff2df}.request-submit{width:100%}.request-submit--reimbursement{background:#397650}.request-submit--cash-advance{background:#c87518}.request-date-field{min-width:0;max-width:100%;overflow:hidden}.request-date-field input[type=date]{box-sizing:border-box;text-align:left;width:100%;min-width:0;max-width:100%;display:block}.request-date-field input[type=date]::-webkit-date-and-time-value{text-align:left;min-height:1.2em}.request-date-field input[type=date]::-webkit-datetime-edit{text-align:left;padding:0;display:block}@media (width<=760px){.request-form-card__heading{gap:10px;margin-bottom:11px}.request-form-card__heading h2{font-size:1.08rem}.request-form-card__description{color:#8b8187;font-size:10.5px;line-height:1.45}.request-form-card__icon{border-radius:11px;flex-basis:34px;width:34px;height:34px;font-size:10px}.request-form-card form,.request-form-card label{min-width:0}.request-date-field input[type=date]{appearance:none;background:#fff;height:46px;padding:8px 12px;font-size:16px}}.payroll-section{gap:6px;display:grid}.payroll-section+.payroll-section{border-top:1px solid #eadde3;margin-top:10px;padding-top:12px}.payroll-section h4{color:#812653;margin:4px 0;font-size:1rem;font-weight:850}.payroll-section--deduction h4{color:#a42b3e}.payroll-line,.payroll-total{justify-content:space-between;align-items:baseline;gap:14px;padding:4px 0;display:flex}.payroll-line strong,.payroll-total strong:last-child{white-space:nowrap}.payroll-lines .payroll-subline{color:#78656f;padding-left:14px}.payroll-total{border-top:1px dashed #e3d8dd;margin-top:2px;padding-top:8px;font-weight:850}.payroll-total strong{font-weight:900}.payroll-total--income{color:#3e3037}.payroll-line--deduction strong,.payroll-total--deduction{color:#b3263e}.payroll-total--deduction{border-top-color:#efcbd2}.attendance-extra-panel{overflow:hidden}.attendance-extra-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.attendance-extra-heading h2{color:#4a3540;margin:0 0 5px;font-size:1.08rem}.attendance-extra-heading p{color:#83727a;margin:0;font-size:12px;line-height:1.45}.attendance-extra-filters{background:#faf7f8;border-radius:12px;grid-template-columns:minmax(180px,1.2fr) minmax(145px,.75fr) minmax(160px,.8fr) minmax(230px,1fr);align-items:end;gap:9px;margin-top:14px;padding:11px;display:grid}.attendance-extra-filters>label{color:#6f5964;gap:4px;min-width:0;font-size:10px;font-weight:800;display:grid}.attendance-extra-only-active{background:#fff;border:1px solid #eadde3;border-radius:10px;align-items:center;gap:8px;min-height:42px;padding:0 8px;display:flex!important}.attendance-extra-only-active input{min-width:16px;margin:0;padding:0;width:16px!important;min-height:16px!important}.attendance-extra-only-active span{font-size:10px;line-height:1.3}.attendance-extra-summary{color:#806b75;margin:10px 0 6px;font-size:11px}.attendance-extra-table-wrap{background:#fff;border:1px solid #eadde3;border-radius:12px;width:100%;overflow-x:auto}.attendance-extra-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:960px}.attendance-extra-table th{color:#6e4b5b;text-align:left;white-space:nowrap;background:#f8f3f5;border-bottom:1px solid #eadde3;padding:10px 8px;font-size:10px}.attendance-extra-table th:first-child{width:105px}.attendance-extra-table th:nth-child(2){width:160px}.attendance-extra-table th:nth-child(3){width:110px}.attendance-extra-table th:nth-child(4),.attendance-extra-table th:nth-child(5),.attendance-extra-table th:nth-child(6){width:112px}.attendance-extra-table th:nth-child(7){width:120px}.attendance-extra-table th:nth-child(8){width:90px}.attendance-extra-table td{vertical-align:middle;color:#473941;border-bottom:1px solid #f0e7eb;padding:8px;font-size:11px}.attendance-extra-table tbody tr:last-child td{border-bottom:0}.attendance-extra-table tbody tr:hover{background:#fcfafb}.attendance-extra-table input:not([type=checkbox]){text-align:center;border-radius:8px;width:72px;min-height:36px;padding:6px 8px}.attendance-extra-table td small{color:#8a7981;margin-left:5px;font-size:9px;display:inline-block}.attendance-extra-date{white-space:nowrap;font-size:11px}.attendance-extra-role{color:#775065;background:#f3edf0;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800;display:inline-flex}.attendance-extra-check{color:#654a57;align-items:center;gap:6px;font-size:10px;font-weight:750;display:flex}.attendance-extra-check input{min-width:17px;margin:0;padding:0;width:17px!important;min-height:17px!important}.attendance-extra-na{color:#aa9ca3}.attendance-extra-save{min-height:34px;padding:0 10px;font-size:10px}.attendance-extra-empty{text-align:center;color:#8a7780;padding:22px;font-size:12px}@media (width<=760px){.payroll-section h4{font-size:13px}.payroll-line,.payroll-total{gap:10px;padding:4px 0}.payroll-line--deduction strong,.payroll-total--deduction strong{font-weight:900}.attendance-extra-heading{align-items:center}.attendance-extra-heading h2{font-size:1rem}.attendance-extra-heading p{font-size:10px}.attendance-extra-filters{grid-template-columns:1fr 1fr;gap:7px;padding:9px}.attendance-extra-only-active{grid-column:1/-1;min-height:40px}.attendance-extra-table-wrap{background:0 0;border:0;overflow:visible}.attendance-extra-table{min-width:0;display:block}.attendance-extra-table thead{display:none}.attendance-extra-table tbody{gap:9px;display:grid}.attendance-extra-table tr{background:#fff;border:1px solid #eadde3;border-radius:12px;padding:9px;display:block}.attendance-extra-table td{border:0;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:8px;padding:6px 2px;font-size:11px;display:grid}.attendance-extra-table td:before{content:attr(data-label);color:#806d76;text-transform:uppercase;letter-spacing:.02em;font-size:9px;font-weight:850}.attendance-extra-table input:not([type=checkbox]){text-align:left;width:100%;min-height:38px;font-size:16px}.attendance-extra-table td small{display:none}.attendance-extra-check{justify-content:flex-start}.attendance-extra-save{width:100%;min-height:36px}}.attendance-extra-table .attendance-extra-row{background:0 0;border-radius:0;padding:0;display:table-row}.attendance-extra-table .attendance-extra-row label{font-size:10px;display:flex}@media (width<=760px){.attendance-extra-table .attendance-extra-row{background:#fff;border-radius:12px;padding:9px;display:block}}.payroll-period{min-width:0;max-width:100%}.payroll-period__control{background:#fff;border:1px solid #dfd2d8;border-radius:10px;width:100%;min-width:0;max-width:100%;display:block;overflow:hidden}.payroll-period .payroll-period__control input{background:0 0;border:0;border-radius:0;width:100%;min-width:0;max-width:100%;margin:0;display:block}@media (width<=760px){.payroll-page,.payroll-page .page-heading,.payroll-page .page-heading>*{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.payroll-page{overflow-x:clip}.payroll-page .page-heading{gap:6px}.payroll-period{gap:3px;font-size:10px}.payroll-period__control{border-radius:9px;height:42px}.payroll-period .payroll-period__control input{text-align:center;height:42px;min-height:42px;padding:0 6px;font-size:16px;overflow:hidden;width:100%!important;min-width:0!important;max-width:100%!important;min-inline-size:0!important}.payroll-period input::-webkit-date-and-time-value{text-align:center;min-width:0;margin:0;padding:0}.payroll-period input::-webkit-datetime-edit{text-align:center;min-width:0;margin:0;padding:0}}.personnel-onboarding-shell{background:linear-gradient(#fbf8f9 0%,#f4eef1 100%);place-items:center;min-height:100dvh;padding:22px;display:grid}.personnel-onboarding-card{background:#fff;border:1px solid #eadde2;border-radius:28px;width:min(100%,560px);padding:28px;box-shadow:0 24px 70px #432f381f}.personnel-onboarding-card header p{color:#9a846b;letter-spacing:.18em;margin:0 0 8px;font-size:12px;font-weight:800}.personnel-onboarding-card header h1{color:#352a30;margin:0;font-size:clamp(28px,7vw,38px)}.personnel-onboarding-card header span{color:#7f7278;margin-top:10px;line-height:1.5;display:block}.personnel-onboarding-card form{gap:18px;margin-top:26px;display:grid}.personnel-onboarding-card label{color:#3b3035;gap:8px;font-weight:700;display:grid}.personnel-onboarding-card input[type=date],.personnel-onboarding-card input[type=file]{box-sizing:border-box;color:#33292e;width:100%;min-height:52px;font:inherit;background:#fff;border:1px solid #ded1d7;border-radius:15px;padding:12px 14px;font-size:16px}.personnel-onboarding-upload small{color:#8b7f84;font-size:12px;font-weight:500;line-height:1.45}.personnel-onboarding-file{color:#49745b;background:#edf7f1;border-radius:12px;padding:12px 14px;font-size:13px;font-weight:700}.personnel-onboarding-error{color:#9b334d;background:#fff0f2;border-radius:12px;padding:12px 14px;font-size:13px}.personnel-onboarding-submit,.personnel-onboarding-logout{min-height:52px;font:inherit;border-radius:15px;font-weight:800}.personnel-onboarding-submit{color:#fff;background:#8b2d5b;border:1px solid #8b2d5b;box-shadow:0 10px 22px #8b2d5b2e}.personnel-onboarding-logout{color:#6e5c65;background:#fff;border:1px solid #ded1d7}@media (width<=600px){.personnel-onboarding-shell{align-items:start;padding:14px}.personnel-onboarding-card{border-radius:22px;margin-top:24px;padding:22px 18px}}.personnel-onboarding-card form,.personnel-onboarding-card label{min-width:0}.personnel-onboarding-card input[type=date]{display:block;overflow:hidden;min-width:0!important;min-inline-size:0!important;width:100%!important;max-width:100%!important}.personnel-onboarding-card input[type=date]::-webkit-date-and-time-value{text-align:left;min-width:0}@media (width<=600px){.personnel-onboarding-card{width:100%;max-width:100%;overflow-x:hidden}.personnel-onboarding-card input[type=date],.personnel-onboarding-card input[type=file]{width:100%!important;min-width:0!important;max-width:100%!important;font-size:16px!important}}.birthday-greeting{z-index:12000;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.birthday-greeting__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#30272b9e;position:absolute;inset:0}.birthday-greeting__dialog{text-align:center;background:radial-gradient(circle at 50% 16%,#f8e2eab3,#0000 28%),linear-gradient(#fffdfc 0%,#fff9fa 100%);border:1px solid #ead9df;border-radius:28px;width:min(100%,420px);padding:32px 26px 26px;position:relative;overflow:hidden;box-shadow:0 28px 86px #301e274d}.birthday-greeting__dialog>:not(.birthday-greeting__confetti){z-index:2;position:relative}.birthday-greeting__cake{background:#fff7f4e0;border-radius:28px;place-items:center;width:86px;height:86px;margin:0 auto 14px;display:grid}.birthday-greeting__cake svg{fill:none;stroke:#c49a51;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:67px;height:67px}.birthday-greeting__dialog h2{color:#7f244f;gap:6px;margin:0;line-height:1.1;display:grid}.birthday-greeting__headline{letter-spacing:-.015em;font-family:Georgia,Times New Roman,Times,serif;font-size:clamp(29px,7vw,38px);font-style:italic;font-weight:500}.birthday-greeting__age{white-space:nowrap}.birthday-greeting__age sup{vertical-align:super;margin-left:1px;font-size:.46em;line-height:0;position:relative;top:-.12em}.birthday-greeting__name{letter-spacing:.01em;overflow-wrap:anywhere;font-size:clamp(24px,6vw,31px);font-weight:780}.birthday-greeting__divider{color:#c49a51;justify-content:center;align-items:center;gap:9px;width:min(74%,240px);margin:20px auto 18px;display:flex}.birthday-greeting__divider span{background:linear-gradient(90deg,#0000,#d9b46f);flex:1;height:1px}.birthday-greeting__divider span:last-child{background:linear-gradient(90deg,#d9b46f,#0000)}.birthday-greeting__divider b{font-size:9px}.birthday-greeting__message{color:#5f555a;margin:0;font-size:16px;line-height:1.5}.birthday-greeting__signature{color:#51454b;gap:2px;margin:18px 0 0;display:grid}.birthday-greeting__signature span{font-family:Georgia,Times New Roman,serif;font-size:18px;font-style:italic}.birthday-greeting__signature strong{color:#8f295b;letter-spacing:.08em;font-size:15px}.birthday-greeting__dialog button{color:#fff;cursor:pointer;width:100%;min-height:50px;font:inherit;background:#8b2d5b;border:0;border-radius:15px;margin-top:25px;font-size:16px;font-weight:800;box-shadow:0 10px 22px #8b2d5b29}.birthday-greeting__dialog button:focus-visible{outline-offset:3px;outline:3px solid #c49a5161}.birthday-greeting__confetti{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.birthday-greeting__confetti-piece{opacity:0;will-change:transform, opacity;border-radius:2px;width:7px;height:12px;animation-name:birthday-confetti-fall;animation-timing-function:cubic-bezier(.18,.68,.36,1);animation-iteration-count:1;animation-fill-mode:forwards;position:absolute;top:-14px}.birthday-greeting__confetti-piece--0{background:#8f295b}.birthday-greeting__confetti-piece--1{background:#e9a9bd}.birthday-greeting__confetti-piece--2{background:#c7a35f}@keyframes birthday-confetti-fall{0%{opacity:0;transform:translateY(-18px)rotate(0)scale(.65)}12%{opacity:.95}82%{opacity:.8}to{opacity:0;transform:translate3d(var(--confetti-drift), 330px, 0) rotate(430deg) scale(1)}}@media (width<=520px){.birthday-greeting{padding:16px}.birthday-greeting__dialog{border-radius:25px;padding:27px 20px 22px}.birthday-greeting__cake{width:76px;height:76px;margin-bottom:12px}.birthday-greeting__cake svg{width:59px;height:59px}.birthday-greeting__message{font-size:15px}}@media (prefers-reduced-motion:reduce){.birthday-greeting__confetti{display:none}}.protected-shell,.app-sidebar,.protected-shell__content{transition:grid-template-columns .18s,width .18s,margin .18s}.sidebar-brand{position:relative}.sidebar-collapse-button{z-index:5;color:#6f5360;cursor:pointer;width:30px;height:30px;font:inherit;background:#fff;border:1px solid #d8cbd1;border-radius:999px;padding:0;font-size:22px;line-height:1;position:absolute;top:50%;right:-15px;transform:translateY(-50%);box-shadow:0 3px 10px #432b361a}.app-sidebar--collapsed{width:82px;padding-inline:12px}.app-sidebar--collapsed .sidebar-brand{justify-content:center}.app-sidebar--collapsed .sidebar-brand>div:not(.sidebar-brand__mark),.app-sidebar--collapsed .sidebar-link__copy,.app-sidebar--collapsed .sidebar-account__copy{display:none}.app-sidebar--collapsed .sidebar-brand__mark,.app-sidebar--collapsed .sidebar-link__icon,.app-sidebar--collapsed .sidebar-account__avatar{flex:none}.app-sidebar--collapsed .sidebar-link,.app-sidebar--collapsed .sidebar-account{justify-content:center;padding-inline:8px}.app-sidebar--collapsed .sidebar-link{min-height:58px}.protected-shell--sidebar-collapsed{grid-template-columns:82px minmax(0,1fr)}@media (width<=900px){.sidebar-collapse-button{display:none}.app-sidebar--collapsed{width:min(310px,88vw);padding-inline:20px}.app-sidebar--collapsed .sidebar-brand>div:not(.sidebar-brand__mark),.app-sidebar--collapsed .sidebar-link__copy,.app-sidebar--collapsed .sidebar-account__copy{display:grid}.app-sidebar--collapsed .sidebar-link,.app-sidebar--collapsed .sidebar-account{padding-inline:initial;justify-content:flex-start}.protected-shell--sidebar-collapsed{grid-template-columns:minmax(0,1fr)}}.protected-shell__content{width:100%;min-width:0;max-width:none!important;margin-right:0!important}.protected-shell--sidebar-collapsed .protected-shell__content{width:100%;max-width:none!important}.protected-shell:has(.order-page) .protected-shell__content{width:100%!important;max-width:none!important;margin-inline:0!important;padding-inline:clamp(4px,.45vw,8px)!important}.protected-shell:has(.order-page) .order-page{width:100%!important;max-width:none!important;margin-inline:0!important}.protected-shell:has(.order-page) .protected-shell__content{padding-inline:0!important}.protected-shell:has(.order-page) .protected-main{width:100%!important;max-width:none!important;margin:0!important;padding-left:clamp(6px,.45vw,10px)!important;padding-right:clamp(6px,.45vw,10px)!important}.protected-shell:has(.order-page) .order-page{width:100%!important;max-width:none!important;margin:0!important}@media (width<=900px){.protected-shell:has(.order-page) .protected-main{padding-left:8px!important;padding-right:8px!important}}.protected-shell:has(.owner-tasks-page){--module-accent:#ba90c6;--module-accent-dark:#745080;--module-accent-soft:#fdf4f5;--module-accent-border:#d4b5dc}.sidebar-link--owner-tasks{background:#fdf4f5;border-color:#d9bfdf;position:relative}.sidebar-link--owner-tasks .sidebar-link__icon{color:#745080;background:#eef7fb;border-color:#c0dbea}.sidebar-link--owner-tasks.sidebar-link--active{color:#745080!important;background:#fdf4f5!important;border-color:#ba90c6!important}.sidebar-link--owner-tasks.sidebar-link--active .sidebar-link__icon{color:#fff!important;background:#ba90c6!important;border-color:#ba90c6!important}.sidebar-link__badge{color:#fff;background:#ba90c6;border-radius:999px;flex:none;place-items:center;min-width:23px;height:23px;padding:0 6px;font-size:10px;font-weight:700;display:grid}.app-sidebar--collapsed .sidebar-link__badge{min-width:18px;height:18px;padding-inline:4px;font-size:8px;position:absolute;top:5px;right:5px}@media (width<=720px){html,body,#root,.protected-shell,.protected-shell__content,.protected-main{max-width:100%;overflow-x:clip}.protected-main,.protected-main>*{min-width:0}.protected-main>:not(.order-page){max-width:100%}.protected-main>:not(.order-page) h1{font-size:clamp(22px,6vw,27px);line-height:1.15}.protected-main>:not(.order-page) h2{font-size:clamp(17px,4.8vw,21px);line-height:1.2}.protected-main>:not(.order-page) input:not([type=checkbox]):not([type=radio]),.protected-main>:not(.order-page) select,.protected-main>:not(.order-page) textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%;font-size:16px}.protected-main>:not(.order-page) input[type=date],.protected-main>:not(.order-page) input[type=datetime-local],.protected-main>:not(.order-page) input[type=month],.protected-main>:not(.order-page) input[type=time]{min-width:0;max-width:100%}.protected-main>:not(.order-page) button,.protected-main>:not(.order-page) label,.protected-main>:not(.order-page) div,.protected-main>:not(.order-page) section,.protected-main>:not(.order-page) article{min-width:0}.protected-main>:not(.order-page)>header:first-child>div:first-child>h1,.protected-main>:not(.order-page)>header:first-child>div:first-child>p{display:none}.protected-main>:not(.order-page)>header:first-child>div:first-child:has(>h1){gap:0;margin:0;padding:0}.protected-main>:not(.order-page)>header:first-child{min-height:0;margin-block:0}}@media (width<=900px){.app-topbar{min-height:58px!important;padding:7px 10px!important}.app-topbar__left,.app-topbar__right{gap:8px!important}.menu-button{width:38px!important;min-width:38px!important;height:38px!important;padding:9px!important}.topbar-label{font-size:9px!important;line-height:1.1!important}.app-topbar__left strong{font-size:14px!important;line-height:1.2!important}.topbar-user{display:none!important}.logout-button{border-radius:10px!important;min-height:36px!important;padding:0 11px!important;font-size:11px!important}.protected-main{padding-top:10px!important;padding-bottom:calc(70px + env(safe-area-inset-bottom))!important}.mobile-bottom-nav{min-height:57px!important;padding:4px 5px calc(4px + env(safe-area-inset-bottom))!important;gap:2px!important}.mobile-bottom-nav button{border-radius:10px!important;gap:1px!important;min-height:47px!important;padding:3px 2px!important}.mobile-bottom-nav button>span{font-size:10px!important;line-height:1!important}.mobile-bottom-nav button>small{text-overflow:ellipsis;white-space:nowrap;max-width:72px;overflow:hidden;font-size:9px!important;line-height:1.05!important}.app-sidebar{width:min(292px,86vw)!important;padding:16px!important}.sidebar-brand{min-height:44px!important;margin-bottom:12px!important}.sidebar-link{min-height:48px!important;padding:7px 9px!important}.sidebar-link__copy small{font-size:10px!important}}@media (width<=420px){.protected-main{padding-inline:8px!important}.mobile-bottom-nav button>small{max-width:64px}}@media (width<=940px){.protected-shell--mobile-menu-open .app-sidebar{z-index:200010!important}.protected-shell--mobile-menu-open .mobile-overlay{background:#2b192275;z-index:200000!important}.protected-shell--mobile-menu-open .daily-order-scroll-controls,.protected-shell--mobile-menu-open .finance-scroll-controls,.protected-shell--mobile-menu-open .mobile-bottom-nav{visibility:hidden;pointer-events:none}}@media (width<=900px){.protected-shell__content{min-height:100vh}.app-topbar{z-index:100!important;position:sticky!important;top:0!important}.protected-main{padding-top:10px!important}.protected-shell:has(.order-page) .protected-main{padding-top:10px!important}}.logout-confirm{z-index:10000;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.logout-confirm__backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2d222885;border:0;width:100%;height:100%;position:absolute;inset:0}.logout-confirm__dialog{z-index:1;box-sizing:border-box;text-align:center;background:#fff;border:1px solid #eadde3;border-radius:22px;width:min(420px,100vw - 40px);padding:24px;position:relative;box-shadow:0 24px 70px #2d1c2540}.logout-confirm__icon{color:#8b2858;background:#f8eaf1;border-radius:18px;place-items:center;width:58px;height:58px;margin:0 auto 14px;font-size:28px;font-weight:900;display:grid}.logout-confirm__dialog h2{color:#35292f;margin:0;font-size:1.25rem}.logout-confirm__dialog p{color:#83747c;margin:9px 0 20px;font-size:13px;line-height:1.45}.logout-confirm__actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.logout-confirm__actions button{min-height:46px;font:inherit;border-radius:12px;font-weight:800}.logout-confirm__cancel{color:#5e4753;background:#fff;border:1px solid #dfcbd4}.logout-confirm__submit{color:#fff;background:#8b2858;border:1px solid #8b2858}.logout-confirm__submit:disabled{opacity:.55}@media (width<=760px){.logout-confirm{padding:18px}.logout-confirm__dialog{border-radius:20px;width:min(360px,100vw - 36px);padding:22px 18px}.logout-confirm__dialog h2{font-size:1.1rem}.logout-confirm__dialog p{font-size:12px}.logout-confirm__actions button{min-height:44px;font-size:14px}}