: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}}.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}.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(620px,100%)}.recipe-duplicate-body{gap:14px;padding:16px;display:grid}.recipe-duplicate-body>label{color:#8f295b;gap:7px;font-size:13px;font-weight:700;display:grid}.recipe-duplicate-body select{color:#34272d;width:100%;min-height:42px;font:inherit;background:#fff;border:1px solid #dcd0d5;border-radius:9px;padding:8px 10px}.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}.product-page{gap:14px;font-size:14px;display:grid}.product-page__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.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{min-width:142px}.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}}.order-reference-panel{width:min(1120px,100%)}.order-reference-section{background:#fcfafb;border:1px solid #e5d9de;border-radius:12px;gap:14px;padding:14px;display:grid}.order-reference-heading h3{color:#30242a;margin:0;font-size:18px;font-weight:600}.order-reference-heading p{color:#806d76;margin:4px 0 0;font-size:13px;line-height:1.45}.order-reference-grid{grid-template-columns:minmax(180px,1.4fr) minmax(150px,1fr) minmax(150px,1fr) auto;align-items:end;gap:10px;display:grid}.order-reference-grid label,.order-paper-bag-list label{color:#33879a;gap:6px;font-size:13px;font-weight:600;display:grid}.order-reference-grid label>span{color:#927f88;font-size:12px;font-weight:400}.order-reference-grid input,.order-reference-toolbar input,.order-reference-toolbar select,.order-paper-bag-list input{color:#34272d;width:100%;min-width:0;min-height:40px;font:inherit;background:#fff;border:1px solid #dcd0d5;border-radius:9px;padding:8px 10px}.order-reference-check{align-items:center;min-height:40px;color:#604751!important;gap:8px!important;display:flex!important}.order-reference-check input{width:18px!important;min-height:18px!important}.order-reference-actions{grid-column:1/-1;justify-content:flex-end;gap:8px;display:flex}.order-reference-toolbar{grid-template-columns:minmax(220px,1fr) minmax(150px,auto) minmax(180px,auto);gap:8px;display:grid}.order-reference-table-wrap{background:#fff;border:1px solid #e5d9de;border-radius:10px;overflow:auto}.order-reference-table{border-collapse:collapse;width:100%;font-size:13px}.order-reference-table th,.order-reference-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #eee5e9;padding:10px 12px}.order-reference-table th{z-index:1;color:#33879a;background:#faf6f8;font-weight:700;position:sticky;top:0}.order-reference-table tbody tr:last-child td{border-bottom:0}.order-reference-status{border-radius:999px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.order-reference-status--active{color:#347059;background:#e5f3ec}.order-reference-status--inactive{color:#a34855;background:#f7e8ea}.order-paper-bag-list{gap:8px;display:grid}.order-paper-bag-list article{background:#fff;border:1px solid #e7dbe0;border-radius:10px;grid-template-columns:minmax(130px,.8fr) minmax(160px,1fr) minmax(160px,1fr) auto auto;align-items:end;gap:10px;padding:10px;display:grid}.order-paper-bag-name strong,.order-paper-bag-name span{display:block}.order-paper-bag-name span{color:#88747d;margin-top:3px;font-size:11px}.order-reference-empty{color:#806d76;place-items:center;min-height:150px;display:grid}@media (width<=820px){.order-reference-grid,.order-reference-toolbar,.order-paper-bag-list article{grid-template-columns:1fr 1fr}}@media (width<=620px){.order-reference-grid,.order-reference-toolbar,.order-paper-bag-list article{grid-template-columns:1fr}.order-reference-actions{grid-column:auto}.order-reference-table thead{display:none}.order-reference-table,.order-reference-table tbody,.order-reference-table tr,.order-reference-table td{width:100%;display:block}.order-reference-table tr{border-bottom:1px solid #e8dde2;padding:10px}.order-reference-table td{border:0;grid-template-columns:110px minmax(0,1fr);gap:8px;padding:6px 0;display:grid}.order-reference-table td:before{content:attr(data-label);color:#806d76;font-size:11px;font-weight:600}}.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-product-autocomplete{gap:8px;display:grid;position:relative}.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-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>summary{cursor:pointer;background:#fff;border:1px solid #d8cbd1;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;min-height:34px;padding:5px 7px;font-size:12px;list-style:none;display:flex}.order-pic-select>summary::-webkit-details-marker{display:none}.order-pic-select>summary 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 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>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-mobile-detail-line,.order-expanded-mobile-only{display:none!important}@media (width<=760px){.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>summary,.order-expanded-mobile-pic-editor .order-pic-select>summary{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}}.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)}.finance-page__header p{color:#7b6871;max-width:850px;margin:0;line-height:1.5}.finance-tabs{gap:7px;display:flex;overflow-x:auto}.finance-tabs button,.finance-button{color:#624956;cursor:pointer;min-height:40px;font:inherit;white-space:nowrap;background:#fff;border:1px solid #d9ccd2;border-radius:9px;padding:0 13px;font-weight:600}.finance-tabs button.is-active,.finance-button--primary{color:#fff;background:#8f295b;border-color:#8f295b}.finance-filter-card,.finance-summary-card,.finance-group-card,.finance-vendor-card{background:#fff;border:1px solid #e4d9de;border-radius:13px}.finance-filter-card{grid-template-columns:minmax(220px,320px) auto;justify-content:start;align-items:end;gap:10px;padding:13px;display:grid}.finance-filter-card label,.finance-vendor-form label,.finance-vendor-search label{color:#8f295b;gap:6px;font-size:13px;font-weight:700;display:grid}.finance-filter-card input,.finance-vendor-form input,.finance-vendor-form textarea,.finance-vendor-search input{color:#392a31;width:100%;min-height:42px;font:inherit;background:#fff;border:1px solid #d9ccd2;border-radius:9px;padding:8px 10px}.finance-summary-card{background:#fbf6f8;gap:5px;padding:16px;display:grid}.finance-summary-card span,.finance-summary-card small{color:#79666f}.finance-summary-card strong{color:#8f295b;font-size:clamp(25px,3vw,36px)}.finance-empty{color:#806d76;text-align:center;border:1px dashed #d9ccd2;border-radius:12px;place-items:center;min-height:150px;padding:20px;display:grid}.finance-group-list{gap:13px;display:grid}.finance-group-card>header{border-bottom:1px solid #eee5e9;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px;display:flex}.finance-group-card h2,.finance-vendor-card h2{margin:0;font-size:20px}.finance-group-card header p,.finance-vendor-card header p{color:#806d76;margin:4px 0 0;font-size:12px}.finance-group-card header>strong{color:#8f295b;white-space:nowrap;font-size:19px}.finance-table-wrap{width:100%;overflow-x:auto}.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 #f0e7ea;padding:10px 9px;font-size:12px}.finance-table th{color:#8f295b;background:#fbf8f9;font-weight:700}.finance-table td{color:#4d3b43}.finance-multiline-list{gap:5px;display:grid}.finance-multiline-list span{white-space:pre-wrap;border-bottom:1px dashed #eadfe4;padding-bottom:5px;line-height:1.35;display:block}.finance-multiline-list span:last-child{border-bottom:0;padding-bottom:0}.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-payment-status--dp,.finance-payment-status--bayar_sebagian{color:#945915;background:#fff0dc}.finance-payment-status--lunas{color:#337246;background:#e8f5ec}.finance-message{border-radius:9px;padding:10px 12px}.finance-message--success{color:#376d47;background:#eef9f1;border:1px solid #b9ddc4}.finance-message--error{color:#9e3443;background:#fff2f3;border:1px solid #ecc3c8}.finance-vendor-card{gap:13px;padding:15px;display:grid}.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:#45343c;cursor:pointer;text-align:left;font:inherit;background:#fff;border:1px solid #e3d7dc;border-radius:9px;gap:3px;padding:10px;display:grid}.finance-vendor-results button.is-selected{background:#fff7fb;border-color:#8f295b}.finance-vendor-results span,.finance-vendor-results small{color:#806d76}.finance-vendor-form{border-top:1px solid #eee5e9;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding-top:13px;display:grid}.finance-selected-order,.finance-field--full{grid-column:1/-1}.finance-selected-order{background:#f8f2f5;border-radius:9px;gap:4px;padding:11px;display:grid}.finance-selected-order span{color:#806d76;font-size:11px}.finance-vendor-form label>span{color:#8a7780;font-size:11px;font-weight:500}@media (width<=760px){.finance-filter-card,.finance-vendor-form{grid-template-columns:1fr}.finance-field--full,.finance-selected-order{grid-column:auto}.finance-group-card>header{display:grid}.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 #e4d9de;border-radius:10px;padding:10px}.finance-table td{border:0;grid-template-columns:120px minmax(0,1fr);gap:9px;padding:6px 0;display:grid}.finance-table td:before{content:attr(data-label);color:#8f295b;font-size:10px;font-weight:700}}.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-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}}@media (width<=390px){.attendance-form-grid{grid-template-columns:1fr!important}.attendance-today-times{grid-template-columns:repeat(2,minmax(0,1fr))!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}}.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}}.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}}.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}}.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}}.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}.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}}.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}}