: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}}@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}}.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(980px,100%)}.order-reference-modal,.order-reference-modal button,.order-reference-modal input,.order-reference-modal select,.order-reference-modal textarea{font-family:inherit}.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-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-list{flex-wrap:wrap;gap:7px;display:flex}.order-reference-list>button{color:#3e2d35;cursor:pointer;text-align:left;font:inherit;background:#fff;border:1px solid #e4d6dc;border-radius:9px;gap:3px;padding:9px 11px;font-weight:500;display:grid}.order-reference-list>button:hover{background:#e7f3f5;border-color:#33879a}.order-reference-list strong{font-weight:600}.order-reference-list span{color:#88747d;font-size:11px;font-weight:400}.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 strong{font-weight:600}.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-paper-bag-list article{grid-template-columns:1fr 1fr}}@media (width<=620px){.order-reference-grid,.order-paper-bag-list article{grid-template-columns:1fr}.order-reference-actions{grid-column:auto}}.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,.order-page .order-add-item-button{border-color:var(--order-accent);background:var(--order-accent)}.order-page .order-add-item-button:hover:not(:disabled),.order-page .order-button--primary:hover:not(:disabled){border-color:var(--order-accent-dark);background:var(--order-accent-dark)}@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}}.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}.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}