@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/noto-sans-thai-thai-CtQSZ1tK.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/noto-sans-thai-latin-ext-DH1q_yQ5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/noto-sans-thai-latin-Bi3VDbYN.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body .dialog .button,body :is(.filter-bar,.dashboard-period-filter) label{font-size:13px;font-weight:600;line-height:1.5}@media (width<=700px){body .dialog-head h2{font-size:18px}body .dialog :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}}.app-loading{--load-ink:#1f2430;--load-muted:#5b5e64;--load-line:#d7e3ef;--load-accent:#215b96;box-sizing:border-box;width:100%;min-height:100dvh;padding:32px 20px;padding:max(28px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));color:var(--load-ink);font-family:var(--app-font,system-ui,sans-serif);text-align:center;isolation:isolate;background:#f3f7fb;place-items:center;display:grid}.app-loading,.app-loading *{box-sizing:border-box}.app-loading-card{background:#fff;border:1px solid #fff;border-radius:28px;width:min(100%,400px);padding:34px 28px 24px;box-shadow:0 16px 56px #173c6509}.app-loading-brand{justify-items:center;gap:8px;display:grid}.app-loading-mark{place-items:center;width:92px;height:92px;margin:0 auto 17px;display:grid;position:relative}.app-loading-mark:before{content:"";border:2px solid #e5edf5;border-radius:50%;position:absolute;inset:0}.app-loading-mark:after{content:"";border:2px solid #0000;border-top-color:var(--load-accent);border-right-color:var(--load-accent);border-radius:50%;animation:1.8s linear infinite app-load-orbit;position:absolute;inset:0}.app-loading-mark img{object-fit:contain;border-radius:17px;width:62px;height:62px;display:block}.app-loading-eyebrow{letter-spacing:.19em;color:var(--load-muted);margin:0;font-size:10px;font-weight:700;line-height:1.6}.app-loading-title{letter-spacing:-.025em;margin:0;font-size:clamp(23px,4.5vw,29px);font-weight:750;line-height:1.35}.app-loading-subtitle{color:var(--load-muted);margin:0;font-size:13px;line-height:1.7}.app-loading-status{margin-top:27px}.app-loading-track{background:#e6edf5;border-radius:10px;width:min(100%,200px);height:4px;margin:0 auto 19px;position:relative;overflow:hidden}.app-loading-track:after{content:"";border-radius:inherit;background:var(--load-accent);width:40%;height:100%;animation:1.8s ease-in-out infinite app-load-travel;display:block}.app-loading-message{overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:600;line-height:1.8}.app-loading-translation{color:var(--load-muted);margin:2px 0 0;font-size:12px;line-height:1.7}.app-loading-recovery{border-top:1px solid #edf1f6;margin-top:22px;padding-top:18px}.app-loading-recovery p{color:var(--load-muted);overflow-wrap:anywhere;margin:0 0 12px;font-size:12px;line-height:1.8}.app-loading-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.app-loading-actions :is(button,a){border:1px solid var(--load-line);max-width:100%;min-height:44px;color:var(--load-ink);font:600 13px/1.6 var(--app-font,system-ui,sans-serif);cursor:pointer;overflow-wrap:anywhere;background:#f8fafd;border-radius:12px;justify-content:center;align-items:center;padding:10px 16px;text-decoration:none;display:inline-flex}.app-loading-actions :is(button,a):focus-visible{outline-offset:3px;outline:3px solid #467baf}.app-loading-actions :is(button,a):hover{background:#edf3fa}.app-loading-static-help{animation:0s 10s both app-load-reveal}.app-loading-noscript{margin-top:16px;font-size:13px;line-height:1.7;display:block}.app-loading.is-error .app-loading-mark:after{border-color:#d7e3ef;animation:none}.app-loading-inline{color:#173c65;font:inherit;justify-content:center;align-items:center;gap:12px;display:flex}.app-loading-spinner{border:2px solid #215b96;border-color:#215b96 #215b96 #d7e3ef #d7e3ef;border-radius:50%;flex:0 0 22px;width:22px;height:22px;animation:1s linear infinite app-load-orbit;display:inline-block}@keyframes app-load-orbit{to{transform:rotate(360deg)}}@keyframes app-load-travel{0%{transform:translate(-105%)}60%,to{transform:translate(355%)}}@keyframes app-load-reveal{0%{visibility:hidden;border:0;max-height:0;margin:0;padding:0;overflow:hidden}to{visibility:visible}}@media (width<=480px){.app-loading{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.app-loading-card{border-radius:24px;padding:30px 22px 24px}.app-loading-mark{width:84px;height:84px}.app-loading-mark img{width:56px;height:56px}}@media (width<=480px) and (height<=650px){.app-loading-card{padding-top:24px;padding-bottom:20px}.app-loading-mark{width:72px;height:72px;margin-bottom:10px}.app-loading-mark img{width:50px;height:50px}.app-loading-status{margin-top:22px}.app-loading-recovery{margin-top:16px;padding-top:14px}}@media (height<=540px) and (orientation:landscape){.app-loading{padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}.app-loading-card{padding:20px 24px}.app-loading-mark{width:64px;height:64px;margin-bottom:6px}.app-loading-mark img{border-radius:12px;width:44px;height:44px}.app-loading-status{margin-top:16px}.app-loading-track{margin-bottom:10px}.app-loading-recovery{margin-top:14px;padding-top:12px}}@media (prefers-reduced-motion:reduce){.app-loading-mark:after,.app-loading-track:after,.app-loading-spinner,.app-loading-static-help{animation:none}.app-loading-track:after{background:#6c8cae;width:100%}.app-loading-static-help{visibility:visible}}@media (forced-colors:active){.app-loading{color:canvastext;background:canvas}.app-loading-card,.app-loading-actions :is(button,a){border:1px solid canvastext}.app-loading-track:after{background:highlight}.app-loading-mark:after,.app-loading-spinner{border-top-color:highlight;border-right-color:highlight}}.app-confirmation-layer{z-index:1000;-webkit-backdrop-filter:blur(4px);background:#0b122080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.app-confirmation{box-sizing:border-box;width:min(100%,520px);max-height:calc(calc(100dvh / var(--ui-zoom,1)) - 40px);color:#1f2430;background:#fff;border:1px solid #d7e2ee;border-radius:22px;padding:26px;font-family:inherit;overflow:auto;box-shadow:0 24px 80px #0b122033}.app-confirmation header{border-bottom:1px solid #e2e9f1;align-items:center;gap:12px;padding-bottom:18px;display:flex}.app-confirmation h2{flex:1;margin:0;font-size:19px;font-weight:700;line-height:1.5}.app-confirmation-icon{color:#173f70;background:#eaf2fc;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;font-size:22px;font-weight:700;display:grid}.app-confirmation p{color:#484a4f;white-space:pre-wrap;overflow-wrap:anywhere;margin:22px 0;font-size:15px;line-height:1.85}.app-confirmation button{cursor:pointer;font:inherit;border:1px solid #cbd9e9;border-radius:12px;min-height:44px;padding:10px 20px;font-size:14px;font-weight:700}.app-confirmation .app-confirmation-close{color:#173f70;background:#f2f6fc;border-radius:50%;flex:none;width:40px;min-height:40px;padding:0;font-size:22px}.app-confirmation footer{justify-content:flex-end;gap:10px;padding-top:8px;display:flex}.app-confirmation-cancel{color:#173f70;background:#fff}.app-confirmation .app-confirmation-accept{color:#fff;background:#173f70;border-color:#173f70}.app-confirmation.is-danger .app-confirmation-icon{color:#b42318;background:#fff0ef}.app-confirmation.is-danger .app-confirmation-accept{background:#b42318;border-color:#b42318}.app-confirmation button:focus-visible{outline-offset:3px;outline:3px solid #347ac0}.app-confirmation button:hover{filter:brightness(.97)}@media (width<=600px){.app-confirmation-layer{padding:16px}.app-confirmation{max-height:calc(calc(100dvh / var(--ui-zoom,1)) - 32px);padding:20px}.app-confirmation footer>button{flex:1}.app-confirmation h2{font-size:18px}}.update-banner{left:50%;bottom:max(16px,calc(env(safe-area-inset-bottom) + 12px));z-index:2000;background:#0b376f;border-radius:999px;align-items:center;gap:4px;max-width:calc(100vw - 32px);padding:4px;font-family:inherit;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 28px #0b376f40}.update-banner button{color:#fff;font:inherit;cursor:pointer;background:0 0;border:0}.update-banner-action{white-space:nowrap;min-height:44px;padding:0 16px 0 18px;font-size:14px;font-weight:700}.update-banner-close{opacity:.85;border-radius:50%;width:44px;height:44px;font-size:22px;line-height:1}.update-banner button:focus-visible{outline-offset:-4px;border-radius:999px;outline:2px solid #fff}@media print{.update-banner{display:none}}body>.modal-backdrop .dialog:has(.admin-editor.admin-editor){box-sizing:border-box;width:min(1140px,100vw - 40px);height:min(780px,calc(calc(100dvh / var(--ui-zoom,1)) - 40px));max-height:calc(calc(100dvh / var(--ui-zoom,1)) - 40px);background:#fff;padding:24px}body>.modal-backdrop .dialog:has(.admin-editor.admin-editor)>.dialog-head{border-bottom:1px solid #e1e9f2;flex:none;margin-bottom:16px;padding-bottom:16px}body>.modal-backdrop .dialog:has(.admin-editor.admin-editor)>.dialog-body{flex:1;min-height:0;padding:0;display:flex;overflow:hidden}body .admin-editor{color:#1f2430;flex-direction:column;flex:1;gap:0;width:100%;min-width:0;min-height:0;display:flex}body .admin-editor-content{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-width:0;min-height:0;padding:2px 5px 10px;overflow:auto}body .admin-editor>.dialog-actions{background:#fff;border-top:1px solid #e1e9f2;flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:10px;margin:0;padding:14px 0 0;display:flex}body .admin-editor .dialog-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px 22px;display:grid}body .admin-editor .dialog-form>*{min-width:0}body .admin-editor label,body .admin-editor .search-choice>label{color:#55585e;font-size:13px;font-weight:600;line-height:1.5}body .admin-editor :is(input:not([type=checkbox]):not([type=radio]),select,textarea){box-sizing:border-box;color:#1f2430;width:100%;min-width:0;max-width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #cbd9e9;border-radius:10px;padding:10px 12px;font-size:14px}body .admin-editor textarea{resize:vertical;min-height:90px}body .admin-editor :is(input,select,textarea):disabled{color:#52555b;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#566475;background:#e9edf2;border-color:#cdd5df}body .admin-editor :is(input,select,textarea,button):focus-visible{outline-offset:2px;outline:3px solid #8bb5df}body .admin-editor input[type=checkbox]:not([role=switch]){appearance:auto;box-sizing:border-box;accent-color:#184978;flex:none;width:19px;max-width:19px;height:19px;min-height:19px;margin:0;padding:0}body .admin-editor .span-two,body .admin-editor .editor-section-title{grid-column:1/-1}body .admin-editor .editor-section-title{color:#173e67;border-bottom:1px solid #e2eaf4;align-items:center;gap:9px;margin:3px 0 0;padding:8px 0;font-size:15px;display:flex}body .admin-editor .editor-section-title small{color:#61646b;font-size:12px;font-weight:400}body .admin-editor .admin-access-note{color:#575a60;background:#f4f7fb;border:1px solid #dce6f0;border-radius:12px;margin:14px 0;padding:12px 14px;font-size:12px;line-height:1.65}body .admin-editor .input-with-action{align-items:center;gap:8px;display:flex}body .admin-editor .input-with-action input{flex:1;width:0}body .admin-editor .input-with-action .button{white-space:nowrap;flex:none}body .admin-editor .work-unit-picker{box-sizing:border-box;background:#f7fafe;border:1px solid #dbe5ef;border-radius:14px;min-width:0;margin:0;padding:14px}body .admin-editor .work-unit-picker legend{color:#1f2430;padding:0 6px;font-size:13px;font-weight:700}body .admin-editor .work-unit-picker-toolbar{color:#5a5d63;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:12px;display:flex}body .admin-editor .work-unit-picker-toolbar input{width:min(100%,250px)}body .admin-editor .work-unit-line-options{overscroll-behavior:contain;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:290px;padding:3px;display:grid;overflow:auto}body .admin-editor :is(.work-unit-line-options,.work-unit-picker)>label{cursor:pointer;background:#fff;border:1px solid #dce6f0;border-radius:10px;align-items:center;gap:10px;min-height:56px;margin:0;padding:10px 12px;display:flex}body .admin-editor .work-unit-line-options label span{overflow-wrap:anywhere;flex:1;min-width:0}body .admin-editor .work-unit-line-options label small{color:#62656c;margin-top:4px;font-size:11px;font-weight:400;display:block}body .admin-editor .work-unit-line-options label em{color:#55585e;font-size:11px;font-style:normal}body .admin-editor .work-unit-line-options label.selected{background:#eaf3fc;border-color:#98b8da}body .admin-editor .work-unit-line-options label.unavailable{cursor:not-allowed;background:#eef0f3}body .work-unit-editor .work-unit-line-picker,body .line-editor .work-unit-picker,body .work-unit-group-editor .dialog-form>label:first-child{grid-column:1/-1}body .work-unit-group-editor .work-unit-line-options{grid-template-columns:1fr;max-height:320px}body .admin-editor .ui-switch{box-sizing:border-box;cursor:pointer;background:#f7fafe;border:1px solid #dbe5ef;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:12px 14px;display:flex}body .ui-switch small{color:#61646b;margin-top:3px;font-size:11px;font-weight:400;display:block}body .ui-switch input[type=checkbox][role=switch]{appearance:none;box-sizing:border-box;cursor:pointer;background:#91a0b1;border:1px solid #8899ac;border-radius:30px;flex:none;width:44px;max-width:44px;height:26px;min-height:26px;margin:0;padding:0;position:relative}body .ui-switch input[role=switch]:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #173b6340}body .ui-switch input[type=checkbox][role=switch]:checked{background:#1b557f;border-color:#1b557f}body .ui-switch input[role=switch]:checked:before{left:21px}body .ui-switch input[role=switch]:disabled{opacity:.5;cursor:not-allowed}body .admin-editor .search-choice{gap:7px;display:grid;position:relative}body .search-choice-input{display:flex;position:relative}body .admin-editor .search-choice-input input{padding-right:42px}body .search-choice-input>button{color:#55585e;background:0 0;border:0;border-radius:10px;width:40px;font-size:22px;position:absolute;inset:0 0 0 auto}body .search-choice-menu{z-index:2;background:#fff;border:1px solid #b5cbe2;border-radius:10px;max-height:220px;padding:4px;position:relative;overflow:auto;box-shadow:0 6px 18px #14375c16}body .search-choice-menu button{text-align:left;color:#1f2430;width:100%;font:inherit;cursor:pointer;overflow-wrap:anywhere;background:#fff;border:0;border-radius:6px;justify-content:space-between;gap:8px;padding:10px;font-size:13px;display:flex}body .search-choice-menu button:is(:hover,.highlight){background:#eaf3fc}body .search-choice-menu .create-choice{color:#155c48;background:#eff9f4}body .search-choice-menu p{margin:0;padding:10px}body .admin-editor .locked-field{position:relative}body .admin-editor .field-lock{color:#52555b;margin-left:6px;font-size:11px;font-weight:500;display:inline-block}body .admin-editor .auto-code-field strong{color:#54575d;background:#edf1f5;border:1px dashed #becbda;border-radius:10px;padding:12px;font-size:13px;display:block}body .admin-editor .category-picker{align-items:center;gap:8px;display:flex}body .admin-editor .category-picker .button{flex:none}body .admin-editor .category-field{color:#55585e;gap:8px;font-size:13px;display:grid}body .overtime-editor .ot-editor-section{background:#f7fafe;border:1px solid #dbe5ef;border-radius:14px;gap:14px;padding:18px;display:grid}body .overtime-editor .ot-editor-section h3{color:#1b456d;margin:0;font-size:16px}body .profile-language-settings .profile-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}body .profile-language-settings .profile-language-section{background:#f9fbfe;border:1px solid #dbe5ef;border-radius:14px;margin:0;padding:18px}body .profile-language-settings .profile-language-summary{margin-bottom:16px}body>.modal-backdrop .dialog:has(.bus-route-editor.admin-editor){width:min(680px,100vw - 40px);height:auto;max-height:calc(calc(100dvh / var(--ui-zoom,1)) - 40px)}body .bus-route-editor.admin-editor{background:0 0;border:0;max-width:none;margin:0;padding:0}body .bus-route-editor.admin-editor .admin-editor-content{flex:auto}@media (width<=700px){body>.modal-backdrop .dialog:has(.admin-editor.admin-editor){width:100%;height:calc(calc(100dvh / var(--ui-zoom,1)) - 24px);max-height:calc(calc(100dvh / var(--ui-zoom,1)) - 24px);padding:16px}body .admin-editor .dialog-form,body .admin-editor .work-unit-line-options,body .profile-language-settings .profile-settings-grid{grid-template-columns:minmax(0,1fr)}body .admin-editor .dialog-form>*{grid-column:auto}body .admin-editor .input-with-action{flex-wrap:wrap}body .admin-editor .input-with-action input{flex-basis:100%;width:100%}body .admin-editor .dialog-actions .button{flex:1}body .admin-editor .work-unit-line-options{max-height:260px}body .admin-editor .category-picker{flex-wrap:wrap}body>.modal-backdrop .dialog:has(.bus-route-editor.admin-editor){height:auto}}@media (forced-colors:active){body .ui-switch input[type=checkbox][role=switch]{appearance:auto}body .ui-switch input[role=switch]:before{display:none}}body .admin-editor .editor-busy-fields{border:0;min-width:0;margin:0;padding:0}body .admin-editor .locked-field-label{color:#5b5f65;margin-left:6px;font-size:11px;font-weight:500}body .mapping-editor .identity-locked{background:#edf1f5;border-color:#ccd5df}body .mapping-editor .identity-unlocked{background:#edf7f2;border-color:#a7d0bb}body .admin-editor .save-help{color:#62656c;margin-right:auto;font-size:12px;line-height:1.5}body .admin-editor .dialog-form label:not(.ui-switch){gap:7px;display:grid}body .admin-editor .dialog-form label>small{color:#62656c;font-size:11px;font-weight:400}body .admin-editor .work-unit-code-field>span:first-child{flex-wrap:wrap;gap:6px;display:flex}body .admin-editor .category-field,body .admin-editor .auto-code-field{grid-column:1/-1}body .line-filter-bar{background:#f5f8fc;border:1px solid #dfe8f2;border-radius:14px;align-items:end;margin-bottom:18px;padding:14px}body .line-filter-bar label{background:0 0;border:0;flex:1;gap:6px;min-width:150px;padding:0;font-size:12px;display:grid}body .line-filter-bar select{color:#1f2430;background:#fff;border:1px solid #cbd9e9;border-radius:10px;width:100%;min-height:44px;padding:9px 12px;font-size:13px}body .line-filter-bar>.button{min-height:44px}body .line-admin-list{gap:10px}body .line-admin-row{box-shadow:none;border-color:#dce6f0;padding:18px}body .line-admin-row h3{font-size:15px}body .line-admin-row .line-group-label{color:#676b72;margin:5px 0 0;font-size:11px}body .line-admin-row .line-work-unit-summary{background:#f5f8fc;border:1px solid #dce6f0;border-radius:10px;gap:4px;padding:10px 12px;display:grid}body .line-admin-row .line-work-unit-summary small{color:#61646b;font-size:11px}body .line-admin-row .line-work-unit-summary strong{font-size:12px;line-height:1.6}body .bus-route-settings .filter-bar{background:#f6f9fc;border:1px solid #dbe5f0;border-radius:12px;padding:12px}body .bus-route-settings .filter-bar .search-box{background:#fff;border:1px solid #cbd9e9;border-radius:10px;padding:10px 12px}body .admin-editor .dialog-form .work-unit-line-options>label{flex-direction:row;align-items:center;gap:10px;height:auto;min-height:76px;font-size:13px;display:flex;overflow:visible}body .admin-editor .work-unit-line-options{grid-auto-rows:minmax(76px,auto);align-content:start}body .admin-editor .work-unit-line-options label b{font-size:13px;font-weight:600;line-height:1.5}body .admin-editor .work-unit-picker-toolbar{flex-direction:row;display:flex}body .admin-editor .work-unit-picker-toolbar input[type=search]{width:250px;max-width:100%;min-height:40px}body .admin-editor .dialog-form input:not([type=checkbox]),body .admin-editor .dialog-form select,body .admin-editor textarea{font-weight:400}body .admin-editor .dialog-form .ui-switch{display:flex}@media (width<=700px){body .admin-editor .work-unit-picker-toolbar input[type=search]{width:100%}body .admin-editor .dialog-form :is(input:not([type=checkbox]),select,textarea){font-size:16px}}body .admin-editor.admin-editor .dialog-form :is(input,select,textarea):disabled{color:#4e5056;-webkit-text-fill-color:#516071;opacity:1;cursor:not-allowed;background:#e4eaf0;border-color:#c4cfdc}body .admin-editor.admin-editor :is(input,select,textarea):not([type=checkbox]){font-weight:400}body .profile-language-settings .profile-language-section{align-content:start;gap:14px}body .profile-language-settings .settings-field{gap:8px;display:grid}body .profile-language-settings .profile-language-section>div>strong{font-size:15px}body .profile-language-settings .profile-language-section>div>small{font-size:12px}body .admin-editor .line-work-unit-search{gap:8px;margin-bottom:16px;display:grid}body .line-work-unit-editor .work-unit-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}@media (width<=700px){body .line-work-unit-editor .work-unit-picker{grid-template-columns:1fr}}.ui-scale-control{grid-template-columns:auto minmax(120px,1fr) auto 52px auto;align-items:center;gap:10px;display:grid}.ui-scale-control input[type=range]{accent-color:#0b4a88;width:100%}.ui-scale-control output{color:#1f2430;text-align:center;font-variant-numeric:tabular-nums;font-weight:800}.ui-scale-control .button{min-height:38px;padding:6px 12px}body .profile-language-settings .desktop-push-section{grid-column:1/-1}.desktop-push-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.desktop-push-state{color:#53565c;align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.desktop-push-state i{background:#9aa8b8;border-radius:50%;width:10px;height:10px}.desktop-push-state.is-on{color:#17613e}.desktop-push-state.is-on i{background:#1f9d57;box-shadow:0 0 0 3px #d9f2e4}.desktop-push-state.is-blocked{color:#b42318}.desktop-push-state.is-blocked i{background:#d92d20}.desktop-push-actions{flex-wrap:wrap;gap:8px;display:flex}.desktop-push-actions .button{min-height:36px;padding:6px 16px;font-size:13px}.desktop-push-topics{gap:6px;margin:0;padding:0;list-style:none;display:grid}.desktop-push-topics li{background:#fff;border:1px solid #dbe5ef;border-radius:10px;gap:2px;padding:10px 12px;display:grid}.desktop-push-topics li b{color:#1f2430;font-size:13px}.desktop-push-topics li b:before{content:"🔔 "}.desktop-push-topics li small{color:#676b72;font-size:12px}.desktop-push-topics li.is-muted{opacity:.65}.desktop-push-note{color:#17613e;background:#e9f6ef;border-radius:8px;margin:0;padding:6px 10px;font-size:12px}.desktop-push-note.is-error{color:#8a4b08;background:#fff4e0}.desktop-push-help{color:#53565c;font-size:12px}.desktop-push-help b,.desktop-push-help summary{color:#1f2430;cursor:pointer;font-size:12px;font-weight:600}.desktop-push-help ol,.desktop-push-help ul{gap:3px;margin:6px 0 0;padding-left:20px;display:grid}.desktop-push-help p{margin:4px 0 0}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/noto-sans-thai-thai-CtQSZ1tK.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/noto-sans-thai-latin-ext-DH1q_yQ5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/noto-sans-thai-latin-Bi3VDbYN.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body .dialog .button,body :is(.filter-bar,.dashboard-period-filter) label{font-size:13px;font-weight:600;line-height:1.5}@media (width<=700px){body .dialog-head h2{font-size:18px}body .dialog :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}}:root{font-family:var(--app-font);color:#1f2430;font-synthesis:none;background:#f7f8fa}body{min-width:320px;margin:0}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.desktop-shell{min-height:calc(100vh / var(--ui-zoom,1));grid-template-columns:224px minmax(0,1fr);display:grid}.sidebar{height:calc(100vh / var(--ui-zoom,1));background:#fbfbfd;border-right:1px solid #e8e9ee;flex-direction:column;padding:34px 22px;display:flex;position:sticky;top:0}.brand-lockup{align-items:center;gap:12px;padding:0 5px;display:flex}.brand-symbol{background:#fff;border:1px solid #dedce6;border-radius:12px;place-items:center;width:38px;height:38px;font-size:22px;display:grid}.brand-lockup strong{letter-spacing:-.6px;font-size:18px}.brand-lockup small{color:#9895a4;letter-spacing:1px;margin-top:2px;font-size:10px;display:block}.nav-label{letter-spacing:1.7px;color:#898d94;margin:48px 14px 14px;font-size:9px}.side-nav{gap:6px;display:grid}.side-nav button{text-align:left;color:#6d7178;background:0 0;border:0;border-radius:11px;align-items:center;gap:13px;padding:12px 14px;font-size:12px;display:flex}.side-nav button>span:first-child{text-align:center;width:20px;font-size:18px}.side-nav button.active{color:#715693;background:#eeebf7}.side-nav button.active:after{content:"";background:#9276ba;border-radius:50%;width:5px;height:5px;margin-left:auto}.side-nav button:hover{background:#f0eef5}.sidebar-bottom{border-top:1px solid #e8e7ef;gap:16px;margin-top:auto;padding:22px 5px 0;display:grid}.sidebar-bottom a{color:#6d7178;font-size:11px}.account-chip{align-items:center;gap:10px;margin-top:10px;display:flex}.account-chip>span{color:#7c619c;background:#e9e2f6;border-radius:50%;place-items:center;width:32px;height:32px;font-size:11px;display:grid}.account-chip b{font-size:11px;font-weight:500}.account-chip small{color:#898d94;font-size:9px;display:block}.desktop-main{width:100%;max-width:1660px;margin:auto;padding:37px 42px 30px}.desktop-topbar{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.eyebrow{letter-spacing:2px;color:#9794a5;margin:0 0 8px;font-size:9px;font-weight:600}.desktop-topbar h1{letter-spacing:-1px;margin:0;font-size:28px;font-weight:500;line-height:1.4}.desktop-topbar .subtitle{color:#898d94;margin:5px 0 0;font-size:12px}.toolbar-actions{align-items:center;gap:10px;display:flex}.button{white-space:nowrap;background:#fff;border:1px solid #e0e2e8;border-radius:10px;align-items:center;gap:8px;padding:10px 15px;font-size:11px;display:inline-flex}.button.dark{color:#fff;background:#292631;border-color:#292631}.button.soft{color:#775d9c;background:#eeebf7;border-color:#eeebf7}.button.danger{color:#b56860;border-color:#eddbd6}.demo-banner{color:#887299;background:#f1edf7;border:1px solid #e6e0ef;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:10px 15px;font-size:10px;display:flex}.demo-banner b{font-weight:500}.filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;display:flex}.filter-bar label{color:#898d94;background:#fff;border:1px solid #e5e5eb;border-radius:9px;align-items:center;gap:7px;padding:8px 12px;font-size:10px;display:flex}.filter-bar select,.filter-bar input{color:#56595f;background:0 0;border:0;outline:none;max-width:200px;font-size:11px}.filter-bar .filter-count{color:#898d94;margin-left:auto;font-size:10px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.kpi-card{background:#fff;border:1px solid #e8e9ee;border-radius:16px;padding:20px;position:relative;overflow:hidden}.kpi-card .kpi-label{color:#6d7178;justify-content:space-between;align-items:center;font-size:11px;display:flex}.kpi-icon{color:#9275be;background:#f0ebfa;border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.kpi-card>strong{letter-spacing:-1.4px;margin-top:12px;font-size:32px;font-weight:500;line-height:1.3;display:block}.kpi-card>small{color:#898d94;margin-top:10px;font-size:9px;display:block}.kpi-card .mini-track{background:#f0eef5;border-radius:10px;height:3px;margin-top:16px;overflow:hidden}.mini-track i{background:#b3a0d7;border-radius:10px;height:100%;display:block}.kpi-card:nth-child(2) .kpi-icon{color:#898d94;background:#eaf1fb}.kpi-card:nth-child(2) .mini-track i{background:#9bb7da}.kpi-card:nth-child(3) .kpi-icon{color:#c5a26c;background:#f7efdf}.kpi-card:nth-child(3) .mini-track i{background:#dbc396}.kpi-card:nth-child(4) .kpi-icon{color:#88ac96;background:#eaf3ed}.kpi-card:nth-child(4) .mini-track i{background:#9abea7}.panel{background:#fff;border:1px solid #e7e8ed;border-radius:17px;min-width:0;padding:24px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.panel-heading h2{margin:0 0 5px;font-size:14px;font-weight:500}.panel-heading p{color:#898d94;margin:0;font-size:10px}.panel-heading .button{padding:7px 11px;font-size:10px}.chart-layout{grid-template-columns:minmax(0,1.85fr) minmax(260px,1fr);gap:22px;margin-bottom:24px;display:grid}.legend{color:#9794a1;align-items:center;gap:16px;font-size:9px;display:flex}.legend span:before{content:"";background:#a18bbf;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.trend-chart{width:100%;height:auto;display:block;overflow:visible}.trend-chart text{fill:#a2a5b0;font-family:inherit;font-size:10px}.chart-caption{border-top:1px solid #f0f0f4;gap:20px;margin-top:5px;padding-top:16px;display:flex}.chart-caption span{color:#898d94;font-size:10px}.chart-caption b{color:#777382;margin-left:6px;font-size:12px;font-weight:500}.loss-list{gap:20px;display:grid}.loss-row>div{color:#6d7178;justify-content:space-between;margin-bottom:7px;font-size:10px;display:flex}.loss-row b{color:#938b9d;font-weight:500}.loss-track{background:#f6f4f8;border-radius:10px;height:7px}.loss-track i{background:#b9a6cc;border-radius:10px;height:100%;display:block}.loss-row:nth-child(2) i{background:#c8b6d6}.loss-row:nth-child(3) i{background:#d6c9dd}.loss-row:nth-child(4) i{background:#e2d8e7}.table-container{overflow:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{letter-spacing:.1px;color:#898d94;background:#fcfcfd;border-bottom:1px solid #e9e9ef;padding:12px 13px;font-size:9px;font-weight:500}td{color:#6d7178;border-bottom:1px solid #f0f0f4;padding:15px 13px;font-size:11px}tbody tr:last-child td{border-bottom:0}td strong{color:#4c4e54;font-size:11px;font-weight:500}td small{color:#898d94;margin-top:4px;font-size:8px;display:block}.line-cell{align-items:center;gap:10px;display:flex}.line-avatar{color:#9784af;background:#f1eef7;border-radius:9px;place-items:center;width:30px;height:30px;font-size:9px;display:grid}.table-link{text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.table-link strong:hover{color:#8c68af}.pill{color:#7a9c88;background:#edf5ef;border-radius:6px;padding:4px 7px;font-size:9px;display:inline-block}.pill.amber{color:#b89d72;background:#fbf3e4}.pill.purple{color:#9983ad;background:#f0ebf7}.value-bar{align-items:center;gap:9px;display:flex}.value-bar i{background:#ede9f3;border-radius:4px;width:40px;height:3px;display:block;overflow:hidden}.value-bar em{background:#b8a3ce;height:100%;display:block}.value-bar b{color:#7b658e;min-width:43px;font-weight:500}.table-footer{color:#898d94;border-top:1px solid #f0f0f4;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;padding-top:16px;font-size:10px;display:flex}.table-footer>div{gap:8px;display:flex}.table-footer button{background:#fff;border:1px solid #e5e5ec;border-radius:7px;padding:5px 10px;font-size:10px}.page-footer{color:#898d94;justify-content:space-between;padding-top:25px;font-size:9px;display:flex}.search-box{color:#5d6167;background:#fafbfc;border:1px solid #e4e5ec;border-radius:9px;outline:none;min-width:190px;padding:10px 13px;font-size:11px}.search-box:focus{border-color:#ab98ca}.empty-panel{text-align:center;color:#898d94;padding:60px 20px;font-size:12px}.empty-panel>span{margin-bottom:15px;font-size:35px;display:block}.empty-panel h2{color:#54575d;font-size:17px;font-weight:500}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#21212c55;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog{width:min(100%,520px);max-height:calc(90vh / var(--ui-zoom,1));background:#fbfbfd;border:1px solid #fff;border-radius:24px;padding:28px;overflow:auto;box-shadow:0 30px 100px #1113}.dialog-head{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.dialog-head h2{margin:0;font-size:19px;font-weight:500}.close-button{color:#84798e;background:#eeecf3;border:0;border-radius:50%;width:30px;height:30px;font-size:18px}.dialog .kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.dialog .kpi-card{padding:16px}.dialog .kpi-card strong{font-size:26px}.dialog p{color:#898d94;font-size:12px;line-height:1.7}.dialog-form{gap:16px;display:grid}.dialog-form label{color:#6d7178;gap:7px;font-size:11px;display:grid}.dialog-form input,.dialog-form select,.dialog-form textarea{color:#4d4f55;background:#fff;border:1px solid #dddfe8;border-radius:10px;min-width:0;max-width:100%;padding:12px;font-size:13px}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.toast{z-index:70;color:#fff;background:#302b3b;border-radius:12px;padding:14px 22px;font-size:12px;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 40px #2223}.info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.info-card{background:#fff;border:1px solid #e6e7ed;border-radius:17px;padding:25px}.info-card>span{color:#a494b9;font-size:24px}.info-card h3{margin:18px 0 8px;font-size:14px;font-weight:500}.info-card p{color:#898d94;margin:0 0 18px;font-size:11px;line-height:1.8}.info-card .pill{margin-top:5px}.line-master-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.line-master-card{border:1px solid #e7e7ed;border-radius:13px;padding:18px}.line-master-card small{color:#a6a2b3;letter-spacing:.5px;font-size:9px}.line-master-card h3{min-height:32px;margin:10px 0 18px;font-size:12px;font-weight:500}.settings-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.setting-item{color:#6d7178;border-bottom:1px solid #edecf2;justify-content:space-between;align-items:center;gap:14px;padding:17px 0;font-size:11px;display:flex}.setting-item input{border:1px solid #e3e1eb;border-radius:8px;max-width:100px;padding:9px}.help-text{color:#a098af;margin:18px 0;font-size:10px;line-height:1.8}.inline-error{color:#b77065;background:#fff0eb;border-radius:9px;padding:12px;font-size:11px}.secondary-metrics{grid-template-columns:1fr 1fr;gap:15px;display:grid}.secondary-metrics>div{background:#f7f5fa;border-radius:13px;padding:20px}.secondary-metrics span{color:#9890a4;font-size:11px;display:block}.secondary-metrics b{color:#7c6b90;margin-top:10px;font-size:25px;font-weight:500;display:block}@media (width>=1600px){.desktop-main{padding:45px 58px}}@media (width<=1150px){.desktop-shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:28px 15px}.desktop-main{padding:30px 25px}.chart-layout{grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr);gap:16px}.kpi-card{padding:16px}.kpi-card>strong{font-size:27px}.panel{padding:20px}.line-master-grid{grid-template-columns:1fr 1fr}}@media (width<=900px){.desktop-shell{grid-template-columns:70px minmax(0,1fr)}.sidebar{padding:25px 10px}.brand-lockup{justify-content:center;padding:0}.brand-lockup>div:last-child,.nav-label,.side-nav button>span:nth-child(2),.sidebar-bottom,.side-nav button.active:after{display:none}.side-nav{margin-top:40px}.side-nav button{justify-content:center;padding:14px 8px}.chart-layout{grid-template-columns:1fr}.loss-list,.info-grid{grid-template-columns:1fr 1fr}.desktop-main{padding:25px}.toolbar-actions .date-label{display:none}.desktop-topbar h1{font-size:24px}}@media (width<=600px){.desktop-shell{display:block}.sidebar{border-bottom:1px solid #e9e7ed;border-right:0;height:auto;padding:16px;display:block;position:static}.brand-lockup{justify-content:flex-start}.brand-lockup>div:last-child{display:block}.brand-lockup small{display:none}.side-nav{gap:5px;margin-top:16px;display:flex;overflow-x:auto}.side-nav button{flex-direction:column;gap:3px;min-width:75px;padding:8px 6px;display:flex}.side-nav button>span:nth-child(2){font-size:9px;display:block}.side-nav button>span:first-child{font-size:17px}.desktop-main{padding:22px 16px}.desktop-topbar{flex-wrap:wrap;align-items:flex-start;gap:15px;margin-bottom:20px}.desktop-topbar h1{font-size:25px}.toolbar-actions{margin-left:auto}.demo-banner{align-items:flex-start;font-size:9px}.demo-banner>span:last-child{display:none}.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.kpi-card{padding:15px}.kpi-card>strong{font-size:29px}.kpi-card .kpi-label{font-size:10px}.kpi-card>small{font-size:8px}.filter-bar{gap:7px}.filter-bar label{padding:8px;font-size:9px}.filter-bar select,.filter-bar input{max-width:130px;font-size:10px}.filter-bar .filter-count{width:100%;margin-top:5px}.panel{border-radius:15px;padding:18px}.panel-heading{flex-wrap:wrap;gap:10px}.panel-heading .search-box{width:100%}.panel-heading h2{font-size:13px}.chart-caption{gap:10px}.chart-caption span{font-size:8px}.chart-caption b{font-size:10px}.loss-list{grid-template-columns:1fr;gap:16px}.legend{font-size:8px}.info-grid,.settings-grid{grid-template-columns:1fr}.line-master-grid{grid-template-columns:1fr 1fr;gap:10px}.line-master-card{padding:12px}.line-master-card h3{font-size:10px}.page-footer{gap:15px;font-size:8px}.dialog{padding:22px}.table-footer{flex-wrap:wrap}.toast{font-size:11px;bottom:16px;left:16px;right:16px}.secondary-metrics>div{padding:15px}.secondary-metrics span{font-size:10px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--ui-blue:#123e73;--ui-blue-dark:#0b2f5d;--ui-blue-soft:#eef3f8;--ui-blue-pale:#f7f9fc;--ui-blue-line:#bdc8d6;--ui-ink:#1f2430;--ui-muted:#61646b;--ui-white:#fff;--ui-black:#17191d;color:var(--ui-ink);background:#f5f7fa}body,.desktop-shell{color:var(--ui-ink);background:#f5f7fa}.sidebar{background:var(--ui-white);border-color:#c7d0dc}.brand-symbol{background:var(--ui-black);border-color:var(--ui-black);color:var(--ui-white);box-shadow:0 8px 20px #1118271f}.brand-lockup strong,.desktop-topbar h1,.panel-heading h2,.kpi-card>strong,td strong{color:var(--ui-ink)}.brand-lockup small,.nav-label,.desktop-topbar .subtitle,.eyebrow{color:#6d7178}.side-nav button{color:#515459}.side-nav button:hover{background:var(--ui-blue-pale);color:var(--ui-blue-dark)}.side-nav button.active{background:var(--ui-blue-soft);color:var(--ui-blue-dark);font-weight:600}.side-nav button.active:after{background:var(--ui-blue)}.account-chip>span{background:var(--ui-blue-soft);color:var(--ui-blue-dark)}.button{background:var(--ui-white);border-color:var(--ui-blue-line);color:var(--ui-ink)}.button:hover:not(:disabled){background:var(--ui-blue-pale);border-color:#7890aa}.button.dark{background:var(--ui-black);border-color:var(--ui-black);color:var(--ui-white)}.button.dark:hover:not(:disabled){background:#050608;border-color:#050608}.button.soft{background:var(--ui-blue-soft);border-color:var(--ui-blue-line);color:var(--ui-blue-dark)}.demo-banner,.live-data-banner{background:var(--ui-blue-soft);border-color:var(--ui-blue-line);color:#5e6168}.demo-banner b,.live-data-banner b{color:var(--ui-blue-dark)}.filter-bar label,.search-box{background:var(--ui-white);border-color:var(--ui-blue-line);box-shadow:inset 0 0 0 1px #ffffff80}.filter-bar select,.filter-bar input,.search-box{color:#1f2430}.search-box:focus{border-color:var(--ui-blue);box-shadow:0 0 0 4px #123e7317}.kpi-card,.panel,.info-card,.line-master-card,.dialog{background:var(--ui-white);border-color:var(--ui-blue-line);box-shadow:0 12px 32px #0b2f5d0a}.kpi-icon,.kpi-card:nth-child(2) .kpi-icon,.kpi-card:nth-child(3) .kpi-icon,.kpi-card:nth-child(4) .kpi-icon{background:var(--ui-blue-soft);color:var(--ui-blue)}.kpi-card .mini-track,.loss-track,.value-bar i{background:#eaf1fb}.mini-track i,.kpi-card:nth-child(2) .mini-track i,.kpi-card:nth-child(3) .mini-track i,.kpi-card:nth-child(4) .mini-track i,.loss-track i,.loss-row:nth-child(2) i,.loss-row:nth-child(3) i,.loss-row:nth-child(4) i,.value-bar em,.legend span:before{background:var(--ui-blue)}.legend span:last-child:before{background:var(--ui-black)}th{background:var(--ui-blue-pale);color:#515459;border-color:#dfe8f4}td{color:#515459;border-color:#e9eff7}.line-avatar{background:var(--ui-blue-soft);color:var(--ui-blue-dark)}.table-link strong:hover,.value-bar b{color:var(--ui-blue-dark)}.pill,.pill.purple,.pill.amber{background:var(--ui-blue-soft);color:var(--ui-blue-dark)}.pill.red{color:#b24f45;background:#fff0ed}.modal-backdrop{background:#0b122066}.close-button{color:var(--ui-black);background:#eaf1fb}.dialog-form input,.dialog-form select,.dialog-form textarea,.setting-item input{background:var(--ui-white);border-color:var(--ui-blue-line);color:var(--ui-ink)}.dialog-form input:focus,.dialog-form select:focus,.dialog-form textarea:focus,.setting-item input:focus{border-color:var(--ui-blue);outline:2px solid #2563eb2b}.info-card>span{color:var(--ui-blue)}.secondary-metrics>div{background:var(--ui-blue-pale);border:1px solid var(--ui-blue-line)}.secondary-metrics b{color:var(--ui-ink)}.toast{background:var(--ui-black)}@media (width>=760px) and (width<=900px){.desktop-shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{scrollbar-width:thin;padding:22px 12px;overflow-y:auto}.brand-lockup{justify-content:flex-start;padding:0 4px}.brand-lockup>div:last-child,.nav-label,.side-nav button>span:nth-child(2),.sidebar-bottom,.side-nav button.active:after{display:block}.side-nav{margin-top:0}.nav-label{margin:28px 10px 12px}.side-nav button{justify-content:flex-start;gap:10px;padding:11px 10px}.sidebar-bottom{display:grid}}.connected-shell{min-height:calc(100vh / var(--ui-zoom,1));background:#f5f7fa}.connected-top{background:#fbfbfd;border-bottom:1px solid #e7e6ed;justify-content:space-between;align-items:center;gap:20px;padding:25px 5%;display:flex}.connected-actions{color:#8b8198;align-items:center;gap:16px;font-size:11px;display:flex}.connected-actions button{background:#fff;border:1px solid #ddd6e6;border-radius:8px;padding:8px 12px;font-size:11px}.connection-gate{text-align:center;max-width:450px;margin:70px auto;padding:25px 20px}.connection-gate h1{letter-spacing:-1px;font-size:35px;font-weight:600;line-height:1.4}.connection-gate>p{color:#898393;font-size:13px;line-height:1.9}.gate-orbit{color:#8d70ac;background:#f0eaf9;border:1px solid #c7bad9;border-radius:45% 55% 40% 60%;place-items:center;width:100px;height:100px;margin:0 auto 30px;font-size:40px;display:grid;transform:rotate(-10deg)}.connection-status{text-align:left;background:#f1edf7;border:1px solid #e0dbe9;border-radius:16px;align-items:center;gap:14px;margin:28px 0;padding:18px;display:flex}.connection-status strong{font-size:12px;font-weight:500}.connection-status small{color:#9482a3;word-break:break-word;margin-top:5px;font-size:10px;display:block}.live-dot{background:#6da88c;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 5px #6da88c12}.connected-shell .connection-gate .button.line-login{color:#fff;background:#202124;border-color:#202124;border-radius:30px;justify-content:center;width:100%;min-height:54px;font-size:13px;font-weight:600;box-shadow:0 8px 20px #20212424}.connected-shell .connection-gate .button.line-login:hover{background:#101114;border-color:#101114}.gate-preview{color:#8a719f;margin-top:20px;font-size:12px;display:block}.connection-note{margin-top:18px;line-height:1.8;color:#9c8da7!important;font-size:11px!important}.connected-footer{color:#9a8da7;border-top:1px solid #e9e6ef;justify-content:center;gap:30px;padding:25px;font-size:10px;display:flex}.connected-error{color:#ac6658;background:#fff0ed;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;max-width:1100px;margin:20px auto;padding:15px;font-size:12px;display:flex}.connected-error .button.line-login-error{color:#fff;background:#202124;border:1px solid #202124;border-radius:9px;padding:9px 13px;font-weight:600}.connected-success{color:#5e9275;background:#ecf6f0;border:1px solid #dcece2;border-radius:12px;padding:15px;font-size:12px}.connection-registration{max-width:540px;margin:40px auto;padding:0 20px}.registration-form>h1{font-size:28px}.registration-form>p{color:#93909c;font-size:12px;line-height:1.8}.registration-form>h2{margin-top:24px;font-size:16px}.registration-form>.button{justify-content:center;width:100%;min-height:48px;margin-top:20px}.assignment-list{gap:8px;max-height:250px;margin:15px 0;padding:2px;display:grid;overflow:auto}.assignment-list label{background:#fff;border:1px solid #e5e0ec;border-radius:10px;align-items:center;gap:12px;padding:11px;font-size:11px;display:flex}.assignment-list input{accent-color:#9276b1;width:17px;height:17px}.assignment-list small{color:#a69aaf;margin-top:3px;font-size:9px;display:block}.pending-icon{color:#ac99c0;font-size:50px}.pending-gate{margin:40px auto}.pending-gate h1{font-size:28px}.connected-wide{max-width:1400px;min-height:calc(70vh / var(--ui-zoom,1));margin:0 auto;padding:40px}.connected-mobile .connected-top{max-width:560px;margin:auto;padding:20px}.connected-mobile .connected-top .brand-lockup strong{font-size:15px}.connected-mobile .connected-top .brand-symbol{width:30px;height:30px;font-size:18px}.connected-mobile .connected-actions{gap:8px;font-size:10px}.connected-mobile .connected-actions>span{display:none}.live-mobile{max-width:480px;min-height:calc(70vh / var(--ui-zoom,1));margin:0 auto;padding:25px 22px 50px}.live-user{align-items:center;gap:12px;display:flex}.live-user strong{font-size:13px;display:block}.live-user small{color:#9a90a4;margin-top:4px;font-size:10px;display:block}.live-user .pill{margin-left:auto}.live-mobile .record-card>p{color:#8b8394;font-size:12px;line-height:1.8}.live-mobile .record-card>h3{margin:16px 0 8px;font-size:15px}.live-mobile .work-heading h1{font-size:28px;line-height:1.4}.live-mobile .text-button{text-align:left;width:auto;padding-left:0}.live-trend{gap:18px;display:grid}.live-trend>div{color:#9381a1;grid-template-columns:50px 1fr 60px;align-items:center;gap:15px;font-size:11px;display:grid}.live-trend .progress-track{background:#ede6f5;border-radius:10px;height:9px;margin:0;overflow:hidden}.live-trend .progress-track i{background:#bba1d0;height:100%;display:block}.live-trend strong{font-weight:500}.incident-list{gap:18px;display:grid}.incident-list article{border:1px solid #e9e3ed;border-radius:13px;padding:20px}.incident-list article>div:not(.ng-photo-grid){justify-content:space-between;gap:10px;display:flex}.incident-list h3{margin:18px 0 10px;font-size:14px}.incident-list p{color:#89808f;font-size:12px;line-height:1.8}.incident-list small{color:#a798ad;font-size:10px}.live-entry{text-align:center;color:#776188;background:#efebf5;border:1px solid #dcd3e7;border-radius:18px;margin:20px 0;padding:15px;font-size:12px;text-decoration:none;display:block}.demo-banner a{white-space:nowrap;font-weight:600;text-decoration:underline}.context-card input:disabled,.context-card select:disabled{opacity:1;color:#706579!important}.connected-shell .connection-gate .button:disabled{opacity:.45}.connected-shell input:focus,.connected-shell select:focus,.connected-shell textarea:focus{outline-color:#b29ac8}@media (width<=600px){.connected-wide{padding:25px 16px}.connected-top{padding:20px 16px}.connected-top .brand-lockup strong{font-size:16px}.connected-actions>span{display:none}.connected-actions{gap:10px;font-size:10px}.connection-gate{min-height:calc(60vh / var(--ui-zoom,1));margin:35px auto}.connection-gate h1{font-size:31px}.connected-error{margin:15px;font-size:11px}.connected-footer{gap:22px;font-size:9px}.incident-list article>div{flex-wrap:wrap}.connection-registration{margin:28px auto}.live-mobile .filter-bar{gap:8px}.live-mobile .history-tools{flex-wrap:wrap}}.waiting-dot{background:#b78b43;border-radius:50%;flex:none;width:8px;height:8px}.live-banner{color:#718379;background:#f1f7f3;border:1px solid #dfeae4;border-radius:11px;align-items:center;gap:9px;margin-bottom:24px;padding:11px 15px;font-size:10px;display:flex}.live-banner b{color:#4f6f5d}.live-banner .live-dot{flex:none}.live-banner-user{color:#88928c;margin-left:auto}.sync-time{color:#898d94;margin-top:12px;font-size:9px;display:block}.admin-live-shell .dialog-form label:has(input[type=checkbox]){grid-template-columns:auto 1fr;align-items:center;display:flex}.admin-live-shell .dialog-form input[type=checkbox]{accent-color:#9276b1;width:18px;height:18px}.mapping-editor-toolbar{background:#eef5fc;border:1px solid #bfd0e4;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin:18px 0;padding:16px;display:flex}.mapping-editor-toolbar strong,.mapping-editor-toolbar small{display:block}.mapping-editor-toolbar small{color:#63666d;margin-top:5px}.mapping-editor-toolbar .button{flex:none}.mapping-editor-fields{border:0;min-width:0;margin:0;padding:0}.mapping-editor .dialog-form .mapping-editor-check{align-items:center;gap:10px;display:flex}.mapping-editor .dialog-form .mapping-editor-check input{flex:none;width:20px;height:20px;min-height:0;margin:0;padding:0}@media (width<=600px){.mapping-editor-toolbar{flex-direction:column;align-items:stretch}.mapping-editor-toolbar .button{width:100%}}.row-actions{align-items:center;gap:7px;display:flex}.row-actions .button{padding:8px 11px;font-size:10px}.row-actions .button.danger{background:#fff8f6}.employee-table{table-layout:fixed;min-width:900px}.employee-table th:first-child{width:190px}.employee-table th:nth-child(2){width:130px}.employee-table th:nth-child(3){width:auto}.employee-table th:nth-child(4){width:100px}.employee-table .employee-work-unit-cell{min-width:0;overflow:hidden}.employee-table .employee-work-unit-cell small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.employee-table .employee-actions-column{z-index:2;background:#fff;width:160px;min-width:160px;position:sticky;right:0;box-shadow:-12px 0 18px -18px #0b2f5d}.employee-table thead .employee-actions-column{z-index:3;background:var(--ui-blue-pale,#f7f9fc)}.employee-table .row-actions{justify-content:flex-end}.employee-edit-button{font-weight:700}.time-admin-tabs{background:#fff;border:1px solid #c7d0dc;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 20px;padding:6px;display:grid}.time-admin-tabs button{color:#5e6168;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;font-size:11px;font-weight:700}.time-admin-tabs button.active{color:#fff;background:#0b2f5d;box-shadow:0 6px 14px #0b2f5d22}.time-setting-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.time-setting-card{background:#fbfcfe;border:1px solid #d6dee9;border-radius:15px;padding:20px}.time-setting-card h3{letter-spacing:-.03em;margin:18px 0 8px;font-size:24px}.time-setting-card p{color:#61646b;margin:0 0 18px;font-size:11px}.time-setting-card .button{justify-content:center;width:100%}.ot-setting-lines{gap:9px;margin:16px 0;display:grid}.ot-setting-lines p{background:#eef3f9;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin:0;padding:11px;display:flex}.ot-setting-lines b{color:#1f2430}.ot-setting-lines span{color:#0b376f;font-weight:800}.overtime-setting-form h3{color:#0b376f;margin:6px 0 0;font-size:13px}.overtime-setting-form h3:not(:first-child){border-top:1px solid #dce3ec;margin-top:14px;padding-top:15px}@media (width<=600px){.live-banner{flex-wrap:wrap;align-items:flex-start}.live-banner-user{width:100%;margin-left:17px}.time-admin-tabs,.time-setting-grid{grid-template-columns:1fr}}.live-mobile .redesigned-home{padding-top:18px}.home-greeting{margin:7px 0 24px}.home-greeting p{color:#877995;margin:0 0 3px;font-size:12px;font-weight:700}.home-greeting h1{letter-spacing:-.04em;margin:0;font-size:28px;line-height:1.25}.home-greeting small{color:#6d7178;margin-top:6px;font-size:11px;display:block}.live-mobile .home-heading h2{margin:0;font-size:21px;line-height:1.35}.full-date-field{grid-template-columns:1fr auto;align-items:center;gap:2px 10px!important;display:grid!important}.full-date-field>span{color:#756987;grid-column:1/-1;font-size:10px}.full-date-field output{color:#302b38;font-size:16px;font-weight:700;line-height:1.4}.full-date-field input{cursor:pointer;color:#0000!important;background:0 0!important;border:0!important;width:45px!important;height:42px!important;padding:0!important}.full-date-field small{color:#867a91;grid-column:1/-1;font-size:10px}.shift-button-group{grid-template-columns:1fr 1fr;gap:9px;margin-top:15px;display:grid}.shift-button-group button{color:#62596d;text-align:left;background:#fff;border:1px solid #dcd5e8;border-radius:14px;min-height:72px;padding:10px;font-size:12px;font-weight:700;transition:all .2s}.shift-button-group button>span{color:#755b96;background:#f2eef8;border-radius:50%;place-items:center;width:23px;height:23px;margin-right:5px;display:inline-grid}.shift-button-group button small{color:#978ba1;margin:5px 0 0 28px;font-size:10px;font-weight:500;display:block}.shift-button-group button.active>span{color:#fff;background:#ffffff2e}.shift-button-group button.active small{color:#e1d7ec}.shift-note{color:#7e7489;margin-top:10px;font-size:10px;display:block}.text-link{color:#755d91;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.mobile-settings .work-heading{padding-top:12px}.mobile-settings .work-heading h1{font-size:28px}.mobile-settings .work-heading>p{font-size:11px}.settings-card{background:#fff;border:1px solid #e5e0ed;border-radius:19px;gap:16px;margin:0 0 16px;padding:18px;display:grid}.settings-card>label{color:#746d7c;gap:7px;font-size:11px;display:grid}.settings-card input,.settings-card select{color:#35303c;height:47px;font:inherit;background:#fcfbfd;border:1px solid #e0dce7;border-radius:11px;padding:0 11px;font-size:13px}.settings-card>small{color:#8b8292;font-size:10px;line-height:1.65}.line-settings>div>strong{font-size:14px}.line-settings>div>p,.line-settings>p{color:#8b8292;margin:5px 0 0;font-size:11px;line-height:1.65}.settings-line-list{gap:8px;max-height:300px;padding:2px;display:grid;overflow:auto}.settings-line-list label{border:1px solid #ebe7ef;border-radius:12px;align-items:center;gap:11px;padding:10px;font-size:12px;display:flex}.settings-line-list input{accent-color:#675181;flex:none;width:18px;height:18px}.settings-line-list b,.settings-line-list small{display:block}.settings-line-list small{color:#948b9b;margin-top:2px;font-size:10px}.settings-logout{color:#9a7272;font:inherit;cursor:pointer;background:0 0;border:0;margin:16px auto 0;padding:10px;font-size:11px;display:block}.live-dashboard-shell{background:#f7f8fa}.live-data-banner{color:#71847a;background:#f0f8f3;border:1px solid #d9ebe1;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:10px 15px;font-size:10px;display:flex}.live-data-banner span{align-items:center;gap:7px;display:flex}.live-data-banner i{background:#65aa84;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #65aa8414}.live-data-banner b{color:#50705e;font-weight:600}.live-data-banner button,.sidebar-logout{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:4px;font-size:10px}.live-data-banner button:hover{text-decoration:underline}.sidebar-logout{text-align:left;color:#9a7272;padding:0}.compact-empty{padding:32px 10px}.ng-value{color:#bd9490}.live-dashboard-shell .desktop-main{min-width:0}.live-dashboard-shell .incident-list{margin-top:4px}@media (width<=600px){.live-data-banner{flex-wrap:wrap;align-items:flex-start}.live-data-banner button{margin-left:14px}.live-dashboard-shell .sidebar-logout{display:none}}.connected-shell,.live-dashboard-shell{color:#1f2430;background:#f5f8fc}.connected-top{background:#fff;border-color:#dce5f2}.connected-top .brand-symbol{color:#fff;background:#17191d;border-color:#17191d}.connected-actions{color:#61646b}.connected-actions button{color:#1f2430;background:#fff;border-color:#d4e3fb}.gate-orbit{color:#2563eb;background:#eff6ff;border-color:#b9d3fb}.connection-gate h1,.registration-form>h1{color:#1f2430}.connection-gate>p,.registration-form>p{color:#61646b}.connection-status{background:#eff6ff;border-color:#c7dcfb}.connection-status small{color:#656870}.connected-footer{color:#5e6168;background:#fff;border-color:#dce5f2}.connection-note{color:#61646b!important}.registration-form,.pending-gate{color:#1f2430}.assignment-list label{background:#fff;border-color:#d4e3fb}.assignment-list input,.admin-live-shell .dialog-form input[type=checkbox]{accent-color:#2563eb}.pending-icon{color:#2563eb}.live-banner,.live-data-banner{color:#5e6168;background:#eff6ff;border-color:#c7dcfb}.live-entry{color:#163f9c;background:#eff6ff;border-color:#c7dcfb}.home-greeting p{color:#2563eb}.full-date-field>span,.full-date-field small,.shift-note{color:#656870}.full-date-field output{color:#1f2430}.shift-button-group button{color:#1f2430;background:#fff;border-color:#c7dcfb}.shift-button-group button>span{color:#2563eb;background:#eff6ff}.shift-button-group button.active{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 8px 20px #2563eb2d}.settings-card{background:#fff;border-color:#d4e3fb}.settings-card input,.settings-card select{color:#1f2430;background:#fff;border-color:#d4e3fb}.settings-line-list input{accent-color:#2563eb}.admin-access-note{color:#0b2f5d;background:#eef3f8;border:1px solid #9eafc2;border-radius:12px;margin:16px 0;padding:13px 15px;font-size:11px;font-weight:600;line-height:1.7}.role-access-panel{margin-bottom:24px}.role-access-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.role-access-card{appearance:none;text-align:left;color:#1f2430;background:#f9fbfd;border:1px solid #cbd6e3;border-radius:14px;min-width:0;padding:16px;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s}.role-access-card:hover{background:#f3f7fc;border-color:#8299b5;transform:translateY(-1px)}.role-access-card.active{background:#edf4fc;border-color:#0b376f;box-shadow:inset 0 0 0 1px #0b376f,0 8px 20px #0b2f5d12}.role-access-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.role-access-card-head strong{color:#1f2430;font-size:13px}.role-access-card-head b{color:#0b376f;white-space:nowrap;background:#e7eef7;border-radius:999px;padding:4px 7px;font-size:9px}.role-access-card>small{color:#5e6168;margin-top:7px;font-size:9px;font-weight:700;display:block}.role-access-card>p{color:#61646b;min-height:36px;margin:12px 0;font-size:10px;line-height:1.7}.role-permission-tags{flex-wrap:wrap;gap:5px;display:flex}.role-permission-tags i{color:#46484d;background:#fff;border:1px solid #d4deea;border-radius:6px;padding:4px 7px;font-size:8px;font-style:normal}.role-access-card>em{color:#0b376f;margin-top:14px;font-size:9px;font-style:normal;font-weight:800;display:block}.role-access-card.active>em:before{content:"✓ "}@media (width<=1150px){.role-access-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.role-access-grid{grid-template-columns:1fr}.role-access-card>p{min-height:0}}.connected-shell,.live-dashboard-shell{background:#f5f7fa}.connected-top,.sidebar{border-color:#c7d0dc}.connected-actions button,.assignment-list label,.settings-card,.settings-card input,.settings-card select{border-color:#bdc8d6}.gate-orbit,.live-banner,.live-data-banner,.live-entry,.shift-button-group button>span{color:#123e73;background:#eef3f8;border-color:#bdc8d6}.pending-icon,.home-greeting p{color:#123e73}.assignment-list input,.admin-live-shell .dialog-form input[type=checkbox],.settings-line-list input{accent-color:#123e73}.live-banner b,.live-data-banner b{color:#0b2f5d}.live-banner .live-dot,.live-data-banner i{background:#123e73;box-shadow:0 0 0 5px #123e7317}.shift-button-group button{border-color:#bdc8d6}.shift-button-group button.active{background:#123e73;border-color:#123e73;box-shadow:0 8px 20px #0b2f5d30}.text-link{color:#0b2f5d}.settings-line-list label{background:#f8fafc;border-color:#c7d0dc}.live-trend .progress-track{background:#e3e8ef}.live-trend .progress-track i{background:#123e73}.connected-mobile .full-date-field{background:#fff;border:1px solid #b8d2fa;border-radius:14px;padding:13px 14px;position:relative;box-shadow:0 5px 16px #1d4ed80a;grid-template-columns:minmax(0,1fr) auto!important;row-gap:7px!important}.connected-mobile .full-date-field>span{font-size:11px;font-weight:600}.connected-mobile .full-date-field output{grid-area:2/1;font-size:17px;line-height:1.5}.connected-mobile .full-date-field .date-change-action{color:#fff;white-space:nowrap;background:#2563eb;border-radius:10px;grid-area:2/2;justify-content:center;align-self:center;align-items:center;min-height:38px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 6px 15px #2563eb25}.connected-mobile .full-date-field input{z-index:2;cursor:pointer;appearance:none;margin:0;position:absolute;inset:0;opacity:0!important;border:0!important;width:100%!important;height:100%!important;padding:0!important;font-size:16px!important}.connected-mobile .full-date-field input::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:auto;height:auto;margin:0;padding:0;position:absolute;inset:0}.connected-mobile .full-date-field small{margin-top:2px;font-size:11px}.role-card-filter{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;gap:8px;padding:0;display:flex}.role-card-filter>small{color:#5e6168;font-size:9px;font-weight:700;display:block}.role-card-filter>p{color:#61646b;min-height:36px;margin:4px 0;font-size:10px;line-height:1.7}.role-configure-button{color:#0c467f;cursor:pointer;background:#eef5fc;border:1px solid #b8cce4;border-radius:10px;width:100%;margin-top:12px;padding:9px 10px;font-weight:800}.role-configure-button:disabled{cursor:not-allowed;color:#64686f;background:#f4f6f8;border-color:#d9e0e8}.request-access-button{align-items:center;gap:8px;display:inline-flex}.request-access-button span{color:#0c3d76;background:#dbeafe;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 7px;font-size:12px;font-weight:800;display:inline-flex}.request-access-button.dark span{color:#0c3d76;background:#fff}.access-request-list{gap:12px;margin-top:16px;display:grid}.access-request-card{background:#fff;border:1px solid #d3dce7;border-radius:16px;grid-template-columns:minmax(180px,.8fr) minmax(340px,1.6fr) auto;align-items:center;gap:18px;padding:16px;display:grid}.access-request-card>div{flex-direction:column;gap:4px;display:flex}.access-request-card small{color:#61646b}.access-request-card dl{grid-template-columns:.65fr .45fr 1.5fr;gap:12px;margin:0;display:grid}.access-request-card dl div{min-width:0}.access-request-card dt{color:#61646b;font-size:11px}.access-request-card dd{text-overflow:ellipsis;margin:4px 0 0;font-size:13px;overflow:hidden}.access-request-card .button{white-space:nowrap}.line-module-status{flex-wrap:wrap;gap:5px;margin:10px 0 14px;display:flex}.line-module-status span{color:#0b4b82;background:#eaf4ff;border:1px solid #b9d4ee;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800}.line-module-status span.off{color:#898d94;background:#f3f4f6;border-color:#e1e5ea;text-decoration:line-through}.module-setting-button{color:#fff!important;background:#0c4b86!important;border-color:#0c4b86!important}.setting-explainer{color:#595d63;margin:0 0 16px;font-size:13px;line-height:1.6}.module-toggle-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.module-toggle{color:#63666d;text-align:left;cursor:pointer;background:#fff;border:1px solid #d3dce7;border-radius:14px;grid-template-columns:30px 1fr;align-items:center;gap:2px 8px;min-height:92px;padding:13px;display:grid}.module-toggle>span{border:1px solid #cad4df;border-radius:50%;grid-row:1/4;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.module-toggle strong{color:#1f2430}.module-toggle small{font-size:10px}.module-toggle em{font-size:11px;font-style:normal;font-weight:800}.module-toggle.active{background:#eaf4ff;border-color:#0b4f8c;box-shadow:inset 0 0 0 1px #0b4f8c}.module-toggle.active>span{color:#fff;background:#0b4f8c;border-color:#0b4f8c}.module-toggle.active em{color:#0b4f8c}@media (width<=900px){.access-request-card,.access-request-card dl{grid-template-columns:1fr}.request-access-button{width:auto}}@media (width<=700px){.module-toggle-grid{grid-template-columns:1fr}}.auth-options{gap:12px;display:grid}.auth-divider{color:#898d94;align-items:center;gap:12px;font-size:11px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e2e8f0;flex:1;height:1px}.google-login-slot{place-items:center;min-height:44px;display:grid;overflow:hidden}.google-login-slot>span{color:#61646b;font-size:11px}.google-login-slot.disabled{pointer-events:none;opacity:.5}.google-login-slot>div{justify-content:center;width:100%;display:flex}body>.modal-backdrop .dialog-wide{width:min(96vw,1480px);height:min(calc(92vh / var(--ui-zoom,1)),920px);max-height:calc(calc(100vh / var(--ui-zoom,1)) - 32px);flex-direction:column;padding:28px 32px;display:flex;overflow:hidden}body>.modal-backdrop .dialog-wide .dialog-head{flex:none}body>.modal-backdrop .dialog-wide .dialog-body{min-height:0;padding-right:4px;overflow:auto}body>.modal-backdrop .dialog-wide .empty-panel{place-items:center;min-height:360px;display:grid}@media (width<=700px){body>.modal-backdrop{padding:12px}body>.modal-backdrop .dialog-wide{width:100%;height:calc(calc(100vh / var(--ui-zoom,1)) - 24px);max-height:none;padding:20px}}.ui-language-root{display:contents}.global-language-switch{z-index:120;background:#fff;border:1px solid #b8c8dc;border-radius:999px;gap:3px;padding:4px;display:flex;position:fixed;top:14px;right:18px;box-shadow:0 8px 24px #0b2f5d1f}.global-language-switch button{color:#515459;cursor:pointer;background:0 0;border:0;border-radius:999px;min-width:38px;height:30px;padding:0 9px;font-size:10px;font-weight:800}.global-language-switch button.active{color:#fff;background:#0b376f}.registration-form .dialog-form{background:#eef5fc;border:1px solid #bfd0e4;border-radius:16px;grid-template-columns:1fr 1fr;margin-top:18px;padding:18px}.registration-form .dialog-form label{color:#1f2430;font-weight:700}.registration-form .dialog-form input,.registration-form .dialog-form select,.registration-line-search{color:#1f2430;background:#fff;border:1.5px solid #8fa8c4;min-height:48px;box-shadow:0 2px 7px #0b2f5d0d}.registration-form .dialog-form input:focus,.registration-form .dialog-form select:focus,.registration-line-search:focus{border-color:#0b4b86;outline:3px solid #0b4b861f}.registration-rule-note{color:#183b61;background:#e7f1fc;border-left:4px solid #0b4b86;border-radius:9px;margin:16px 0 0;padding:12px 14px;font-size:11px;line-height:1.6}.registration-language-note{text-align:center;color:#61646b;margin-top:10px;font-size:10px;display:block}@media (width<=700px){.global-language-switch{top:12px;right:max(18px,env(safe-area-inset-right))}.registration-form .dialog-form{grid-template-columns:1fr;padding:15px}}.profile-settings-button{color:#1f2430;text-align:left;background:#fff;border:1px solid #d6e0ec;border-radius:10px;align-items:center;gap:9px;width:100%;padding:9px 10px;font-size:10px;font-weight:800;display:flex}.profile-settings-button:hover{background:#edf4fc;border-color:#aec4de}.profile-settings-button>span:first-child{color:#0b4a88;background:#e7f0fa;border-radius:7px;place-items:center;width:23px;height:23px;font-size:13px;display:grid}.profile-language-settings{gap:18px;display:grid}.profile-language-summary{background:#f6f9fd;border:1px solid #d7e1ec;border-radius:13px;align-items:center;gap:12px;padding:14px;display:flex}.profile-language-summary>span{color:#0b4a88;background:#dfeaf7;border-radius:50%;place-items:center;width:42px;height:42px;font-size:12px;font-weight:800;display:grid}.profile-language-summary strong,.profile-language-summary small{display:block}.profile-language-summary strong{color:#1f2430;font-size:13px}.profile-language-summary small{color:#6d7178;margin-top:4px;font-size:9px}.profile-language-section{gap:13px;display:grid}.profile-language-section>div:first-child strong,.profile-language-section>div:first-child small{display:block}.profile-language-section>div:first-child strong{color:#1f2430;font-size:13px}.profile-language-section>div:first-child small{color:#6d7178;margin-top:5px;font-size:10px}.profile-language-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.profile-language-options button{color:#53565c;text-align:left;background:#fff;border:1px solid #d6e0ec;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:14px;display:flex}.profile-language-options button.active{color:#0b376f;background:#eaf3fc;border-color:#0b4a88;box-shadow:inset 0 0 0 1px #0b4a88}.profile-language-options b,.profile-language-options small{display:block}.profile-language-options b{font-size:12px}.profile-language-options small{color:inherit;font-size:9px}.settings-field{color:#53565c;gap:6px;font-size:10px;font-weight:700;display:grid}.settings-field input,.settings-field select,.settings-filter-grid select{color:#1f2430;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #c7d0dc;border-radius:10px;padding:0 12px}.settings-filter-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.settings-filter-grid label{color:#53565c;gap:6px;font-size:9px;font-weight:700;display:grid}.settings-actions{justify-content:space-between}.settings-actions .danger{margin-right:auto}.delete-confirmation{gap:14px;display:grid}.delete-confirmation p{color:#1f2430;margin:0;font-size:15px}.delete-confirmation small{color:#6d7178;line-height:1.7}.work-unit-picker{border:1px solid #c7d0dc;border-radius:12px;gap:8px;margin:0;padding:14px;display:grid}.work-unit-picker legend{color:#53565c;padding:0 6px;font-size:10px;font-weight:800}.work-unit-picker label{background:#f7f9fc;border-radius:8px;align-items:center;gap:9px;padding:8px;display:flex}.employee-master-tabs{z-index:5;background:#eef4fb;border:1px solid #c7d0dc;border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;width:min(520px,100%);margin:0 auto 18px;padding:6px;display:grid;position:sticky;top:18px;box-shadow:0 12px 30px #0b2f5d1c}.employee-master-tabs button{color:#5e6168;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;font-size:11px;font-weight:800}.employee-master-tabs button.active{color:#fff;background:#0b4a88}.work-unit-admin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.work-unit-admin-grid article{background:#fff;border:1px solid #d7e1ec;border-radius:14px;flex-direction:column;min-height:190px;padding:18px;display:flex;position:relative}.work-unit-admin-grid article>.pill{position:absolute;top:14px;right:14px}.work-unit-admin-grid small{color:#6d7178;font-size:9px}.work-unit-admin-grid h3{color:#1f2430;margin:8px 70px 8px 0;font-size:16px}.work-unit-admin-grid p{color:#5e6168;margin:0;font-size:10px;line-height:1.6}.work-unit-card-actions{gap:8px;margin-top:auto;padding-top:16px;display:flex}.work-unit-card-actions .button{min-height:36px;padding:8px 12px;font-size:10px}.work-unit-card-group{color:#163f6d;overflow-wrap:anywhere;background:#f3f8ff;border:1px solid #d3e2f3;border-radius:9px;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0 0 10px;padding:8px 10px;display:flex}.work-unit-card-group span{color:#63666d;font-size:9px;font-weight:700}.work-unit-card-group strong{font-size:11px;font-weight:800}.work-unit-card-group.unassigned{color:#656870;background:#f7f9fc;border-color:#e2e7ed}@media (width<=800px){.settings-filter-grid,.work-unit-admin-grid{grid-template-columns:1fr}}.admin-live-shell .desktop-main.has-top-navigation{padding-top:112px}.admin-live-shell .employee-master-tabs{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#eef4fbeb;width:min(640px,100vw - 300px);margin:0;position:fixed;top:16px;left:calc(50vw + 112px);transform:translate(-50%)}body>.modal-backdrop{z-index:100}@media (width<=1150px){.admin-live-shell .employee-master-tabs{width:min(620px,100vw - 240px);left:calc(50vw + 95px)}}@media (width<=900px){.admin-live-shell .employee-master-tabs{width:min(600px,100vw - 110px);left:calc(50vw + 35px)}}@media (width<=600px){.admin-live-shell .desktop-main.has-top-navigation{padding-top:96px}.admin-live-shell .employee-master-tabs{width:calc(100vw - 32px);top:8px;left:50%}}.live-dashboard-shell .desktop-main.has-production-result-tabs{padding-top:112px}.production-result-tabs{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#eef4fbeb;border:1px solid #c7d0dc;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:min(760px,100vw - 300px);padding:6px;display:grid;position:fixed;top:16px;left:calc(50vw + 112px);transform:translate(-50%);box-shadow:0 12px 30px #0b2f5d1c}.production-result-tabs button{color:#5e6168;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;font-size:11px;font-weight:800}.production-result-tabs button:hover{color:#0b4a88;background:#e4edf7}.production-result-tabs button.active{color:#fff;background:#0b4a88;box-shadow:0 3px 10px #0b4a8826}@media (width<=1150px){.production-result-tabs{width:min(620px,100vw - 240px);left:calc(50vw + 95px)}}@media (width<=900px){.production-result-tabs{width:min(600px,100vw - 110px);left:calc(50vw + 35px)}}@media (width<=600px){.live-dashboard-shell .desktop-main.has-production-result-tabs{padding-top:96px}.production-result-tabs{width:calc(100vw - 32px);top:8px;left:50%}}.admin-floating-tabs{z-index:45;-webkit-backdrop-filter:blur(14px);background:#eef4fbeb;border:1px solid #c7d0dc;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:min(680px,100vw - 300px);padding:6px;display:grid;position:fixed;top:16px;left:calc(50vw + 112px);transform:translate(-50%);box-shadow:0 12px 30px #0b2f5d1c}.admin-floating-tabs button{color:#5e6168;min-height:48px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;gap:2px;font-size:11px;font-weight:800;display:grid}.admin-floating-tabs button small{color:inherit;opacity:.78;font-size:8px;font-weight:600}.admin-floating-tabs button:hover{color:#0b4a88;background:#e4edf7}.admin-floating-tabs button.active{color:#fff;background:#0b4a88;box-shadow:0 3px 10px #0b4a8826}.signature-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.signature-card{background:#fff;border:1px solid #d4deea;border-radius:14px;gap:12px;padding:16px;display:grid;box-shadow:0 8px 20px #0b2f5d08}.signature-card header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.signature-card strong,.signature-card small{display:block}.signature-card strong{color:#1f2430;font-size:12px}.signature-card small{color:#6d7178;margin-top:4px;font-size:8px}.signature-image-frame{color:#6d7178;text-align:center;background:linear-gradient(135deg,#f8fbff,#fff);border:1px dashed #aebfd2;border-radius:11px;place-items:center;min-height:138px;padding:12px;font-size:9px;display:grid}.signature-image-frame img{object-fit:contain;width:100%;height:116px;display:block}.signature-registered{color:#287247;background:#e8f6ed}.signature-processing{color:#255b91;background:#e8f1fb}.signature-not_registered{color:#62656c;background:#f1f3f6}.signature-failed{color:#ae5148;background:#fbefec}.access-request-toolbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.request-reason{background:#f4f7fa;border-radius:7px;padding:6px 8px;line-height:1.5;color:#46484d!important;margin-top:7px!important}@media (width<=1150px){.admin-floating-tabs{width:min(650px,100vw - 240px);left:calc(50vw + 95px)}.signature-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.admin-floating-tabs{width:min(620px,100vw - 110px);left:calc(50vw + 35px)}}@media (width<=600px){.admin-floating-tabs{width:calc(100vw - 32px);top:8px;left:50%}.admin-floating-tabs button small{display:none}.signature-card-grid{grid-template-columns:1fr}.access-request-toolbar{flex-direction:column;align-items:stretch}}.admin-segmented-tabs,.time-admin-tabs{background:linear-gradient(#f6f9fd,#eaf1f8);border:1px solid #c5d3e3;border-radius:18px;gap:7px;padding:7px;display:grid;box-shadow:0 12px 28px #0b2f5d16}.employee-master-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.time-admin-tabs{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 22px}.admin-segmented-tabs button,.time-admin-tabs button{color:#53565c;min-height:54px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;transition:background .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s;display:flex}.admin-segmented-tabs button:hover,.time-admin-tabs button:hover{color:#0b4a88;background:#f8fbff;border-color:#c4d4e5}.admin-segmented-tabs button.active,.time-admin-tabs button.active{color:#fff;background:linear-gradient(135deg,#0b376f,#0b5a9b);border-color:#0b4a88;transform:translateY(-1px);box-shadow:0 7px 16px #0b4a8828}.admin-segmented-tabs button span,.time-admin-tabs button span{font-size:11px;font-weight:850}.admin-segmented-tabs button small,.time-admin-tabs button small{color:inherit;opacity:.75;font-size:8px;font-weight:600}.admin-live-shell .employee-master-tabs{background:linear-gradient(#f6f9fdeb,#eaf1f8eb)}body>.modal-backdrop .dialog{max-height:calc(calc(100vh / var(--ui-zoom,1)) - 32px);flex-direction:column;display:flex;overflow:hidden}body>.modal-backdrop .dialog-head{z-index:5;background:#fff;border-bottom:1px solid #e2e9f1;flex:none;margin-bottom:18px;padding-bottom:14px;position:relative}body>.modal-backdrop .dialog-body{min-height:0;padding:2px 5px 2px 1px;overflow:auto}body>.modal-backdrop .close-button{color:#173b62;cursor:pointer;background:#eef4fb;border:1px solid #d7e2ee;flex:none}:is(body>.modal-backdrop .dialog:has(.work-unit-editor),body>.modal-backdrop .dialog:has(.work-unit-group-editor),body>.modal-backdrop .dialog:has(.employee-editor)){width:min(94vw,760px)}.work-unit-editor .dialog-form{gap:18px}.work-unit-code-field>span:first-child{color:#1f2430;font-weight:800}.input-with-action{grid-template-columns:minmax(0,1fr) auto;gap:9px;display:grid}.input-with-action .button{color:#0b4a88;background:#eef5fc;border-color:#a9bfd7;justify-content:center;min-height:44px;font-weight:800}.work-unit-line-picker{background:#fbfdff;gap:12px;padding:16px}.work-unit-picker-toolbar{color:#53565c;justify-content:space-between;align-items:center;gap:10px;font-size:10px;display:flex}.work-unit-picker-toolbar>span{white-space:nowrap}.work-unit-picker-toolbar input{min-height:38px;padding:9px 11px}.work-unit-line-options{gap:8px;max-height:350px;padding-right:3px;display:grid;overflow:auto}.admin-live-shell .dialog-form .work-unit-line-options label{cursor:pointer;background:#fff;border:1px solid #e0e8f1;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-height:54px;padding:10px 12px;transition:border-color .15s,background .15s,box-shadow .15s;display:grid}.admin-live-shell .dialog-form .work-unit-line-options label:hover{background:#f7fbff;border-color:#9fb8d2}.admin-live-shell .dialog-form .work-unit-line-options label.selected{background:#eaf4fd;border-color:#0b4a88;box-shadow:inset 0 0 0 1px #0b4a88}.work-unit-line-options label>span{gap:3px;min-width:0;display:grid}.work-unit-line-options label b{color:#1f2430;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.work-unit-line-options label small{color:#6d7178;font-size:8px}.work-unit-line-options label em{color:#6d7178;text-align:right;min-width:52px;font-size:8px;font-style:normal}.work-unit-line-options label.selected em{color:#0b4a88;font-weight:800}.work-unit-picker-empty{text-align:center;color:#6d7178;margin:8px 0}.admin-live-shell .dialog-form .work-unit-active-toggle{cursor:pointer;background:#f7f9fc;border:1px solid #cbd7e4;border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;display:grid}.admin-live-shell .dialog-form .work-unit-active-toggle.active{background:#eaf4fd;border-color:#83a9ce}.work-unit-active-toggle>span{gap:3px;display:grid}.work-unit-active-toggle b{color:#1f2430;font-size:11px}.work-unit-active-toggle small{color:#6d7178;font-size:8px;line-height:1.5}.work-unit-active-toggle em{color:#53565c;background:#e3e9f0;border-radius:999px;padding:5px 8px;font-size:8px;font-style:normal;font-weight:800}.work-unit-active-toggle.active em{color:#fff;background:#0b4a88}.work-unit-group-grid article{min-height:230px}.work-unit-group-owner-list{flex-wrap:wrap;gap:6px;margin:2px 0 12px;display:flex}.work-unit-group-owner-list>span{background:#f0f6fc;border:1px solid #c9d9e9;border-radius:9px;gap:2px;padding:7px 9px;display:grid}.work-unit-group-owner-list b{color:#173b62;font-size:10px}.work-unit-group-owner-list small{color:#6d7178;font-size:7px}.work-unit-owner-picker{background:#fbfdff;gap:12px;padding:16px}.work-unit-owner-options{max-height:260px}.employee-group-picker{background:#fbfdff;grid-column:1/-1;gap:12px;padding:16px}.employee-group-picker:disabled{opacity:.6}.employee-group-picker .work-unit-line-options{max-height:280px}.admin-live-shell .dialog-form .work-unit-line-options label.unavailable{cursor:not-allowed;opacity:.68;background:#f4f5f7;border-style:dashed}.work-unit-line-options label.unavailable em{color:#8a6470;text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}@media (width<=600px){.time-admin-tabs,.input-with-action{grid-template-columns:1fr}.work-unit-picker-toolbar{flex-direction:column;align-items:stretch}.work-unit-picker-toolbar input{width:100%}.admin-segmented-tabs button small,.time-admin-tabs button small{display:none}}.connected-mobile .profile-settings-card{background:#eef4fb;border-color:#aec4dd}.connected-mobile .profile-settings-card>label{color:#1f2430;background:#f8fbff;border:1px solid #d3deeb;border-radius:13px;padding:10px 11px;font-weight:700}.connected-mobile .profile-settings-card input,.connected-mobile .profile-settings-card select{background:#fff;border-color:#9fb5ce;box-shadow:0 2px 8px #0b2f5d0c}.notification-settings-card{gap:14px}.notification-setting-copy{grid-template-columns:42px minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.notification-setting-icon{color:#0b4a88;background:#eaf2ff;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.notification-setting-icon svg{width:21px;height:21px}.notification-setting-copy strong{color:#1f2430;font-size:14px;display:block}.notification-setting-copy p{color:#62656c;margin:4px 0 0;font-size:11px;line-height:1.6}.notification-setting-status{color:#595c62;white-space:nowrap;background:#eef2f6;border-radius:999px;align-self:start;padding:5px 8px;font-size:9px;font-weight:800}.notification-settings-card.is-enabled{background:#f4fbf7;border-color:#9bd5b5}.notification-settings-card.is-enabled .notification-setting-icon,.notification-settings-card.is-enabled .notification-setting-status{color:#137b45;background:#dff5e8}.notification-settings-card.is-denied{background:#fff8f7;border-color:#efc2bc}.notification-settings-card.is-denied .notification-setting-icon,.notification-settings-card.is-denied .notification-setting-status{color:#b94736;background:#fff0ed}.notification-enable-button{color:#fff;width:100%;min-height:48px;font:inherit;cursor:pointer;background:#0b4a88;border:1.5px solid #0b4a88;border-radius:13px;font-size:13px;font-weight:800}.notification-enable-button:disabled{cursor:default}.notification-settings-card.is-enabled .notification-enable-button{color:#137b45;opacity:1;background:#e8f7ee;border-color:#abd8bd}.notification-settings-card.is-denied .notification-enable-button{color:#a23e32;opacity:1;background:#fff;border-color:#efc2bc}.notification-settings-card>small{color:#666a71;font-size:10px;line-height:1.65}@media (width<=360px){.notification-setting-copy{grid-template-columns:38px minmax(0,1fr)}.notification-setting-icon{width:38px;height:38px}.notification-setting-status{grid-column:2;justify-self:start}}.connected-mobile .line-settings{background:#f7f9fc}.settings-hub-panel{padding:24px}.settings-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.settings-hub-card{background:#fff;border:1px solid #cbd6e3;border-radius:16px;grid-template-columns:54px minmax(0,1fr);gap:16px;min-height:190px;padding:22px;display:grid;box-shadow:0 10px 24px #0b2f5d0b}.settings-hub-icon{color:#0b376f;letter-spacing:.02em;background:#eef3f8;border-radius:14px;place-items:center;width:54px;height:54px;font-size:13px;font-weight:900;display:grid}.settings-hub-card small{color:#6d7178;letter-spacing:.13em;font-size:8px;font-weight:800}.settings-hub-card h3{color:#1f2430;letter-spacing:-.02em;margin:8px 0 7px;font-size:17px}.settings-hub-card p{color:#61646b;margin:0;font-size:11px;line-height:1.75}.settings-hub-status{color:#6d7178;border-top:1px solid #e3e8ef;grid-column:1/-1;align-self:end;padding-top:14px;font-size:9px;font-weight:700}@media (width<=600px){.settings-hub-grid{grid-template-columns:1fr}.settings-hub-panel{padding:16px}}.settings-hub-button{width:100%;font:inherit;text-align:left;cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s}.settings-hub-button:hover{border-color:#164f8d;transform:translateY(-2px);box-shadow:0 14px 28px #0b2f5d18}.settings-hub-button:focus-visible{outline-offset:3px;outline:3px solid #1c6bc655}.settings-hub-button .settings-hub-status{color:#0b4b8f;justify-content:space-between;display:flex}.settings-back-button{color:#0b4b8f;font:inherit;cursor:pointer;background:0 0;border:0;margin:0 0 14px;padding:0;font-size:11px;font-weight:800}.std-option-grid{grid-template-columns:minmax(320px,620px)}.manpower-standard-panel{padding:24px}.manpower-standard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.manpower-standard-card{background:#fff;border:1px solid #d2dce8;border-radius:15px;grid-template-columns:minmax(0,1fr) 210px;gap:18px;padding:20px;display:grid;box-shadow:0 8px 20px #0b2f5d08}.manpower-standard-card small{color:#6d7178;letter-spacing:.05em;font-size:9px;font-weight:800}.manpower-standard-card h3{color:#1f2430;margin:6px 0 4px;font-size:15px}.manpower-standard-card p{color:#6d7178;margin:0;font-size:10px;line-height:1.55}.manpower-standard-card>label{color:#61646b;gap:7px;font-size:10px;font-weight:700;display:grid}.standard-headcount-input{background:#fff;border:1px solid #b9c7d8;border-radius:11px;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:45px;display:grid;overflow:hidden}.standard-headcount-input input{color:#1f2430;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;padding:10px 12px;font-size:15px;font-weight:800}.standard-headcount-input span{color:#0b4b8f;padding:0 12px;font-size:11px;font-weight:800}.standard-card-footer{border-top:1px solid #e5eaf0;grid-column:1/-1;justify-content:space-between;align-items:center;padding-top:14px;display:flex}.downtime-master-panel{padding:24px}.master-filter-bar{grid-template-columns:minmax(260px,1fr) 190px 170px auto auto;align-items:end;margin:18px 0;display:grid}.master-filter-bar .search-box{width:100%}.master-filter-bar label{color:#61646b;gap:6px;font-size:10px;font-weight:700;display:grid}.master-filter-bar select{color:#1f2430;min-height:42px;font:inherit;background:#fff;border:1px solid #cbd6e3;border-radius:10px;padding:0 12px}.master-filter-bar .filter-count{white-space:nowrap;place-self:center end}.downtime-master-list{gap:10px;display:grid}.downtime-master-row{background:#fff;border:1px solid #d5dee9;border-radius:14px;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:20px;padding:17px 18px;display:grid}.downtime-master-row.inactive{color:#6d7178;background:#f8fafc}.downtime-master-code{justify-items:start;gap:8px;display:grid}.downtime-master-code>b{color:#0b376f;word-break:break-word;font-size:12px}.downtime-master-row small{color:#6d7178;letter-spacing:.05em;font-size:9px;font-weight:800}.downtime-master-row h3{color:#1f2430;margin:3px 0 5px;font-size:14px}.downtime-master-row p{color:#696c74;margin:0;font-size:10px;line-height:1.6}.downtime-reason-form .span-two{grid-column:1/-1}.downtime-reason-form textarea{resize:vertical;min-height:92px}.auto-code-field,.category-field{color:#61646b;gap:7px;font-size:10px;font-weight:700;display:grid}.auto-code-field strong{color:#0b4b8f;background:#f7f9fc;border:1px dashed #aebdce;border-radius:10px;align-items:center;min-height:44px;padding:0 13px;font-size:11px;display:flex}.category-picker{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.category-picker .button{white-space:nowrap}.category-field input,.category-field select{color:#1f2430;min-height:44px;font:inherit;background:#fff;border:1px solid #b8c6d8;border-radius:10px;padding:0 12px}@media (width<=1100px){.master-filter-bar{grid-template-columns:minmax(220px,1fr) 170px 150px auto}.master-filter-bar .filter-count{grid-column:1/-1;justify-self:start}.manpower-standard-grid{grid-template-columns:1fr}}@media (width<=900px){.downtime-master-row{grid-template-columns:140px minmax(0,1fr)}.downtime-master-row>.row-actions{grid-column:1/-1}.master-filter-bar{grid-template-columns:1fr 1fr}.master-filter-bar .search-box,.master-filter-bar .filter-count{grid-column:1/-1}}@media (width<=600px){.downtime-master-panel,.manpower-standard-panel{padding:16px}.downtime-master-row{grid-template-columns:1fr}.downtime-master-row>.row-actions,.downtime-reason-form .span-two{grid-column:auto}.master-filter-bar{grid-template-columns:1fr}.master-filter-bar .search-box,.master-filter-bar .filter-count{grid-column:auto}.category-picker{grid-template-columns:1fr}.category-picker .button{width:100%}.manpower-standard-card{grid-template-columns:1fr}.standard-card-footer{flex-direction:column;grid-column:auto;align-items:stretch;gap:10px}}.profile-team-picker{background:#f8fbff;border:1px solid #d7e2f1;border-radius:16px;gap:10px;padding:14px;display:grid}.profile-team-picker>span{color:#183c64;font-size:13px;font-weight:700}.profile-team-picker>div{grid-template-columns:1fr 1fr;gap:10px;display:grid}.profile-team-picker button{color:#183c64;min-height:48px;font:inherit;background:#fff;border:1px solid #b8cbe4;border-radius:12px;font-weight:700}.profile-team-picker button.active{color:#fff;background:#123e72;border-color:#123e72;box-shadow:0 4px 12px #123e721c}.profile-team-picker button:focus-visible{outline-offset:3px;outline:3px solid #77a5d7}.line-admin-list{gap:9px;display:grid}.line-admin-row{grid-template-columns:minmax(180px,1fr) minmax(180px,1.1fr) minmax(210px,1.15fr) auto;align-items:center;gap:14px;min-width:0;padding:13px 16px;display:grid}.line-admin-row .line-admin-identity,.line-admin-row .line-work-unit-summary,.line-admin-row .line-admin-module-group{min-width:0}.line-admin-row .line-admin-identity h3{min-height:0;margin:4px 0 0;font-size:14px;line-height:1.4}.line-admin-row .line-admin-identity p{color:#6a6d75;margin:4px 0 0;font-size:11px}.line-admin-row .line-work-unit-summary{margin:0}.line-admin-row .line-work-unit-summary strong{overflow-wrap:anywhere}.line-admin-row .line-module-status{margin:0 0 7px}.line-admin-actions{flex-wrap:wrap;justify-content:flex-end}.line-admin-actions .button{white-space:nowrap}.line-admin-more{position:relative}.line-admin-more summary{color:#55585e;cursor:pointer;background:#fff;border:1px solid #d3dce7;border-radius:9px;align-items:center;min-height:34px;padding:7px 10px;font-size:10px;font-weight:700;list-style:none;display:inline-flex}.line-admin-more summary::-webkit-details-marker{display:none}.line-admin-more[open]>button{z-index:5;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 8px 24px #0b2f5d24}@media (width<=1300px){.line-admin-row{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr)}.line-admin-actions{justify-content:flex-start}}@media (width<=760px){.line-admin-row{grid-template-columns:1fr}}@media (width>=760px) and (width<=900px){.live-dashboard-shell .production-result-tabs,.admin-live-shell .employee-master-tabs,.admin-live-shell .admin-floating-tabs{width:min(620px,100vw - 240px);left:calc(50vw + 95px)}}.management-notification-preferences{border-top:1px solid #dce6f1;gap:12px;padding-top:16px;display:grid}.management-notification-heading strong{color:#1f2430;font-size:14px}.management-notification-heading p{color:#62656c;margin:5px 0 0;font-size:11px;line-height:1.6}.management-notification-list{gap:9px;display:grid}.management-notification-topic{background:#fff;border:1px solid #d4e3f1;border-radius:13px;justify-content:space-between;align-items:center;gap:14px;min-height:64px;padding:11px 13px;display:flex}.management-notification-topic span{min-width:0}.management-notification-topic strong,.management-notification-topic small{display:block}.management-notification-topic strong{color:#1f2430;font-size:13px}.management-notification-topic small{color:#62656c;margin-top:4px;font-size:10px;line-height:1.5}.management-notification-topic input[type=checkbox]{appearance:none;cursor:pointer;background:#dce4ed;border:1px solid #aebed0;border-radius:999px;flex:none;width:44px;height:26px;margin:0;padding:0;transition:background .15s;position:relative}.management-notification-topic input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #142b4650}.management-notification-topic input[type=checkbox]:checked{background:#0b4a88;border-color:#0b4a88}.management-notification-topic input[type=checkbox]:checked:after{transform:translate(18px)}.management-notification-topic input[type=checkbox]:disabled{opacity:.6;cursor:wait}.management-notification-topic input[type=checkbox]:focus-visible{outline-offset:3px;outline:3px solid #79a8dd}.management-notification-loading,.management-notification-error{color:#62656c;margin:0;font-size:11px;line-height:1.5}.management-notification-error{color:#a23e32;justify-content:space-between;align-items:center;gap:10px;display:flex}.management-notification-error button{color:#0b4a88;font:inherit;background:#fff;border:1px solid #d4e3f1;border-radius:9px;padding:8px 12px;font-weight:700}.pill.muted{color:#61646b;background:#eef1f5;border-color:#e2e6ec}@media (width<=700px){.line-card-table{overflow:visible}.line-card-table table,.line-card-table tbody{width:100%;min-width:0;display:block}.line-card-table thead{display:none}.line-card-table tr{background:#fff;border:1px solid #dfe5ee;border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 10px;margin:0 0 10px;padding:12px;display:grid}.line-card-table td{border:0;min-width:0;padding:0;font-size:12px;display:block}.line-card-table td:first-child{grid-column:1/-2}.line-card-table td.status-cell{grid-area:1/-2/auto/-1;place-self:start end}.line-card-table td:last-child{display:none}.line-card-table td[data-label]:before{content:attr(data-label);color:#6d7178;margin-bottom:3px;font-size:10px;font-weight:700;display:block}.line-card-table td.status-cell:before{display:none}.line-card-table td[data-label=OEE]{grid-column:1/-1}.line-card-table td[data-label=OEE] .value-bar b{font-size:22px}.line-card-table td[data-label="FG / NG"]{grid-column:span 1}.line-card-table td:first-child .line-cell{text-align:left;width:100%;min-width:0}.line-card-table td:first-child .line-cell>span:last-child{min-width:0}.line-card-table td:first-child strong{white-space:normal;overflow-wrap:anywhere;line-height:1.35;display:block}}html .sidebar{height:calc(100vh / var(--ui-zoom,1))}html body>.modal-backdrop .dialog{max-height:calc(100vh / var(--ui-zoom,1) - 32px)}html body>.modal-backdrop .dialog-wide{height:min(calc(92vh / var(--ui-zoom,1)),920px);max-height:calc(100vh / var(--ui-zoom,1) - 32px)}html body>.modal-backdrop.is-drawer>.dialog-drawer{height:calc(100dvh / var(--ui-zoom,1) - 24px)}.line-group-filter{margin-top:-6px}.line-group-filter .filter-count{margin-left:auto}.line-master-card .pill.process{margin-bottom:7px;margin-right:7px}.line-master-card .row-actions{flex-wrap:wrap}.line-work-unit-summary{overflow-wrap:anywhere;background:#f6f9fe;border:1px solid #d7e4f4;border-radius:10px;gap:3px;margin:12px 0;padding:9px 11px;display:grid}.line-work-unit-summary small{color:#61646b;font-size:10px}.line-work-unit-summary strong{color:#173e70;font-size:12px;line-height:1.5}.line-work-unit-search{color:#53565c;gap:7px;margin:16px 0;font-size:11px;font-weight:700;display:grid}.line-work-unit-search input{background:#fff;border:1px solid #c7d0dc;border-radius:10px;width:100%;min-height:42px;padding:9px 12px}.pill.process.bd{color:#163f9c;background:#e8f1ff}.pill.process.cp{color:#2457b7;background:#eff6ff}.pill.process.bn{color:#1f2430;background:#e5edf8}@media (width<=600px){.line-group-filter .filter-count{width:100%;margin-left:0}}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/noto-sans-thai-thai-CtQSZ1tK.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/noto-sans-thai-latin-ext-DH1q_yQ5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/noto-sans-thai-latin-Bi3VDbYN.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--app-font:"Noto Sans Thai",system-ui,sans-serif;font-family:var(--app-font)}button,input,select,textarea{font-family:inherit}body,body :is(button,input,select,textarea,option){font-family:var(--app-font);letter-spacing:normal}body :is(.dialog,.dialog-drawer){font-family:var(--app-font);line-height:1.6}body .dialog-head h2{font-size:20px;font-weight:700;line-height:1.4}body .dialog .button,body :is(.filter-bar,.dashboard-period-filter) label{font-size:13px;font-weight:600;line-height:1.5}@media (width<=700px){body .dialog-head h2{font-size:18px}body .dialog :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}}:root{font-family:var(--app-font);color:#1f2430;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f8fa}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{color:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.site-shell{background:#f7f8fa;justify-items:center;min-height:100vh;display:grid}.device{background:#f7f8fa;width:min(100%,480px);min-height:100vh;position:relative;overflow:hidden}.screen{min-height:inherit;padding:24px 26px 30px;animation:.35s both reveal}.app-header{align-items:center;gap:12px;height:72px;display:flex}.brand{align-items:center;gap:12px;font-size:17px;display:flex}.round-icon{color:#24272c;background:#ffffffe0;border:0;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.round-icon svg{width:20px;height:20px}.profile-button{cursor:pointer;transition:transform .2s,background .2s}.profile-button:hover{background:#fff;transform:translateY(-2px)}.notification-button{cursor:pointer;color:var(--oee-blue-dark);border:1px solid var(--oee-blue-line);background:#fff;flex:none;position:relative}.notification-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.notification-badge{color:#fff;background:#e4463d;border:2px solid #fff;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:12px;font-weight:800;line-height:1;display:grid;position:absolute;top:-6px;right:-5px}.notification-modal-backdrop{z-index:1200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b1220a8;justify-content:center;align-items:flex-start;padding:88px 18px 24px;animation:.18s both modal-fade-in;display:flex;position:fixed;inset:0}.notification-screen.notification-modal{background:#fff;border:1px solid #c9d5e5;border-radius:24px;width:min(100%,520px);max-height:calc(100dvh - 112px);padding:20px;animation:.22s both screen-enter;overflow:auto;box-shadow:0 28px 80px #07152b45}.notification-modal-header{border-bottom:1px solid #e1e7ef;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:14px;display:flex}.notification-modal-header .kicker{margin:0 0 5px}.notification-modal-header h1{margin:0;font-size:25px}.notification-modal-header p:last-child{color:#6d7178;margin:7px 0 0;font-size:12px;line-height:1.55}.notification-modal-header>button{color:#0b4a88;width:38px;height:38px;font:inherit;cursor:pointer;background:#eef5ff;border:1px solid #bdcbe0;border-radius:50%;flex:none;font-size:24px;line-height:1}.notification-toolbar{justify-content:flex-end;gap:8px;margin:14px 0;display:flex}.notification-toolbar button{border:1px solid var(--oee-blue-line);color:var(--oee-blue-dark);font:inherit;background:#fff;border-radius:10px;padding:9px 12px;font-size:12px;font-weight:700}.notification-list{gap:12px;display:grid}.notification-card{text-align:left;color:#1f2430;width:100%;font:inherit;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:17px;grid-template-columns:42px minmax(0,1fr) 8px;align-items:start;gap:12px;padding:16px;display:grid}.notification-card.is-unread{background:#f0f6ff;border-color:#9dbbe5;box-shadow:0 8px 22px #174c8f12}.notification-status-icon{border-radius:13px;place-items:center;width:42px;height:42px;font-size:22px;font-weight:800;display:grid}.notification-card.is-approved .notification-status-icon{color:#137b45;background:#e5f7ec}.notification-card.is-rejected .notification-status-icon{color:#b94736;background:#fff0ed}.notification-card-copy{gap:5px;min-width:0;display:grid}.notification-card-copy strong{font-size:14px}.notification-card-copy small{color:#60636a;font-size:12px;line-height:1.6}.notification-card-copy time{color:#898d94;font-size:12px}.notification-card>i{background:#1768b0;border-radius:50%;width:8px;height:8px;margin-top:5px}.push-help-card{background:#edf5ff;border:1px solid #cddcf0;border-radius:17px;margin:0 0 14px;padding:16px}.push-help-card strong{font-size:13px}.push-help-card p{color:#5b5f65;margin:6px 0 0;font-size:12px;line-height:1.6}.push-help-card .secondary-button{width:100%;margin-top:12px}.status-dots{gap:6px;margin-left:auto;margin-right:3px;display:flex}.status-dots i{background:#7f848c;border-radius:50%;width:9px;height:9px}.api-indicator{z-index:3;opacity:0;background:#c7cbd1;border-radius:50%;width:7px;height:7px;position:absolute;top:28px;right:88px}.api-indicator.online{background:#24c77b;box-shadow:0 0 0 4px #24c77b1f}.login-content{flex-direction:column;justify-content:center;min-height:650px;display:flex}.orbit-mark{color:#17191d;place-items:center;width:188px;height:176px;margin:-45px auto 32px;display:grid;position:relative}.orbit-mark:before,.orbit-mark:after{content:"";border:1.4px solid #c9cdd2;border-radius:50%;width:123px;height:158px;position:absolute;transform:rotate(31deg)}.orbit-mark:after{transform:rotate(-29deg)}.orbit-mark span{z-index:2;background:#111318;border-radius:50%;width:14px;height:14px;position:absolute;top:27px;right:24px}.orbit-mark svg{z-index:2;width:28px;height:28px}.kicker,.step-label{color:#6d7178;letter-spacing:.13em;margin:0 0 6px;font-size:11px;font-weight:800}h1{letter-spacing:-.035em;margin:0;font-size:clamp(28px,8vw,34px);line-height:1.18}.lead,.section-heading p,.home-heading p{color:#898d94;margin:9px 0 0;font-size:15px;line-height:1.55}.primary-button{color:#fff;cursor:pointer;background:#050608;border:0;border-radius:999px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:62px;margin-top:28px;padding:0 24px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex}.primary-button svg{display:none}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #0002}.primary-button:disabled{cursor:not-allowed;opacity:.34}.privacy-note{color:#898d94;text-align:center;margin:14px 0 0;font-size:12px}.form-content,.line-content,.home-content{padding-top:34px}.section-heading{margin-bottom:26px}.form-grid{grid-template-columns:1fr 1fr;gap:15px 12px;display:grid}.form-grid label,.search-field{color:#898d94;gap:7px;font-size:12px;display:grid}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,.search-field input{color:#212328;background:#ffffffc7;border:1px solid #0000;border-radius:18px;outline:0;width:100%;height:59px;padding:0 16px;font-size:16px;transition:border-color .2s,background .2s,box-shadow .2s}.form-grid input:focus,.form-grid select:focus,.search-field input:focus{background:#fff;border-color:#22252b;box-shadow:0 0 0 4px #191b2010}.info-box{color:#696c74;background:#ffffffbd;border-radius:17px;margin-top:18px;padding:18px;font-size:12px;line-height:1.55}.search-field{margin-bottom:14px}.search-field input{border:1px solid #e2e5e8}.line-list{scrollbar-width:thin;scrollbar-color:#c5c9cf transparent;gap:10px;max-height:485px;padding:1px 3px 12px 1px;display:grid;overflow-y:auto}.line-option{cursor:pointer;background:#ffffffbd;border:1px solid #0000;border-radius:20px;grid-template-columns:28px 1fr;align-items:center;gap:10px;min-height:72px;padding:12px 14px;transition:border-color .2s,background .2s,transform .2s;display:grid}.line-option:hover{background:#fff;transform:translateY(-1px)}.line-option.selected{background:#fff;border-color:#c4c8cd}.line-option input{opacity:0;pointer-events:none;position:absolute}.checkbox-mark{border:1.5px solid #989ca2;border-radius:4px;place-items:center;width:23px;height:23px;display:grid}.line-option.selected .checkbox-mark{background:#17191d;border-color:#17191d}.line-option.selected .checkbox-mark:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:10px;height:5px;transform:rotate(-45deg)translateY(-1px)}.line-option strong,.line-option small{display:block}.line-option strong{font-size:14px;line-height:1.3}.line-option small{color:#898d94;margin-top:3px;font-size:11px}.sticky-action{background:linear-gradient(#0000,#f9fafc 25%);padding-top:16px;position:absolute;bottom:24px;left:26px;right:26px}.sticky-action>span{text-align:center;color:#6d7178;font-size:11px;display:block}.sticky-action .primary-button{margin-top:9px}.home-content{padding-top:22px}.user-row{grid-template-columns:52px 1fr auto;align-items:center;gap:12px;display:grid}.avatar{color:#34313d;background:linear-gradient(135deg,#ded4ff,#f7f4ff);border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.user-row strong,.user-row small{display:block}.user-row strong{font-size:15px}.user-row small{color:#6d7178;margin-top:2px;font-size:12px}.team-chip{background:#fff;border-radius:999px;padding:10px 13px;font-size:12px;font-weight:700}.line-summary{text-align:left;cursor:pointer;background:#fffc;border:0;border-radius:22px;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;width:100%;margin:22px 0 24px;padding:13px 14px;display:grid}.line-summary .round-icon{background:#fff;width:44px;height:44px}.line-summary small,.line-summary strong{display:block}.line-summary small{color:#898d94;font-size:11px}.line-summary strong{text-overflow:ellipsis;white-space:nowrap;max-width:190px;margin-top:3px;font-size:13px;overflow:hidden}.line-summary b{align-items:center;gap:4px;font-size:12px;display:flex}.line-summary b svg{width:14px;height:14px}.home-heading{margin-bottom:20px}.home-heading h1{font-size:23px}.home-heading p{margin-top:4px;font-size:12px}.module-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.module-card{text-align:left;cursor:pointer;background:#ffffffc2;border:1px solid #0000;border-radius:25px;min-height:166px;padding:18px;transition:transform .2s,background .2s,border-color .2s;position:relative}.module-card:hover{background:#fff;border-color:#e2e4e7;transform:translateY(-3px)}.module-card>strong,.module-card>small{display:block}.module-card>strong{margin-top:25px;font-size:16px}.module-card>small{color:#6d7178;margin-top:3px;font-size:11px;line-height:1.4}.module-card>svg{opacity:0;width:17px;height:17px;transition:opacity .2s,transform .2s;position:absolute;bottom:17px;right:17px;transform:translate(-5px)}.module-card:hover>svg{opacity:.65;transform:translate(0)}.module-icon{background:#fff;border-radius:50%;place-items:center;width:43px;height:43px;display:grid}.module-icon svg{width:20px;height:20px}.module-icon.violet{color:#795dff}.module-icon.blue{color:#397bff}.module-icon.red{color:#ff5571}.module-icon.green{color:#23bc73}.notice{color:#fff;cursor:pointer;background:#17191d;border:0;border-radius:16px;justify-content:space-between;padding:13px 15px;font-size:11px;animation:.25s rise;display:flex;position:absolute;bottom:24px;left:26px;right:26px;box-shadow:0 12px 28px #0002}.notice span{opacity:.6}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (width<=520px){.site-shell{display:block}.device{width:100%;min-height:100dvh}.screen{min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom))}.sticky-action,.notice{left:20px;right:20px}.login-content{min-height:calc(100dvh - 96px)}.line-list{max-height:calc(100dvh - 390px)}}@media (height<=760px) and (width>=521px){.screen{padding-top:16px;padding-bottom:20px}.login-content{min-height:570px}.orbit-mark{margin-top:-70px;margin-bottom:6px;transform:scale(.82)}.line-list{max-height:340px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #7961f0}button:disabled{cursor:not-allowed;opacity:.4}.draft-summary{border-top:1px solid #e2e4e8;align-items:center;gap:12px;margin-top:24px;padding-top:24px;display:flex}.draft-dot{background:#8e78e8;border-radius:50%;width:9px;height:9px}.draft-summary strong{font-size:12px}.draft-summary p{color:#6d7178;margin:3px 0;font-size:12px}.draft-summary button{cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:12px}.app-links{justify-content:center;gap:24px;margin-top:30px;display:flex}.app-links a{color:#5b5e64;font-size:12px;text-decoration:none}.local-note{color:#696c74;text-align:center;margin:20px 0;font-size:12px;line-height:1.7}.workspace-screen{padding-bottom:115px!important}.work-header{align-items:center;gap:10px;height:66px;display:flex}.work-header .round-icon{cursor:pointer;width:38px;height:38px;font-size:22px}.work-header>strong{font-size:13px}.work-header>strong>span{display:none}.preview-pill{color:#786594;border:1px solid #ded9ec;border-radius:8px;margin-left:auto;padding:5px 8px;font-size:12px}.work-heading{padding:28px 0}.work-heading h1{font-size:30px;line-height:1.35}.work-heading>p:last-child{color:#6d7178;margin:8px 0 0;font-size:13px}.context-card{background:#eeecf4;border:1px solid #e4e0ef;border-radius:22px;padding:18px}.context-card input,.context-card select{background:#fff!important;border-radius:12px!important;height:47px!important;padding:0 10px!important;font-size:13px!important}.context-foot{color:#797283;border-top:1px solid #dfdbe9;justify-content:space-between;margin-top:16px;padding-top:12px;font-size:12px;display:flex}.form-block{margin-top:28px}.form-block h2{align-items:center;gap:9px;margin:0 0 16px;font-size:15px;display:flex}.form-block h2>span{letter-spacing:1px;color:#898d94;border:1px solid #dce0e6;border-radius:7px;padding:4px 6px;font-size:12px}.form-block .form-grid input,.form-block .form-grid select{background:#fff;border:1px solid #e3e5e9;border-radius:14px;height:54px;font-size:14px}.form-grid textarea{resize:vertical;color:#1f2430;min-height:90px;font:inherit;background:#fff;border:1px solid #e3e5e9;border-radius:14px;outline:none;padding:14px;font-size:13px}.form-grid textarea:focus{border-color:#7c68c9}.field-hint{color:#6d7178;margin:0;line-height:1.6;font-size:12px!important}.form-grid label{color:#585b61}.duration-readout{background:#eeeff2;border-radius:14px;align-self:end;padding:12px}.duration-readout small{color:#696c74;font-size:12px;display:block}.duration-readout strong{font-size:18px}.duration-readout em{font-size:12px;font-style:normal;font-weight:400}.quantity-total{background:#f0f0f7;border-radius:12px;justify-content:space-between;padding:14px;font-size:12px;display:flex}.quantity-total.wide{grid-column:1/-1}.oee-preview{color:#fff;background:#24222d;border-radius:22px;margin-top:28px;padding:22px}.oee-preview>div:first-child{justify-content:space-between;align-items:center;display:flex}.oee-preview>div:first-child>span{color:#c8c2db;font-size:13px}.oee-preview>div:first-child>strong{letter-spacing:-2px;font-size:40px;font-weight:500}.oee-preview>p{color:#aaa2bd;font-size:12px}.metric-trio{border-top:1px solid #ffffff21;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;padding-top:16px;display:grid}.metric-trio span{color:#aaa2bd;font-size:12px;display:block}.metric-trio strong{margin-top:5px;font-size:19px;font-weight:500;display:block}.metric-warning{color:#ffdc9c!important}.bottom-nav{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:min(100%,480px);padding:10px 12px max(14px,env(safe-area-inset-bottom));background:#fafafcf5;border-top:1px solid #e6e7eb;justify-content:space-around;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#898d94;cursor:pointer;background:0 0;border:0;min-width:75px;font-size:12px}.bottom-nav span{margin-bottom:4px;font-size:25px;line-height:1.15;display:block}.success-banner,.error-banner,.review-banner{border-radius:14px;margin:16px 0;padding:16px;font-size:12px;line-height:1.7}.success-banner{color:#25714b;background:#e6f4ed}.error-banner{color:#a43828;background:#fff0ed}.review-banner{color:#514477;background:#ece9f7}.review-banner p{margin:6px 0}.review-banner small{font-size:12px}.text-button{color:#7c7195;cursor:pointer;background:0 0;border:0;width:100%;padding:16px;display:block}.people-summary{background:#e9eefb;border-radius:22px;margin-top:24px;padding:22px}.people-summary>span{color:#676a72;font-size:12px}.people-summary>strong{float:right;font-size:30px;line-height:1}.progress-track{background:#d1daed;border-radius:5px;height:6px;margin:22px 0 10px;overflow:hidden}.progress-track i{background:#6689d5;height:100%;display:block}.people-summary>small{color:#6c7078;font-size:12px}.safety-callout{background:#fbefeb;border:1px solid #f0ddd7;border-radius:20px;gap:13px;margin-top:8px;padding:18px;display:flex}.safety-callout>span{color:#bf786a;font-size:25px}.safety-callout strong{font-size:12px}.safety-callout p{color:#9a746d;margin:5px 0 0;font-size:12px;line-height:1.65}.history-overview{background:#eeebf5;border-radius:20px;align-items:center;gap:18px;margin:0 0 26px;padding:20px;display:flex}.history-overview>strong{color:#756293;letter-spacing:-2px;font-size:44px;font-weight:500;line-height:1}.history-overview b{font-size:13px}.history-overview p{color:#93879e;margin:3px 0;font-size:12px}.history-overview .round-icon{cursor:pointer;width:38px;height:38px;margin-left:auto;font-size:25px}.filter-chips{gap:7px;padding-bottom:16px;display:flex;overflow:auto}.filter-chips button{white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #e4e5ea;border-radius:20px;padding:8px 13px;font-size:12px}.filter-chips .active{color:#fff;background:#25232c;border-color:#25232c}.history-tools{color:#6d7178;flex-wrap:wrap;align-items:center;gap:6px;margin:15px 0 20px;font-size:12px;display:flex}.history-tools input{color:#595c62;font:inherit;background:#fff;border:0;border-radius:8px;padding:8px}.history-tools button{color:#726287;cursor:pointer;background:0 0;border:0;padding:7px;font-size:12px}.history-tools>button:last-child{margin-left:auto}.history-list{gap:12px;display:grid}.record-card{background:#fff;border:1px solid #e8e9ec;border-radius:20px;padding:18px}.record-top{justify-content:space-between;align-items:center;display:flex}.record-type{color:#7b63b8;background:#efebfb;border-radius:6px;padding:5px 8px;font-size:12px}.record-type.manpower{color:#567dbf;background:#eef3ff}.record-type.safety{color:#b4746a;background:#fff0ed}.record-top>small{color:#a48d65;font-size:12px}.record-open{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0}.record-open h3{margin:14px 0 5px;font-size:14px}.record-open p{color:#898d94;margin:0;font-size:12px}.record-bottom{border-top:1px solid #f0f0f3;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding-top:13px;font-size:12px;display:flex}.record-bottom b{white-space:nowrap;color:#77638f;font-size:12px}.delete-link{font:inherit;color:#a19494;cursor:pointer;background:0 0;border:0;padding:12px 0 0;font-size:12px}.delete-confirm{color:#a15d54;align-items:center;gap:12px;margin-top:12px;font-size:12px;display:flex}.delete-confirm button{cursor:pointer;background:#fff0ed;border:0;border-radius:7px;padding:8px}.empty-state{text-align:center;padding:50px 15px}.empty-state>span{color:#a49ab5;font-size:36px}.empty-state h2{margin-top:18px;font-size:17px;font-weight:500}.empty-state p{color:#6d7178;font-size:12px;line-height:1.7}.empty-state .primary-button{max-width:210px;min-height:48px;margin:25px auto 0;font-size:12px}.line-summary{grid-template-columns:44px minmax(0,1fr) auto}.line-summary strong{max-width:100%}.screen.home-screen{padding-bottom:35px}.sticky-action{margin-top:16px;position:sticky;bottom:12px;left:auto;right:auto}.line-content{padding-bottom:0}.home-heading h1{line-height:1.45}.workspace-screen{animation:none}:root{--oee-blue:#2563eb;--oee-blue-dark:#1747b0;--oee-blue-soft:#eff6ff;--oee-blue-line:#cfe0ff}button:focus-visible,a:focus-visible{outline-color:var(--oee-blue)}.module-icon.violet,.module-icon.blue{color:var(--oee-blue)}.draft-dot{background:var(--oee-blue)}.preview-pill{border-color:var(--oee-blue-line);color:var(--oee-blue-dark);background:var(--oee-blue-soft)}.context-card,.home-work-context,.history-overview{background:var(--oee-blue-soft);border-color:var(--oee-blue-line)}.work-context-title span,.live-mobile .profile-button,.text-button,.history-tools button{color:var(--oee-blue-dark)}.shift-button-group button.active{background:var(--oee-blue)!important;border-color:var(--oee-blue)!important;color:#fff!important}.bottom-nav .active{color:var(--oee-blue)}.review-banner{background:var(--oee-blue-soft);color:var(--oee-blue-dark)}.review-modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#10182899;justify-content:center;align-items:flex-end;padding:18px;display:flex;position:fixed;inset:0}.review-modal{background:#fff;border-radius:24px;width:min(100%,520px);max-height:88vh;padding:22px;overflow:auto;box-shadow:0 24px 80px #10182855}.review-modal-head{align-items:flex-start;gap:12px;display:flex}.review-modal-head>span{color:#174ea6;background:#eaf2ff;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.review-modal-head h2{margin:0;font-size:18px}.review-modal-head p{color:#61646b;margin:5px 0 0;font-size:12px}.review-summary-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;display:grid}.review-summary-grid span{color:#61646b;background:#f4f7fb;border-radius:12px;padding:10px;font-size:12px}.review-summary-grid b{color:#1f2430;margin-top:4px;font-size:14px;display:block}.review-oee{color:#fff;background:#172033;border-radius:14px;justify-content:space-between;align-items:center;margin-top:14px;padding:14px;display:flex}.review-oee strong{font-size:26px}.review-modal-actions{grid-template-columns:1fr 1.4fr;gap:9px;margin-top:18px;display:grid}.review-modal-actions .primary-button{min-height:48px;margin:0}.review-modal-actions .button{font:inherit;color:#1f2430;background:#fff;border:1px solid #d0d5dd;border-radius:13px}.save-success-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#101828a6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.save-success-card{text-align:center;background:#fff;border-radius:26px;width:min(100%,460px);padding:28px;box-shadow:0 28px 90px #10182866}.save-success-icon{color:#167647;background:#e8f7ef;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:30px;font-weight:900;display:grid}.save-success-card h2{margin:0;font-size:22px}.save-success-card>p{margin:10px 0;font-weight:800}.save-success-card>div:not(.save-success-actions){color:#61646b;background:#f5f7fa;border-radius:14px;gap:6px;padding:14px;font-size:12px;display:grid}.save-success-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:18px;display:grid}.save-success-actions .primary-button{min-height:48px;margin:0}.save-success-actions .button{font:inherit;color:#1f2430;background:#fff;border:1px solid #d0d5dd;border-radius:13px}.history-range-chips{gap:7px;margin-bottom:12px;display:flex;overflow:auto}.history-range-chips button{white-space:nowrap;color:#1f2430;font:inherit;background:#fff;border:1px solid #d8e3f4;border-radius:999px;padding:9px 13px;font-size:12px}.history-range-chips button.active{color:#fff;background:#175cd3;border-color:#175cd3}.history-filter-bar{align-items:end}.history-filter-bar label{min-width:130px}.record-type{background:var(--oee-blue-soft);color:var(--oee-blue-dark)}.primary-button{background:var(--oee-blue)}.primary-button:hover:not(:disabled){box-shadow:0 12px 28px #2563eb35}.oee-line-screen{padding-bottom:40px}.oee-line-screen .work-heading{padding-top:10px}.oee-line-screen .text-button{width:auto;padding:12px 0}.oee-line-card-list{gap:12px;display:grid}.oee-line-card{text-align:left;color:#1f2430;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:22px;grid-template-columns:46px minmax(0,1fr) auto 18px;align-items:center;gap:12px;width:100%;min-height:116px;padding:16px;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid}.oee-line-card:hover{border-color:var(--oee-blue-line);transform:translateY(-2px);box-shadow:0 12px 28px #1d4ed815}.oee-line-card.is-recorded{background:var(--oee-blue-soft);border-color:var(--oee-blue-line)}.line-card-icon{background:var(--oee-blue-soft);width:46px;height:46px;color:var(--oee-blue);border-radius:15px;place-items:center;display:grid}.line-card-icon svg{width:21px}.oee-line-card>span:nth-child(2){min-width:0}.oee-line-card small,.oee-line-card strong,.oee-line-card em{display:block}.oee-line-card small{color:#898d94;font-size:12px}.oee-line-card strong{margin-top:3px;font-size:14px;line-height:1.4}.oee-line-card em{color:#6d7178;margin-top:4px;font-size:12px;font-style:normal}.oee-line-card b{color:var(--oee-blue-dark);white-space:nowrap;background:#fff;border-radius:999px;padding:7px 9px;font-size:12px}.oee-line-card>svg{color:#6d7178;width:17px}.multi-oee-form{padding-bottom:35px}.oee-context-blue{border:1px solid var(--oee-blue-line);background:var(--oee-blue-soft);border-radius:22px;gap:13px;padding:18px;display:grid}.oee-context-blue>div{grid-template-columns:minmax(0,1fr) auto;column-gap:10px;display:grid}.oee-context-blue small{color:#63666d;font-size:12px}.oee-context-blue strong{margin-top:3px;font-size:13px}.oee-context-blue span{text-align:right;color:var(--oee-blue-dark);grid-area:1/2/3;align-self:center;max-width:150px;font-size:12px}.multi-section-title{align-items:flex-start;gap:10px;margin:30px 0 14px;display:flex}.multi-section-title>span{letter-spacing:.08em;color:#6d7178;background:#fff;border:1px solid #dbe3ee;border-radius:8px;padding:6px 7px;font-size:12px;font-weight:800}.multi-section-title h2{margin:0;font-size:17px}.multi-section-title p{color:#6d7178;margin:4px 0 0;font-size:12px;line-height:1.5}.production-run-card,.downtime-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;margin-top:12px;padding:17px}.production-run-card>header{align-items:center;gap:9px;margin-bottom:15px;display:flex}.production-run-card>header>div{flex:1;min-width:0}.production-run-card>header strong,.production-run-card>header small{display:block}.production-run-card>header strong{font-size:14px}.production-run-card>header small{color:#6d7178;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.jph-pill{color:var(--oee-blue-dark);background:var(--oee-blue-soft);border-radius:999px;padding:7px 9px;font-size:12px;font-weight:800}.remove-row{color:#6d7178;cursor:pointer;background:0 0;border:0;padding:4px;font-size:20px;line-height:1}.wide-field,.run-grid label{color:#595d63;gap:7px;font-size:12px;display:grid}.wide-field>input,.run-grid input,.detail-row select,.detail-row input,.downtime-entry select,.downtime-entry input{color:#1f2430;width:100%;min-width:0;height:50px;font:inherit;background:#fff;border:1px solid #dfe5ee;border-radius:13px;outline:0;padding:0 12px;font-size:13px}.wide-field>input:focus,.run-grid input:focus,.detail-row select:focus,.detail-row input:focus,.downtime-entry select:focus,.downtime-entry input:focus{border-color:var(--oee-blue);box-shadow:0 0 0 4px #2563eb12}.wide-field>small{color:#6d7178;margin-top:1px;font-size:12px}.run-grid{gap:10px;margin-top:13px;display:grid}.run-readout{background:#f7f9fc;border-radius:13px;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px;padding:11px;display:grid}.run-readout span{color:#6d7178;font-size:12px}.run-readout b{color:#1f2430;margin-top:3px;font-size:12px;display:block}.ng-detail-box{background:#f8fafc;border:1px solid #e5eaf1;border-radius:16px;margin-top:15px;padding:13px}.detail-head{justify-content:space-between;gap:10px;font-size:12px;display:flex}.detail-head span{font-weight:800}.detail-head .complete{color:#16815b}.detail-head .incomplete{color:#c2413a}.detail-row{grid-template-columns:minmax(0,1fr) 84px 28px;gap:7px;margin-top:9px;display:grid}.detail-row select,.detail-row input{height:43px;font-size:12px}.add-outline,.add-part-button{border:1px dashed var(--oee-blue);width:100%;min-height:46px;color:var(--oee-blue-dark);font:inherit;cursor:pointer;background:0 0;border-radius:14px;margin-top:11px;font-size:12px;font-weight:800}.add-part-button{background:var(--oee-blue-soft);min-height:52px}.downtime-card>p{color:#6d7178;text-align:center;margin:8px 0 14px;font-size:12px}.downtime-entry{border-bottom:1px solid #edf0f4;grid-template-columns:minmax(0,1fr) 1fr auto 24px;align-items:end;gap:8px;padding:10px 0;display:grid}.downtime-entry>div{grid-template-columns:1fr 1fr;gap:7px;display:grid}.downtime-entry label{color:#6d7178;gap:4px;font-size:12px;display:grid}.downtime-entry select,.downtime-entry input{height:43px;font-size:12px}.downtime-entry>span{color:var(--oee-blue-dark);white-space:nowrap;padding-bottom:15px;font-size:12px;font-weight:800}.downtime-entry>.remove-row{padding-bottom:11px}.downtime-total{border-top:1px solid #e8edf3;justify-content:space-between;margin-top:14px;padding-top:14px;font-size:12px;display:flex}.multi-oee-summary{color:#fff;background:#172033;border-radius:22px;margin-top:28px;padding:20px}.summary-main{justify-content:space-between;align-items:center;display:flex}.summary-main span{color:#898d94;font-size:12px}.summary-main strong{font-size:34px}.summary-metrics{border-top:1px solid #ffffff1f;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;padding-top:14px;display:grid}.summary-metrics span{color:#898d94;font-size:12px}.summary-metrics b{color:#fff;margin-top:4px;font-size:15px;display:block}.ot-readout{background:#22304b;border-radius:13px;grid-template-columns:1fr auto;gap:4px 10px;margin-top:15px;padding:13px;display:grid}.ot-readout span{color:#898d94;font-size:12px}.ot-readout strong{color:#8db7ff;font-size:14px}.ot-readout small{color:#898d94;grid-column:1/-1;font-size:12px}.quantity-summary{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;display:grid}.quantity-summary span{color:#898d94;font-size:12px}.quantity-summary b{color:#fff;margin-top:4px;font-size:13px;display:block}@media (width<=390px){.run-grid.three{grid-template-columns:1fr 1fr}.run-grid.three label:first-child{grid-column:1/-1}.downtime-entry{grid-template-columns:1fr auto}.downtime-entry>select,.downtime-entry>div{grid-column:1/-1}.downtime-entry>span{padding:5px 0}.oee-line-card{grid-template-columns:42px minmax(0,1fr) 16px}.oee-line-card>b{grid-column:2}.oee-line-card>svg{grid-area:1/3/3}.oee-context-blue span{max-width:110px}}.connected-mobile .live-mobile{max-width:480px;padding:calc(18px + env(safe-area-inset-top,0px)) 24px calc(40px + env(safe-area-inset-bottom,0px))}.live-mobile .app-header .brand{flex:1}.initials-avatar{letter-spacing:.02em;flex:none;font-size:16px;font-weight:700}.live-mobile .profile-button{color:#544976;margin-left:auto}.live-mobile .user-row .avatar{width:52px;height:52px}.live-mobile .user-row strong{font-size:15px}.live-mobile .user-row small{font-size:12px}.live-mobile .home-content{padding-top:22px}.live-mobile .module-card>strong{font-size:19px}.live-mobile .module-card>small{font-size:12px}.home-work-context{background:#f0edf7;border:1px solid #e5e0ef;border-radius:20px;margin:0 0 28px;padding:18px}.work-context-title{justify-content:space-between;align-items:center;gap:8px;margin-bottom:13px;display:flex}.work-context-title strong{font-size:13px}.work-context-title span{color:#7c698f;font-size:12px}.home-work-context label{gap:6px;min-width:0;font-size:12px;display:grid}.home-work-context input,.home-work-context select{color:#343039;width:100%;min-width:0;height:46px;font:inherit;background:#fff;border:1px solid #ded9e7;border-radius:11px;padding:0 10px;font-size:13px}.home-work-context p{color:#746883;margin:12px 0 0;font-size:12px;line-height:1.7}.home-work-context>small{color:#7e7489;margin-top:4px;font-size:12px;display:block}.home-work-context .text-button{padding:12px 0 0;font-size:12px}.mobile-profile-panel{background:#fff;border:1px solid #e5e0ef;border-radius:18px;margin:10px 0;padding:18px;font-size:13px}.mobile-profile-panel p{color:#7a7188;font-size:12px}.mobile-profile-panel button{margin-top:8px}.mobile-line-list{background:#fff;border:1px solid #e6e1ed;border-radius:15px;max-height:210px;margin-top:-12px;margin-bottom:22px;padding:14px 14px 14px 30px;font-size:12px;line-height:2;overflow:auto}.live-mobile .module-card:disabled{opacity:.5}@media (width<=360px){.connected-mobile .live-mobile{padding-left:16px;padding-right:16px}.live-mobile .user-row{grid-template-columns:42px minmax(0,1fr) auto;gap:8px}.live-mobile .user-row .avatar{width:42px;height:42px}.live-mobile .user-row strong{font-size:13px}.live-mobile .team-chip{padding:8px;font-size:12px}.work-context-title span{font-size:12px}}.connected-mobile .round-icon,.connected-mobile .team-chip{color:var(--oee-blue-dark);background:#eef5ff}.connected-mobile .live-mobile .profile-button{color:var(--oee-blue-dark);background:#e7f0ff}.connected-mobile .work-context-title span,.connected-mobile .home-work-context p,.connected-mobile .home-work-context>small{color:#63676e}.connected-mobile .home-work-context input,.connected-mobile .home-work-context select,.connected-mobile .shift-button-group button{background:#fafdff;border-color:#cbdcf8}.connected-mobile .module-card{background:linear-gradient(145deg,#f7faff,#edf5ff);border-color:#d7e5fb;box-shadow:0 10px 26px #1d4ed80b}.connected-mobile .module-card:nth-child(2n){background:linear-gradient(145deg,#f5f9ff,#e9f2ff)}.connected-mobile .module-icon,.connected-mobile .module-icon.violet,.connected-mobile .module-icon.blue,.connected-mobile .module-icon.red,.connected-mobile .module-icon.green{background:#fff;box-shadow:0 5px 14px #2563eb10}.connected-mobile .module-icon.violet{color:#795dff}.connected-mobile .module-icon.blue{color:#397bff}.connected-mobile .module-icon.red{color:#ff5571}.connected-mobile .module-icon.green{color:#23bc73}.connected-mobile .context-card,.connected-mobile .settings-card,.connected-mobile .mobile-profile-panel,.connected-mobile .mobile-line-list,.connected-mobile .record-card,.connected-mobile .production-run-card,.connected-mobile .downtime-card,.connected-mobile .oee-line-card{background:#f7faff;border-color:#d7e5fb}.connected-mobile .duration-readout,.connected-mobile .quantity-total,.connected-mobile .run-readout,.connected-mobile .ng-detail-box,.connected-mobile .add-part-button{background:#edf5ff;border-color:#d1e1fb}.connected-mobile .history-overview{background:linear-gradient(145deg,#eef5ff,#e5efff);border:1px solid #c9dcff}.connected-mobile .history-overview>strong,.connected-mobile .record-bottom b{color:var(--oee-blue-dark)}.connected-mobile .filter-chips button,.connected-mobile .history-tools input{background:#f7faff;border-color:#d7e5fb}.connected-mobile .filter-chips .active{background:var(--oee-blue);border-color:var(--oee-blue);color:#fff}:root{--oee-blue:#2563eb;--oee-blue-dark:#163f9c;--oee-blue-soft:#eff6ff;--oee-blue-line:#c9dcfb;--oee-black:#17191d;--oee-white:#fff}.connected-mobile,.connected-mobile .live-mobile{color:#1f2430;background:#f5f8fc}.connected-mobile .app-header .brand .round-icon{background:var(--oee-black);color:var(--oee-white);box-shadow:0 8px 20px #1118271f}.connected-mobile .live-mobile .profile-button{background:var(--oee-blue-soft);color:var(--oee-blue-dark);border:1px solid var(--oee-blue-line)}.connected-mobile .home-work-context{background:linear-gradient(145deg,#eff6ff,#e5efff);border-color:#b9d3fb;box-shadow:0 14px 34px #1d4ed80d}.connected-mobile .module-card,.connected-mobile .module-card:nth-child(2n){background:var(--oee-white);border-color:#cfe0fa;box-shadow:0 12px 30px #1d4ed809}.connected-mobile .module-icon{background:var(--oee-blue-soft);box-shadow:none}.connected-mobile .module-icon.violet{color:#6d4aff;background:#f2efff}.connected-mobile .module-icon.blue{color:#2563eb;background:#eaf2ff}.connected-mobile .module-icon.red{color:#ef4056;background:#fff0f2}.connected-mobile .module-icon.green{color:#1ca96b;background:#eaf9f1}.connected-mobile .context-card,.connected-mobile .settings-card,.connected-mobile .mobile-profile-panel,.connected-mobile .mobile-line-list,.connected-mobile .record-card,.connected-mobile .production-run-card,.connected-mobile .downtime-card,.connected-mobile .oee-line-card{background:var(--oee-white);border-color:#cfe0fa;box-shadow:0 10px 26px #1d4ed807}.connected-mobile .duration-readout,.connected-mobile .quantity-total,.connected-mobile .run-readout,.connected-mobile .ng-detail-box{background:#f5f9ff;border-color:#d8e6fa}.connected-mobile .primary-button{background:var(--oee-black);color:var(--oee-white)}.connected-mobile .oee-preview,.connected-mobile .multi-oee-summary{background:var(--oee-black)}.part-picker{min-width:0;position:relative}.part-picker>input{color:#1f2430;width:100%;min-width:0;height:50px;font:inherit;appearance:none;background:#fff;border:1px solid #dfe5ee;border-radius:13px;outline:0;padding:0 92px 0 12px;font-size:16px;display:block}.part-picker>input::-webkit-search-cancel-button{display:none}.part-picker>input:focus{border-color:var(--oee-blue);box-shadow:0 0 0 4px #2563eb12}.part-picker-toggle{z-index:2;background:var(--oee-blue-soft);width:36px;height:36px;color:var(--oee-blue-dark);cursor:pointer;border:0;border-radius:10px;place-items:center;font-size:22px;line-height:1;display:grid;position:absolute;top:7px;right:7px}.part-picker-clear{z-index:3;color:#505358;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #c5ceda;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;font-size:20px;line-height:1;display:grid;position:absolute;top:9px;right:49px}.part-picker-clear:focus-visible{outline-offset:1px;outline:3px solid #a9c8f6}.part-picker-list{z-index:40;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-gutter:stable;border:1px solid var(--oee-blue-line);background:#fff;border-radius:14px;gap:3px;max-height:260px;padding:6px;display:grid;position:absolute;top:calc(100% + 7px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 42px #0f172a2e}.part-picker-list button{text-align:left;color:#1f2430;width:100%;max-width:100%;min-height:46px;font:inherit;cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#fff;border:0;border-radius:10px;justify-content:flex-start;align-items:center;padding:10px 12px;font-size:14px;display:flex}.part-picker-list button>span{pointer-events:none;width:100%;display:block}.part-picker-list button small{overflow-wrap:anywhere;margin-top:3px;font-size:12px;line-height:1.4;display:block}.part-picker-list button:hover,.part-picker-list button:focus-visible,.part-picker-list button.selected{background:var(--oee-blue-soft);color:var(--oee-blue-dark);outline:0}.onboarding-demo-shell,.onboarding-live-shell{background:radial-gradient(circle at 50% 0,#eaf2ff 0,#f5f8fc 42%,#eef2f7 100%)}.onboarding-demo-shell .device,.onboarding-live-shell .device{background:#f8fafc;box-shadow:0 0 0 1px #dbe4f1,0 25px 80px #19345b18}.onboarding-demo-shell .screen,.onboarding-live-shell .screen{padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(30px,env(safe-area-inset-bottom))}.onboarding-demo-shell .app-header .brand,.onboarding-live-shell .app-header .brand{flex:1}.onboarding-demo-shell .brand .round-icon,.onboarding-live-shell .brand .round-icon{color:#fff;background:#121826;box-shadow:0 9px 24px #10182824}.onboarding-demo-shell .profile-button{color:#16478f;background:#edf4ff;border:1px solid #c9dcfb}.demo-banner{color:#56595f;background:#eef5ff;border:1px solid #cbdcf8;border-radius:12px;align-items:center;gap:8px;min-height:34px;margin-top:5px;padding:7px 10px;font-size:12px;font-weight:700;display:flex}.demo-banner span{color:#fff;letter-spacing:.08em;background:#1859a9;border-radius:999px;padding:3px 8px;font-size:12px}.welcome-screen{flex-direction:column;min-height:100vh;display:flex}.welcome-topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.welcome-topbar .app-header{flex:1;min-width:0}.welcome-language{background:#e8eef7;border:1px solid #d1dceb;border-radius:999px;flex:none;gap:4px;padding:4px;display:flex}.welcome-language button{color:#63666d;cursor:pointer;background:0 0;border:0;border-radius:999px;min-width:52px;height:32px;font-size:12px;font-weight:800}.welcome-language button.active{color:#174a91;background:#fff;box-shadow:0 4px 12px #233b6014}.welcome-hero{margin:auto 0 36px}.welcome-mark{color:#fff;background:linear-gradient(145deg,#0e315f,#1b66bd);border-radius:28px;place-items:center;width:86px;height:86px;margin-bottom:30px;display:grid;box-shadow:0 20px 45px #16478f35}.welcome-mark svg{width:38px;height:38px}.welcome-hero h1{color:#1f2430;max-width:390px;font-size:39px;line-height:1.18}.welcome-hero .lead{color:#61646b;max-width:390px;font-size:14px}.auth-actions{gap:10px;display:grid}.auth-button{color:#1f2430;width:100%;min-height:58px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:16px;grid-template-columns:38px 1fr 38px;align-items:center;font-size:13px;font-weight:800;display:grid;box-shadow:0 8px 20px #1720330a}.auth-button:after{content:"→";color:#6d7178;font-size:18px}.auth-button span{border-radius:10px;place-items:center;width:32px;height:32px;font-size:12px;display:grid}.line-auth{color:#fff;background:#08bf5b;border-color:#08a950}.line-auth span{color:#08a950;background:#fff}.line-auth:after{color:#fff}.google-auth span{color:#1769d2;background:#f1f5f9;font-size:18px}.install-app-button{color:#0b376f;text-align:left;cursor:pointer;background:#eef5fc;border:1px solid #b9cbe0;border-radius:16px;grid-template-rows:auto auto;grid-template-columns:36px minmax(0,1fr);align-items:center;column-gap:11px;width:100%;min-height:56px;margin-top:10px;padding:10px 15px;display:grid}.install-app-button>span{color:#fff;background:#0b376f;border-radius:11px;grid-row:1/3;place-items:center;width:36px;height:36px;font-size:20px;font-weight:900;display:grid}.install-app-button strong{font-size:12px;line-height:1.35}.install-app-button small{color:#686b73;font-size:12px;line-height:1.35}.install-app-button:hover{background:#e6f0fb;border-color:#7890aa}.install-help{color:#1f2430;background:#fff;border:1px solid #cbd8e7;border-radius:14px;margin-top:9px;padding:13px 15px}.install-help strong{color:#0b376f;font-size:12px}.install-help p{color:#63666d;margin:5px 0 0;font-size:12px;line-height:1.65}.onboarding-heading{margin-bottom:22px}.onboarding-heading h1{color:#1f2430}.onboarding-heading p{color:#61646b}.onboarding-screen .form-content,.onboarding-list-content{padding-top:25px}.onboarding-form .form-grid input,.onboarding-form .form-grid select{background:#fff;border-color:#d6e0ec;border-radius:14px}.onboarding-form .info-box{color:#585b61;background:#eef5ff;border:1px solid #d4e3f9}.onboarding-demo-shell .primary-button,.onboarding-live-shell .primary-button{background:#101828;border-radius:16px;min-height:58px}.onboarding-demo-shell .primary-button:hover:not(:disabled),.onboarding-live-shell .primary-button:hover:not(:disabled){background:#0b2d5e;box-shadow:0 12px 28px #16478f2c}.onboarding-option-list{max-height:440px}.onboarding-option-list .line-option{background:#fff;border-color:#e0e8f2;border-radius:16px}.onboarding-option-list .line-option.selected{background:#edf5ff;border-color:#78a8e8;box-shadow:0 0 0 3px #3b82f610}.onboarding-option-list .checkbox-mark{border-color:#8ea0b8;border-radius:7px}.onboarding-option-list .selected .checkbox-mark{background:#195cab;border-color:#195cab}.onboarding-option-list .radio-mark{border-radius:50%}.onboarding-option-list .selected .radio-mark:after{background:#fff;border:0;border-radius:50%;width:7px;height:7px;transform:none}.onboarding-sticky{background:linear-gradient(#0000,#f8fafc 22%);padding-bottom:2px}.permission-card{background:#fff;border:1px solid #d6e0ec;border-radius:20px;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:13px;padding:20px;display:grid}.permission-card.is-granted{background:#effaf4;border-color:#7dcfa8}.permission-icon{color:#1d5ba7;background:#e8f1ff;border-radius:16px;place-items:center;width:50px;height:50px;font-size:30px;display:grid}.permission-card.is-granted .permission-icon{color:#198653;background:#d9f4e6}.permission-card strong,.permission-card p{display:block}.permission-card strong{font-size:14px}.permission-card p{color:#6d7178;margin:4px 0 0;font-size:12px;line-height:1.55}.permission-status{color:#61646b;white-space:nowrap;background:#f1f5f9;border-radius:999px;padding:7px 9px;font-size:12px;font-weight:800}.is-granted .permission-status{color:#137044;background:#d7f3e4}.secondary-button{color:#16478f;width:100%;min-height:56px;font:inherit;cursor:pointer;background:#edf5ff;border:1px solid #a9c5e9;border-radius:16px;font-weight:800}.push-button{margin-top:16px}.onboarding-later{color:#63666d;padding:17px 0 2px;font-size:12px}.signature-card{background:#fff;border:1px solid #d6e0ec;border-radius:20px;padding:14px}.signature-card-head{justify-content:space-between;align-items:center;padding:2px 3px 12px;display:flex}.signature-card-head strong{font-size:12px}.signature-card-head button{color:#b24337;font:inherit;cursor:pointer;background:#fff1ef;border:0;border-radius:9px;padding:7px 11px;font-size:12px}.signature-card canvas{touch-action:none;background:#fff;border:1.5px dashed #9db1ca;border-radius:14px;width:100%;height:170px;display:block}.signature-card>p{color:#6d7178;margin:10px 3px 1px;font-size:12px;line-height:1.6}.review-card{background:#fff;border:1px solid #d6e0ec;border-radius:20px;gap:0;display:grid;overflow:hidden}.review-card>div{border-bottom:1px solid #edf1f6;gap:3px;padding:15px 17px;display:grid}.review-card>div:last-child{border-bottom:0}.review-card span{color:#6d7178;font-size:12px}.review-card strong{font-size:13px;line-height:1.5}.review-card small{color:#898d94;font-size:12px}.review-signature img{object-fit:contain;background:#fff;border:1px solid #edf1f6;border-radius:10px;width:100%;height:78px;margin-top:6px}.storage-flow{color:#585b61;background:#edf5ff;border-radius:13px;justify-content:center;align-items:center;gap:8px;margin:15px 0 0;padding:12px;font-size:12px;display:flex}.storage-flow b{background:#fff;border:1px solid #d3e2f6;border-radius:7px;padding:6px 8px}.pending-content{text-align:center;padding-top:54px}.pending-symbol{color:#1558a8;background:linear-gradient(145deg,#edf5ff,#dceaff);border-radius:32px;place-items:center;width:94px;height:94px;margin:0 auto 28px;display:grid;box-shadow:0 18px 42px #1859a91f}.pending-symbol span{border:2px solid;border-radius:50%;place-items:center;width:52px;height:52px;font-size:24px;font-weight:900;display:grid}.pending-content .lead{max-width:360px;margin-left:auto;margin-right:auto;font-size:13px}.pending-status{text-align:left;background:#fff;border:1px solid #d6e0ec;border-radius:17px;align-items:center;gap:12px;margin-top:28px;padding:16px;display:flex}.pending-status i{background:#f5a623;border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 6px #fff2d8}.pending-status strong,.pending-status small{display:block}.pending-status strong{font-size:12px}.pending-status small{color:#6d7178;margin-top:3px;font-size:12px}.demo-admin-tools{background:#fff9ec;border:1px dashed #ddad55;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding:12px;display:flex}.demo-admin-tools span{color:#8b6a2e;font-size:12px}.demo-admin-tools button{color:#382300;font:inherit;cursor:pointer;background:#f3a51f;border:0;border-radius:10px;padding:9px 11px;font-size:12px;font-weight:800}.demo-home-actions{justify-content:center;gap:10px;margin-top:24px;display:flex}.demo-home-actions button{color:#63666d;font:inherit;cursor:pointer;background:#fff;border:1px solid #d6e0ec;border-radius:10px;padding:9px 11px;font-size:12px}.demo-home-actions button:last-child{color:#9b3d35;background:#fff8f7;border-color:#efd2cf}.onboarding-brand-mark{font-size:21px;font-weight:900}.onboarding-back{color:#1558a8;font:inherit;cursor:pointer;background:0 0;border:0;margin:0 0 18px;padding:0;font-size:12px;font-weight:800}.onboarding-error{color:#a43f35;background:#fff2f0;border:1px solid #efc7c3;border-radius:12px;margin:14px 0 0;padding:12px 14px;font-size:12px;line-height:1.55}.registration-error{z-index:9;position:sticky;bottom:10px;box-shadow:0 10px 25px #7f1d1d1a}.onboarding-loading{text-align:center;color:#6d7178;padding:28px;font-size:12px}.pending-profile{background:#fff;border:1px solid #d6e0ec;border-radius:15px;gap:3px;margin:22px 0 0;padding:14px;display:grid}.pending-profile strong{font-size:13px}.pending-profile small{color:#6d7178;font-size:12px}.production-google-login{background:#fff;border:1px solid #cbd5e1;border-radius:16px;place-items:center;min-height:58px;display:grid;overflow:hidden;box-shadow:0 8px 20px #1720330a}.production-google-login .google-login-slot{width:100%;min-height:56px}.onboarding-live-shell .primary-button>span{font-size:18px}.onboarding-live-shell .primary-button:disabled{cursor:not-allowed;opacity:.45}@media (width<=390px){.welcome-hero h1{font-size:33px}.permission-card{grid-template-columns:45px minmax(0,1fr)}.permission-status{grid-column:2;justify-self:start}.onboarding-demo-shell .screen,.onboarding-live-shell .screen{padding-left:18px;padding-right:18px}.signature-card canvas{height:145px}}.part-picker-empty{color:#6d7178;text-align:center;padding:14px 12px;font-size:12px;display:block}.run-grid label{min-width:0}.run-grid.three{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.run-grid.three label:first-child{grid-column:1/-1}.run-grid.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.run-grid input[type=time]{width:100%;min-width:0;max-width:100%;min-inline-size:0;display:block}.brand-home{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.attendance-summary{background:#eef5ff;border:1px solid #cfe0fb;border-radius:16px;grid-template-columns:repeat(5,1fr);gap:6px;padding:12px;display:grid}.attendance-summary span{text-align:center;min-width:0}.attendance-summary small{color:#63666d;white-space:nowrap;font-size:12px;display:block}.attendance-summary b{color:#163a72;margin-top:3px;font-size:17px;display:block}.attendance-list{gap:10px;margin-top:14px;display:grid}.attendance-row{background:#fff;border:1px solid #dbe5f3;border-radius:17px;padding:13px}.employee-heading{align-items:center;gap:10px;display:flex}.employee-avatar{color:#164da2;background:#eaf2ff;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.employee-heading>div{flex:1;min-width:0}.employee-heading strong,.employee-heading small{display:block}.employee-heading strong{font-size:15px}.employee-heading small{color:#6d7178;margin-top:2px;font-size:12px}.employee-edit{color:#164da2;font:inherit;background:#edf4ff;border:0;border-radius:9px;padding:8px 10px;font-size:12px}.attendance-controls{grid-template-columns:1fr 1fr;gap:9px;margin-top:11px;display:grid}.attendance-status-field{color:#595d63;grid-column:1/-1;gap:6px;font-size:13px;display:grid}.attendance-status-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.attendance-status-button{color:#1f2430;min-width:0;min-height:48px;font:inherit;white-space:nowrap;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #cfdced;border-radius:11px;justify-content:center;align-items:center;gap:4px;padding:6px 4px;font-size:13px;font-weight:700;transition:border-color .15s,background .15s,color .15s,box-shadow .15s;display:inline-flex}.attendance-status-button>span{width:12px;font-size:12px;line-height:1}.attendance-status-button:hover{background:#f4f8ff;border-color:#7ba7eb}.attendance-status-button:focus-visible{outline-offset:2px;outline:3px solid #a9c8f6}.attendance-status-button.active{color:#fff;background:#2563d9;border-color:#2563d9;box-shadow:0 6px 14px #2563d933}.late-time-field{grid-column:1/-1}.attendance-controls label,.employee-editor label,.employee-add-form label{color:#595d63;gap:5px;font-size:13px;display:grid}.attendance-controls select,.attendance-controls input,.employee-editor input,.employee-add-form input{color:#1f2430;width:100%;min-width:0;height:46px;font:inherit;background:#fff;border:1px solid #dce4ef;border-radius:11px;padding:0 10px;font-size:14px}.attendance-controls input[type=time]{text-align:center}.employee-editor,.employee-add-form{background:#f7f9fc;border-radius:12px;gap:9px;margin-top:12px;padding:11px;display:grid}.employee-editor>div,.employee-add-form>div{flex-wrap:wrap;gap:7px;display:flex}.button.danger{color:#a52d3b;background:#fff5f6;border-color:#f1c8ce}.roster-add-toggle{margin-top:14px}.employee-add-form h3{margin:0;font-size:15px}.attendance-save{margin-top:16px}@media (width<=390px){.attendance-controls{grid-template-columns:1fr}.attendance-status-button{font-size:12px}}.connected-mobile .run-grid input[type=time],.connected-mobile .downtime-times input[type=time]{text-align-last:center;box-sizing:border-box;appearance:none;justify-content:center;align-items:center;height:56px;font-weight:700;line-height:1;display:flex;position:relative;text-align:center!important;padding:0!important;font-size:18px!important}.connected-mobile input[type=time]::-webkit-date-and-time-value{text-align:center;width:100%;min-height:1em;margin:0;padding:0}.connected-mobile input[type=time]::-webkit-datetime-edit{justify-content:center;align-items:center;width:100%;padding:0;display:flex}.connected-mobile input[type=time]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.ng-detail-row{background:#fff;border:1px solid #dbe7fb;border-radius:14px;margin-top:12px;padding:12px;position:relative}.ng-detail-selects{grid-template-columns:1fr 1fr;gap:9px;display:grid}.ng-detail-selects label,.ng-notes,.future-photo,.downtime-reason-fields label,.downtime-times label,.downtime-notes{color:#595c62;gap:5px;font-size:12px;display:grid}.ng-detail-selects select,.ng-detail-selects input,.downtime-reason-fields select,.downtime-times input,.downtime-notes input{color:#1f2430;width:100%;min-width:0;height:46px;font:inherit;background:#fff;border:1px solid #dce4ef;border-radius:12px;padding:0 11px;font-size:14px}.ng-notes{margin-top:9px}.ng-notes textarea{resize:vertical;min-height:76px;font:inherit;border:1px solid #dce4ef;border-radius:12px;padding:11px;font-size:14px}.ng-detail-box,.ng-detail-row,.ng-detail-selects,.future-photo{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.ng-detail-row{overflow:hidden}.future-photo{contain:inline-size;background:#f6f9ff;border:1px dashed #bfd3f8;border-radius:12px;margin-top:9px;padding:10px;overflow:hidden}.future-photo>span{color:#595c62;font-size:12px}.future-photo-control{contain:inline-size;box-sizing:border-box;color:#61646b;background:#fff;border:1px solid #d8e2ef;border-radius:9px;grid-template-columns:minmax(76px,96px) minmax(0,1fr);align-items:center;gap:8px;width:100%;min-width:0;max-width:100%;height:38px;margin-top:2px;display:grid;overflow:hidden}.future-photo-control b{color:#44474b;text-overflow:ellipsis;white-space:nowrap;background:#eef2f7;align-self:stretch;place-items:center;min-width:0;max-width:100%;padding:0 8px;font-size:12px;display:grid;overflow:hidden}.future-photo-control em{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;padding-right:8px;font-size:12px;font-style:normal;display:block;overflow:hidden}.future-photo small{color:#6d7178}.remove-detail{color:#8a5560;font:inherit;background:0 0;border:0;margin-top:9px;padding:5px 0;font-size:12px}.connected-mobile,.connected-mobile .live-mobile,.multi-oee-form{min-width:0;max-width:100%;overflow-x:clip}.downtime-card{box-sizing:border-box;min-width:0;max-width:100%;overflow:hidden}.downtime-entry{box-sizing:border-box;width:100%;min-width:0;max-width:100%;position:relative;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;gap:10px!important;display:grid!important}.downtime-entry-head{justify-content:space-between;align-items:center;gap:10px;min-height:36px;display:flex!important}.downtime-entry-head>strong{color:#1f2430;font-size:13px}.destructive-icon-button{width:36px;height:36px;font-weight:700;line-height:1;box-shadow:0 4px 12px #b4233514;color:#b42335!important;background:#fff1f2!important;border:1px solid #f0b7be!important;border-radius:10px!important;flex:none!important;place-items:center!important;padding:0!important;font-size:23px!important;display:grid!important}.destructive-icon-button:hover{color:#951d2d!important;background:#ffe4e7!important;border-color:#d92d45!important}.destructive-icon-button:focus-visible{outline-offset:2px;outline:3px solid #f7b8c1}.downtime-reason-fields,.downtime-times{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;width:100%;min-width:0;max-width:100%;display:grid!important}.downtime-reason-fields label,.downtime-times label,.downtime-notes{min-width:0;max-width:100%;overflow:hidden}.downtime-reason-fields select,.downtime-times input,.downtime-notes input{box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;inline-size:100%;min-inline-size:0;max-inline-size:100%;overflow:hidden}.downtime-row-foot{align-items:center;gap:8px;min-height:34px;display:flex}.downtime-row-foot>span{color:var(--oee-blue-dark);font-size:13px;font-weight:800}.downtime-row-foot>small{color:#60646a;font-size:12px}@media (width<=390px){.ng-detail-selects{grid-template-columns:1fr}.downtime-reason-fields{grid-template-columns:minmax(0,1fr)}.downtime-times{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.primary-button.edit-save-button{color:#fff;background:#c62828;border-color:#c62828;box-shadow:0 10px 24px #c628282e}.primary-button.edit-save-button:hover{background:#a91f1f;border-color:#a91f1f}.oee-submit-zone{isolation:isolate;width:calc(100% + 48px);max-width:none;margin:18px 0 calc(-35px - env(safe-area-inset-bottom)) -24px;padding:30px 24px calc(38px + env(safe-area-inset-bottom));box-sizing:border-box;background:linear-gradient(#fff0 0%,#fff 38% 100%);position:relative;overflow:hidden}.multi-oee-form{overflow-x:visible}.oee-submit-zone:before{content:"";z-index:-1;filter:blur(14px);pointer-events:none;background:radial-gradient(#0b376f2b,#0b376f0f 45%,#0000 74%);border-radius:50%;height:92px;position:absolute;top:16px;left:4%;right:4%}.oee-submit-zone.is-editing:before{background:radial-gradient(#c628283d,#c6282814 46%,#0000 74%)}.oee-submit-zone>.primary-button{z-index:1;width:100%;max-width:432px;margin:0 auto;position:relative;box-shadow:0 12px 28px #1113172e}.oee-submit-zone>.edit-save-button{box-shadow:0 12px 28px #c6282833}@media (width<=360px){.oee-submit-zone{width:calc(100% + 32px);margin-left:-16px;padding-left:16px;padding-right:16px}}.quantity-field{font-weight:700;color:#3d3f43!important;font-size:13px!important}.quantity-input{min-width:0;display:block;position:relative}.quantity-input input{box-sizing:border-box;font-weight:800;color:#1f2430!important;background:#fff!important;border:2px solid #cbdcf4!important;height:62px!important;padding:0 54px 0 15px!important;font-size:21px!important}.quantity-input>b{color:#63666d;pointer-events:none;font-size:12px;font-weight:800;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.quantity-input:focus-within input{border-color:var(--oee-blue)!important;box-shadow:0 0 0 4px #2563eb18!important}.quantity-field.ng .quantity-input input{background:snow!important;border-color:#efc9ce!important}.quantity-field.ng .quantity-input>b{color:#b42335}.quantity-field.ng .quantity-input:focus-within input{border-color:#d92d45!important;box-shadow:0 0 0 4px #d92d4515!important}.draft-restored{color:#18734a;background:#edf9f2;border:1px solid #b8ddca;border-radius:12px;margin:0 0 14px;padding:11px 13px;font-size:12px;font-weight:700;animation:.35s both status-pop}.feedback-backdrop{z-index:140;box-sizing:border-box;overscroll-behavior:contain;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0b1220a8;place-items:center;width:100dvw;max-width:100vw;height:100dvh;padding:16px;animation:.2s both backdrop-in;display:grid;position:fixed;inset:0;overflow:hidden}.feedback-dialog{box-sizing:border-box;text-align:center;background:#fff;border:1px solid #fff;border-radius:26px;width:min(100%,430px);min-width:0;max-width:calc(100vw - 32px);padding:27px;animation:.32s cubic-bezier(.2,.85,.3,1.1) both dialog-pop;overflow:hidden;box-shadow:0 30px 100px #0b122066}.feedback-icon{border-radius:50%;place-items:center;width:62px;height:62px;margin:0 auto 15px;font-size:30px;font-weight:900;display:grid}.feedback-backdrop.error .feedback-icon{color:#c62828;background:#fff0f1;box-shadow:0 0 0 8px #fff7f7}.feedback-backdrop.success .feedback-icon{color:#167647;background:#e8f7ef;box-shadow:0 0 0 8px #f4fbf7}.feedback-backdrop.confirm .feedback-icon{color:#174ea6;background:#eaf2ff;box-shadow:0 0 0 8px #f4f8ff}.feedback-dialog h2{color:#1f2430;margin:0;font-size:22px}.feedback-dialog>p{color:#61646b;overflow-wrap:anywhere;margin:9px 0 0;font-size:13px;line-height:1.7}.feedback-details{color:#505359;background:#f5f8fc;border-radius:13px;gap:7px;margin-top:16px;padding:13px;font-size:12px;display:grid}.feedback-actions{grid-template-columns:1.25fr 1fr;gap:9px;margin-top:20px;display:grid}.feedback-actions .primary-button,.feedback-actions .button{border-radius:13px;justify-content:center;min-height:50px;margin:0}.feedback-backdrop.error .feedback-actions .primary-button{background:#c62828;border-color:#c62828}.feedback-backdrop.confirm .feedback-actions .primary-button{background:#2563eb;border-color:#2563eb}.feedback-backdrop.confirm .feedback-dialog{border-radius:21px;width:min(100%,340px);padding:20px}.feedback-backdrop.confirm .feedback-icon{width:46px;height:46px;margin-bottom:12px;font-size:23px;box-shadow:0 0 0 6px #f4f8ff}.feedback-backdrop.confirm .feedback-dialog h2{font-size:18px;line-height:1.4}.feedback-backdrop.confirm .feedback-dialog>p{margin-top:6px;font-size:12px}.feedback-backdrop.confirm .feedback-details{gap:5px;margin-top:12px;padding:10px;font-size:12px;line-height:1.5}.feedback-backdrop.confirm .feedback-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}.feedback-backdrop.confirm .feedback-actions .primary-button,.feedback-backdrop.confirm .feedback-actions .button{white-space:normal;width:100%;min-width:0;min-height:44px;padding:8px 7px;font-size:12px;line-height:1.35}html,body,#root{max-width:100%;overflow-x:hidden}.oee-line-screen,.manpower-screen,.mobile-settings,.multi-oee-form{animation:.32s both screen-enter}.review-modal-backdrop,.save-success-backdrop{animation:.2s both backdrop-in}.review-modal,.save-success-card{animation:.35s cubic-bezier(.2,.85,.3,1) both dialog-rise}.primary-button,.attendance-status-button,.module-card,.oee-line-card,.add-outline,.add-part-button{transition:transform .16s,box-shadow .2s,background-color .2s,border-color .2s,color .2s}.primary-button:active:not(:disabled),.attendance-status-button:active,.module-card:active,.oee-line-card:active,.add-outline:active,.add-part-button:active{transform:scale(.975)}@keyframes screen-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-pop{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:none}}@keyframes dialog-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes status-pop{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@media (width<=390px){.feedback-dialog{padding:23px 18px}.feedback-actions{grid-template-columns:1fr}.feedback-backdrop.confirm .feedback-dialog{width:min(100%,320px);padding:18px 16px}.feedback-backdrop.confirm .feedback-actions{grid-template-columns:1fr 1fr}.quantity-input input{font-size:19px!important}}@media (prefers-reduced-motion:reduce){.feedback-backdrop,.feedback-dialog,.oee-line-screen,.manpower-screen,.mobile-settings,.multi-oee-form,.review-modal-backdrop,.review-modal,.save-success-backdrop,.save-success-card,.draft-restored{animation:none!important}.primary-button,.attendance-status-button,.module-card,.oee-line-card,.add-outline,.add-part-button{transition:none!important}.primary-button:active:not(:disabled),.attendance-status-button:active,.module-card:active,.oee-line-card:active,.add-outline:active,.add-part-button:active{transform:none!important}}.feedback-backdrop{width:100%;max-width:none;height:100dvh;min-height:100svh;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));inset:0;overflow:hidden}.feedback-dialog{border-radius:21px;width:min(318px,100%);max-width:100%;max-height:calc(100dvh - 36px);padding:20px 18px;overflow-y:auto}.feedback-icon{width:48px;height:48px;margin-bottom:12px;font-size:24px}.feedback-dialog h2{font-size:18px;line-height:1.35}.feedback-dialog>p{margin-top:6px;font-size:12px;line-height:1.55}.feedback-details{gap:5px;margin-top:12px;padding:10px;font-size:12px;line-height:1.45}.feedback-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}.feedback-actions .primary-button,.feedback-actions .button{white-space:normal;width:100%;min-width:0;min-height:44px;padding:8px 7px;font-size:12px;line-height:1.3}.feedback-backdrop.confirm .feedback-dialog{width:min(300px,100%);padding:18px 16px}.feedback-backdrop.confirm .feedback-icon{width:42px;height:42px;margin-bottom:10px;font-size:21px}.feedback-backdrop.success .feedback-dialog{width:min(318px,100%)}html.modal-open,html.modal-open body{width:100%;min-height:100%;overflow:hidden;background:#5b6472!important}.review-modal-backdrop{box-sizing:border-box;width:100%;max-width:none;height:100dvh;min-height:100svh;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));inset:0;overflow:hidden}.review-modal{width:min(100%,430px);max-width:100%;max-height:calc(100dvh - max(36px,env(safe-area-inset-top) + env(safe-area-inset-bottom)));box-sizing:border-box}.legacy-record-form,.legacy-record-form .form-grid,.legacy-record-form .form-grid>label{min-width:0;max-width:100%}.safety-record-form .context-card .form-grid,.safety-record-form .form-block .form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:17px 14px}.safety-record-form .context-card input,.safety-record-form .context-card select{-webkit-text-fill-color:#111827;opacity:1;min-width:0;font-weight:700;color:#1f2430!important;height:56px!important;font-size:16px!important}.safety-record-form .form-block .form-grid input,.safety-record-form .form-block .form-grid select{color:#1f2430;min-width:0;max-width:100%;height:58px;padding-inline:14px;font-size:16px!important}.safety-record-form input[type=date],.safety-record-form input[type=time]{text-align:center;text-align-last:center;appearance:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;justify-content:center;align-items:center;width:100%;min-width:0;display:flex;position:relative}.safety-record-form input[type=date]{font-size:17px!important}.safety-record-form input[type=time]{font-weight:800;font-size:19px!important}.safety-record-form input[type=date]::-webkit-date-and-time-value{text-align:center;width:100%;min-height:1em;margin:0;padding:0}.safety-record-form input[type=time]::-webkit-date-and-time-value{text-align:center;width:100%;min-height:1em;margin:0;padding:0}.safety-record-form input[type=date]::-webkit-datetime-edit{justify-content:center;align-items:center;width:100%;padding:0;display:flex}.safety-record-form input[type=time]::-webkit-datetime-edit{justify-content:center;align-items:center;width:100%;padding:0;display:flex}.safety-record-form input[type=date]::-webkit-calendar-picker-indicator{opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.safety-record-form input[type=time]::-webkit-calendar-picker-indicator{opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.success-banner.transient{animation:4s both transient-success}@keyframes transient-success{0%{opacity:0;transform:translateY(-6px)}8%,82%{opacity:1;transform:none}to{opacity:0;transform:translateY(-5px)}}@media (width<=600px){.connected-mobile input,.connected-mobile select,.connected-mobile textarea{font-size:16px!important}}@media (width<=350px){.safety-record-form .context-card .form-grid,.safety-record-form .form-block .form-grid{grid-template-columns:minmax(0,1fr)}.safety-record-form .form-grid .wide{grid-column:1}.feedback-actions{grid-template-columns:1fr}}:root{--oee-blue:#0b376f;--oee-blue-dark:#072a57;--oee-blue-soft:#f3f5f8;--oee-blue-line:#c3cad4;--oee-black:#111317;--oee-white:#fff;--oee-surface:#f6f7f8;--oee-border:#bec6d1;--oee-muted:#61646b}html,body,#root,.site-shell,.device,.connected-shell.connected-mobile,.connected-mobile .live-mobile{color:#1f2430;background:#fff}.connected-mobile .app-header .brand .round-icon{color:#fff;background:#111317;box-shadow:0 8px 22px #11131729}.connected-mobile .live-mobile .profile-button{color:#0b376f;background:#f3f5f8;border-color:#b8c1ce}.connected-mobile .team-chip,.connected-mobile .round-icon:not(.profile-button){color:#0b376f;background:#f3f5f8}.connected-mobile .home-greeting p,.connected-mobile .text-button,.connected-mobile .text-link,.connected-mobile .history-tools button,.connected-mobile .record-bottom b{color:#0b376f}.connected-mobile .home-work-context{background:#fff;border:1.5px solid #bec6d1;box-shadow:0 12px 34px #1113170f}.connected-mobile .work-context-title span,.connected-mobile .home-work-context p,.connected-mobile .home-work-context>small,.connected-mobile .full-date-field>span,.connected-mobile .full-date-field small,.connected-mobile .shift-note{color:#61646b}.connected-mobile .full-date-field{box-shadow:none;background:#f6f7f8;border:1.5px solid #bec6d1}.connected-mobile .full-date-field output{color:#1f2430}.connected-mobile .full-date-field .date-change-action{color:#fff;background:#0b376f;box-shadow:0 7px 18px #0b376f38}.connected-mobile .shift-button-group button{color:#1f2430;background:#fff;border:1.5px solid #bec6d1}.connected-mobile .shift-button-group button>span{color:#0b376f;background:#f1f3f6}.connected-mobile .shift-button-group button small{color:#676a72}.connected-mobile .shift-button-group button.active{box-shadow:0 8px 21px #0b376f3d;color:#fff!important;background:#0b376f!important;border-color:#0b376f!important}.connected-mobile .shift-button-group button.active>span{color:#fff;background:#ffffff29}.connected-mobile .shift-button-group button.active small{color:#d9e4f2}.connected-mobile .module-card,.connected-mobile .module-card:nth-child(2n){background:#fff;border:1.5px solid #bec6d1;box-shadow:0 10px 28px #1113170e}.connected-mobile .module-card:hover{background:#f8f9fa;border-color:#bfc6d0;box-shadow:0 14px 30px #11131717}.connected-mobile .module-card>strong{color:#1f2430}.connected-mobile .module-card>small{color:#61646b}.connected-mobile .context-card,.connected-mobile .settings-card,.connected-mobile .mobile-profile-panel,.connected-mobile .mobile-line-list,.connected-mobile .record-card,.connected-mobile .production-run-card,.connected-mobile .downtime-card,.connected-mobile .oee-line-card,.connected-mobile .attendance-row{background:#fff;border:1.5px solid #bec6d1;box-shadow:0 8px 24px #1113170b}.connected-mobile .oee-line-card.is-recorded{background:#f3f5f8;border-color:#aeb8c6}.connected-mobile .oee-context-blue,.connected-mobile .attendance-summary,.connected-mobile .history-overview{box-shadow:none;background:#f3f5f8;border:1.5px solid #bec6d1}.connected-mobile .attendance-summary b,.connected-mobile .history-overview>strong{color:#0b376f}.connected-mobile .line-card-icon,.connected-mobile .employee-avatar,.connected-mobile .jph-pill{color:#0b376f;background:#f1f3f6}.connected-mobile .oee-line-card b{color:#0b376f;background:#fff;border:1px solid #bec6d1}.connected-mobile .duration-readout,.connected-mobile .quantity-total,.connected-mobile .run-readout,.connected-mobile .ng-detail-box,.connected-mobile .employee-editor,.connected-mobile .employee-add-form,.connected-mobile .future-photo,.connected-mobile .people-summary,.connected-mobile .review-summary-grid span,.connected-mobile .feedback-details{background:#f5f6f7;border-color:#bec6d1}.connected-mobile .add-part-button,.connected-mobile .add-outline{color:#0b376f;background:#f6f7f8;border-color:#9eabbc}.connected-mobile .progress-track{background:#e1e5eb}.connected-mobile .progress-track i{background:#0b376f}.connected-mobile input:not([type=checkbox]):not([type=radio]),.connected-mobile select,.connected-mobile textarea,.connected-mobile .part-picker>input,.connected-mobile .history-tools input{color:#1f2430;background:#fff;border-width:1.5px;border-color:#bec6d1}.connected-mobile input:focus,.connected-mobile select:focus,.connected-mobile textarea:focus,.connected-mobile .part-picker>input:focus{border-color:#0b376f;outline-color:#0b376f;box-shadow:0 0 0 4px #0b376f1a}.connected-mobile .part-picker-toggle{color:#0b376f;background:#f1f3f6}.connected-mobile .part-picker-list{border-color:#b8c1ce;box-shadow:0 18px 42px #11131729}.connected-mobile .part-picker-list button:hover,.connected-mobile .part-picker-list button:focus-visible,.connected-mobile .part-picker-list button.selected{color:#0b376f;background:#f1f3f6}.connected-mobile .filter-chips button,.connected-mobile .history-range-chips button,.connected-mobile .history-tools input{color:#1f2430;background:#fff;border-color:#bec6d1}.connected-mobile .filter-chips .active,.connected-mobile .history-range-chips button.active{color:#fff;background:#0b376f;border-color:#0b376f}.connected-mobile .bottom-nav{background:#fffffff0;border-color:#bec6d1}.connected-mobile .bottom-nav button{color:#61646b}.connected-mobile .bottom-nav .active{color:#0b376f}.connected-mobile .primary-button{color:#fff;background:#111317}.connected-mobile .primary-button:hover:not(:disabled){background:#050608;box-shadow:0 12px 28px #11131738}.connected-mobile .oee-preview,.connected-mobile .multi-oee-summary,.connected-mobile .review-oee{background:#111317}.connected-mobile .attendance-status-button{color:#1f2430;background:#fff;border:1.5px solid #b8c1ce}.connected-mobile .attendance-status-button.active{color:#fff;background:#2463d4;border-color:#2463d4}.connected-mobile .settings-line-list label{background:#f8f9fa;border:1.5px solid #c4cad3}.connected-mobile .settings-line-list input{accent-color:#0b376f}.connected-mobile .review-banner{color:#0b376f;background:#f1f3f6}.connected-mobile button:focus-visible,.connected-mobile a:focus-visible{outline-color:#0b376f}.device .app-header .brand .round-icon{color:#fff;background:#111317;box-shadow:0 8px 22px #11131729}.device .profile-button{color:#0b376f;background:#f3f5f8;border:1.5px solid #b8c1ce}.device .avatar,.device .team-chip,.device .line-summary .round-icon{color:#0b376f;background:#f3f5f8}.device .line-summary{background:#fff;border:1.5px solid #bec6d1;box-shadow:0 8px 24px #1113170b}.device .module-card{background:#fff;border:1.5px solid #bec6d1;box-shadow:0 10px 28px #1113170e}.device .module-card:hover{background:#f8f9fa;border-color:#9fa9b7;box-shadow:0 14px 30px #11131717}.device .line-option{background:#fff;border:1.5px solid #c4cad3}.device .line-option:hover,.device .line-option.selected{background:#fff;border-color:#909aa8;box-shadow:0 6px 18px #1113170e}.device .form-grid input,.device .form-grid select,.device .form-grid textarea,.device .search-field input{background:#fff;border:1.5px solid #bec6d1}.device .info-box,.device .duration-readout,.device .quantity-total,.device .people-summary,.device .history-overview{background:#f3f5f8;border:1.5px solid #bec6d1}.device .context-card,.device .record-card,.device .production-run-card,.device .downtime-card,.device .oee-line-card{border:1.5px solid #bec6d1;box-shadow:0 8px 24px #1113170b}.device .live-entry{color:#0b376f;background:#f3f5f8;border:1.5px solid #bec6d1}.device .sticky-action{background:linear-gradient(#0000,#fff 25%)}.device button:focus-visible,.device a:focus-visible{outline-color:#0b376f}.connected-mobile .primary-button.edit-save-button{color:#fff;background:#c62828;border-color:#c62828}.connected-mobile .primary-button.edit-save-button:hover:not(:disabled){background:#a91f1f;border-color:#a91f1f;box-shadow:0 12px 28px #c6282833}.manpower-entry-screen .work-heading{padding-top:10px}.manpower-entry-options{gap:14px;margin-top:20px;display:grid}.manpower-entry-card{color:#1f2430;text-align:left;cursor:pointer;background:#fff;border:1.5px solid #bec6d1;border-radius:22px;grid-template-columns:54px minmax(0,1fr) 20px;align-items:center;gap:14px;width:100%;min-height:142px;padding:19px;transition:transform .16s,border-color .2s,box-shadow .2s;display:grid;box-shadow:0 9px 25px #1113170b}.manpower-entry-card:hover{border-color:#8da8cb;transform:translateY(-2px);box-shadow:0 13px 30px #0b376f1a}.manpower-entry-card:active{transform:scale(.975)}.manpower-entry-icon{color:#0b376f;background:#e9f1fc;border-radius:17px;place-items:center;width:54px;height:54px;display:grid}.manpower-entry-card.overtime .manpower-entry-icon{color:#8c5709;background:#fff0df}.manpower-entry-icon svg{width:25px;height:25px}.manpower-entry-card>span:nth-child(2){min-width:0}.manpower-entry-card small,.manpower-entry-card strong,.manpower-entry-card em{display:block}.manpower-entry-card small{color:#6d7178;letter-spacing:.12em;font-size:12px;font-weight:900}.manpower-entry-card strong{margin-top:5px;font-size:20px;line-height:1.3}.manpower-entry-card em{color:#61646b;margin-top:6px;font-size:12px;font-style:normal;line-height:1.55}.manpower-entry-card>svg{color:#6d7178;width:19px}.manpower-entry-card.assignments .manpower-entry-icon{color:#14734a;background:#e8f7f0}.oee-assignment-line-list{gap:12px;margin-top:20px;display:grid}.oee-assignment-line-card{color:#1f2430;text-align:left;cursor:pointer;background:#fff;border:1.5px solid #bec6d1;border-radius:22px;grid-template-columns:48px minmax(0,1fr) auto 18px;align-items:center;gap:12px;width:100%;min-height:116px;padding:16px;display:grid;box-shadow:0 9px 25px #1113170b}.oee-assignment-line-card>span:nth-child(2){min-width:0}.oee-assignment-line-card small,.oee-assignment-line-card strong,.oee-assignment-line-card em{display:block}.oee-assignment-line-card small{color:#6d7178;letter-spacing:.08em;font-size:12px;font-weight:900}.oee-assignment-line-card strong{margin-top:4px;font-size:15px;line-height:1.35}.oee-assignment-line-card em{color:#61646b;margin-top:5px;font-size:12px;font-style:normal}.oee-assignment-line-card>b{color:#14734a;background:#e8f7f0;border-radius:999px;place-items:center;min-width:31px;height:31px;font-size:12px;display:grid}.oee-assignment-line-card>svg{color:#6d7178;width:17px}.oee-assignment-roster{background:#f6f8fa;border:1.5px solid #bec6d1;border-radius:20px;margin-top:20px;overflow:hidden}.oee-assignment-roster>header{background:#eef2f6;border-bottom:1px solid #d5dbe4;justify-content:space-between;align-items:center;gap:12px;padding:14px 15px;display:flex}.oee-assignment-roster>header small,.oee-assignment-roster>header strong{display:block}.oee-assignment-roster>header small{color:#63676e;letter-spacing:.08em;font-size:12px;font-weight:900}.oee-assignment-roster>header strong{margin-top:3px;font-size:14px}.oee-assignment-roster>header b{color:#0b376f;font-size:12px}.oee-assignment-roster article{background:#fff;border:1px solid #dce2ea;border-radius:13px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;margin:10px;padding:11px;display:grid}.oee-assignment-roster article>span{color:#0b376f;background:#edf2f8;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.oee-assignment-roster article strong,.oee-assignment-roster article small{display:block}.oee-assignment-roster article strong{font-size:12px}.oee-assignment-roster article small{color:#6d7178;margin-top:3px;font-size:12px}.oee-assignment-roster article em{color:#0b376f;white-space:nowrap;background:#e8f0fc;border-radius:999px;padding:5px 7px;font-size:12px;font-style:normal;font-weight:900}.oee-assignment-roster article em.temporary{color:#8c5709;background:#fff0df}.ot-work-unit-screen .work-heading{padding-top:10px}.ot-work-unit-card-list{gap:12px;margin-top:20px;display:grid}.ot-work-unit-card{color:#1f2430;text-align:left;cursor:pointer;background:#fff;border:1.5px solid #bec6d1;border-radius:22px;grid-template-columns:48px minmax(0,1fr) auto 18px;align-items:center;gap:12px;width:100%;min-height:116px;padding:16px;transition:transform .16s,border-color .2s,box-shadow .2s;display:grid;box-shadow:0 9px 25px #1113170b}.ot-work-unit-card:hover{border-color:#8da8cb;transform:translateY(-2px);box-shadow:0 13px 30px #0b376f1a}.ot-work-unit-card:active{transform:scale(.975)}.ot-work-unit-card-icon{color:#8c5709;background:#fff0df;border-radius:15px;place-items:center;width:48px;height:48px;display:grid}.ot-work-unit-card-icon svg{width:22px;height:22px}.ot-work-unit-card>span:nth-child(2){min-width:0}.ot-work-unit-card small,.ot-work-unit-card strong,.ot-work-unit-card em{display:block}.ot-work-unit-card small{color:#6d7178;letter-spacing:.08em;font-size:12px;font-weight:900}.ot-work-unit-card strong{margin-top:4px;font-size:15px;line-height:1.35}.ot-work-unit-card em{color:#61646b;margin-top:5px;font-size:12px;font-style:normal}.ot-work-unit-card>b{color:#0b376f;white-space:nowrap;background:#fff;border:1px solid #d5deeb;border-radius:999px;padding:7px 9px;font-size:12px}.ot-work-unit-card>svg{color:#6d7178;width:17px}.ot-selected-work-unit{background:#f4f8fe;border:1.5px solid #c9d8eb;border-radius:15px;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.ot-selected-work-unit small,.ot-selected-work-unit strong{display:block}.ot-selected-work-unit small{color:#6d7178;letter-spacing:.1em;font-size:12px;font-weight:900}.ot-selected-work-unit strong{color:#1f2430;margin-top:4px;font-size:14px}.ot-selected-work-unit>b{color:#0b376f;background:#fff;border-radius:999px;flex:none;padding:7px 9px;font-size:12px}.ot-work-unit-card.attendance .ot-work-unit-card-icon{color:#0b376f;background:#e9f1fc}.manpower-mode-tabs{background:#eef1f5;border:1.5px solid #bec6d1;border-radius:15px;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 16px;padding:5px;display:grid}.manpower-mode-tabs button{color:#55585e;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;font-size:13px;font-weight:800}.manpower-mode-tabs button.active{color:#fff;background:#0b376f;box-shadow:0 7px 16px #0b376f33}.work-unit-roster{gap:18px;margin-top:16px;display:grid}.work-unit-group{background:#f6f8fa;border:1.5px solid #bec6d1;border-radius:20px;overflow:hidden}.work-unit-group>header{background:#eef2f6;border-bottom:1px solid #d5dbe4;justify-content:space-between;align-items:center;gap:12px;padding:14px 15px;display:flex}.work-unit-group>header small,.work-unit-group>header strong{display:block}.work-unit-group>header small{color:#63676e;letter-spacing:.06em;font-size:12px;font-weight:800}.work-unit-group>header strong{color:#1f2430;margin-top:3px;font-size:14px}.work-unit-group>header>b{color:#0b376f;background:#fff;border-radius:999px;flex:none;padding:6px 9px;font-size:12px}.work-unit-group .attendance-list{margin:0;padding:10px}.role-badge{color:#505258;vertical-align:middle;background:#eef2f6;border-radius:999px;margin-left:5px;padding:3px 7px;font-size:12px;font-weight:800;display:inline-flex}.role-badge.supervisor{color:#8b570d;background:#fff1dc}.role-badge.leader{color:#174f9e;background:#e9f1ff}.role-badge.special{color:#6841a1;background:#f2eaff}.ot-role-scope{border-top:1px solid #d8dee8;gap:13px;margin-top:26px;padding-top:22px;display:grid}.ot-role-scope-heading{padding:0 3px}.ot-role-scope-heading small,.ot-role-scope-heading strong{display:block}.ot-role-scope-heading small{color:#505358;letter-spacing:.14em;font-size:12px;font-weight:950}.ot-role-scope-heading strong{color:#1f2430;margin-top:5px;font-size:17px}.ot-role-scope-heading p{color:#61646b;margin:4px 0 0;font-size:12px;line-height:1.5}.ot-role-card-list{gap:12px;display:grid}.ot-role-card{background:#fff;border:1.5px solid #c7d2df;border-radius:22px;gap:14px;padding:17px;display:grid;box-shadow:0 9px 25px #1113170d}.ot-role-card-main{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:13px;display:grid}.ot-role-card-icon{border-radius:15px;place-items:center;width:48px;height:48px;display:grid}.ot-role-card-icon svg{width:22px;height:22px}.ot-role-card-main small,.ot-role-card-main strong,.ot-role-card-main em{display:block}.ot-role-card-main small{letter-spacing:.08em;font-size:12px;font-weight:950}.ot-role-card-main strong{color:#1f2430;margin-top:4px;font-size:16px;line-height:1.35}.ot-role-card-main em{color:#61646b;margin-top:5px;font-size:12px;font-style:normal;line-height:1.5}.ot-role-card-footer{border-top:1px solid #e3e8ef;justify-content:space-between;align-items:center;gap:10px;padding-top:13px;display:flex}.ot-role-card-footer>button,.ot-role-action{color:#fff;border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 13px;font-size:12px;font-weight:900;display:flex}.ot-role-card-footer>button svg,.ot-role-action svg{width:15px}.ot-role-scope-pill{border-radius:999px;align-items:center;min-height:30px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.ot-role-card.leader{background:linear-gradient(145deg,#fffdf8,#fffaf0);border-color:#e2c18d}.ot-role-card.leader .ot-role-card-icon{color:#9a5a00;background:#fff0d5}.ot-role-card.leader small{color:#8c5709}.ot-role-card.leader .ot-role-scope-pill{color:#8c5709;background:#fff0d5}.ot-role-card.leader .ot-role-card-footer>button{background:#a85f00}.ot-role-card.supervisor{background:linear-gradient(145deg,#fff,#f4f8fd);border-color:#afc4de}.ot-role-card.supervisor .ot-role-card-icon{color:#0b4a88;background:#e5effc}.ot-role-card.supervisor small{color:#0b4a88}.ot-role-card.supervisor .ot-role-scope-pill{color:#0b4a88;background:#e5effc}.ot-role-card.supervisor .ot-role-action{background:#174f8b}.ot-role-card.is-disabled{opacity:.68}.ot-role-card button:disabled{cursor:not-allowed;background:#a8b3c2}.ot-role-note{color:#61646b;margin:-2px 3px 0;font-size:12px;line-height:1.55}.ot-selected-work-unit.leader-scope{background:#fff6df;border-color:#cf7900}.ot-selected-work-unit.leader-scope small,.ot-selected-work-unit.leader-scope>b{color:#8c5709}.ot-panel{gap:18px;display:grid}.ot-form,.ot-history{background:#fff;border:1.5px solid #bec6d1;border-radius:20px;gap:14px;padding:16px;display:grid;box-shadow:0 8px 24px #1113170b}.ot-form-heading,.ot-history>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.ot-form-heading small,.ot-history>header small{color:#63676e;letter-spacing:.08em;font-size:12px;font-weight:900}.ot-form-heading h2,.ot-history>header h2{margin:3px 0 0;font-size:18px;line-height:1.3}.ot-form-heading>span{color:#0b376f;background:#e8f0fc;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:900}.ot-form>label,.ot-time-grid label{color:#505258;gap:6px;font-size:12px;font-weight:700;display:grid}.ot-form select,.ot-form input,.ot-form textarea{box-sizing:border-box;color:#1f2430;width:100%;font:inherit;background:#fff;border:1.5px solid #bec6d1;border-radius:11px;padding:0 11px;font-size:14px}.ot-form select,.ot-form input{height:47px}.ot-form textarea{resize:vertical;min-height:82px;padding-top:10px}.ot-time-option-picker{border:0;min-width:0;margin:0;padding:0}.ot-time-option-picker legend{color:#505258;margin-bottom:7px;font-size:12px;font-weight:700}.ot-time-option-picker>div{grid-template-columns:1fr 1fr;gap:9px;display:grid}.ot-time-option-picker button{color:#1f2430;text-align:left;cursor:pointer;background:#fff;border:1.5px solid #bec6d1;border-radius:13px;grid-template-rows:auto auto;grid-template-columns:22px minmax(0,1fr);align-items:center;column-gap:8px;min-width:0;min-height:70px;padding:11px 10px;display:grid;position:relative}.ot-time-option-picker button>span{color:#fff;border:1.5px solid #aeb9c9;border-radius:50%;grid-row:1/3;place-items:center;width:20px;height:20px;font-size:12px;font-weight:900;display:grid}.ot-time-option-picker button strong{min-width:0;font-size:12px;line-height:1.35}.ot-time-option-picker button small{color:#6d7178;font-size:12px;font-weight:700}.ot-time-option-picker button.active{color:#0b376f;background:#e8f0fc;border-color:#0b376f;box-shadow:0 0 0 3px #0b376f14}.ot-time-option-picker button.active>span{background:#0b376f;border-color:#0b376f}.ot-time-option-picker button:focus-visible{outline-offset:2px;outline:3px solid #0b376f38}.ot-time-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.ot-request-category{color:#505258;gap:6px;margin:0 0 16px;font-size:13px;font-weight:700;display:grid}.ot-request-category select{color:#1f2430;width:100%;min-width:0;min-height:47px;font:inherit;background:#fff;border:1.5px solid #bec6d1;border-radius:11px;padding:10px 12px}.ot-time-grid label,.ot-time-grid input,.ot-time-grid output{min-width:0}.ot-time-grid label{width:100%;max-width:100%;overflow:hidden}.ot-time-grid input,.ot-time-grid .ot-time-input{box-sizing:border-box;width:100%;max-width:100%;inline-size:100%;min-inline-size:0;display:block;border-radius:11px!important}.ot-time-grid input:read-only{color:#505258;cursor:default;background:#f5f7fa}.ot-time-display{box-sizing:border-box;color:#1f2430;font-variant-numeric:tabular-nums;background:#f5f7fa;border:1.5px solid #bec6d1;border-radius:11px;justify-content:center;align-items:center;width:100%;height:47px;font-size:17px;font-weight:900;display:flex}.ot-end-limit-note{border-radius:10px;margin:-5px 0 0;padding:9px 11px;font-size:12px;font-weight:700;line-height:1.45}.ot-end-limit-note.valid{color:#0b4a88;background:#eef5ff}.ot-end-limit-note.invalid{color:#a43c2d;background:#fff0ed}.ot-excluded-note{color:#7b550f;background:#fff8e8;border:1px solid #f0d7ad;border-radius:11px;margin:0;padding:10px 12px;font-size:12px;font-weight:700;line-height:1.55}.ot-plan-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.ot-plan-grid label{color:#505258;gap:6px;font-size:12px;font-weight:700;display:grid}.ot-plan-summary{color:#914334;background:#fff3ef;border-radius:10px;margin:0;padding:9px 11px;font-size:12px}.ot-plan-summary.matched{color:#24623d;background:#eaf6ee}.ot-plan-summary b{font-weight:900}.ot-external-employee{background:#f7f9fb;border:1px solid #d4dbe5;border-radius:14px;gap:9px;padding:12px;display:grid}.ot-external-employee>div:first-child strong,.ot-external-employee>div:first-child small{display:block}.ot-external-employee>div:first-child strong{color:#1f2430;font-size:12px}.ot-external-employee>div:first-child small{color:#6d7178;margin-top:3px;font-size:12px}.ot-external-employee>div:last-child{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.ot-external-employee button{color:#fff;background:#0b376f;border:0;border-radius:11px;min-width:66px;font-size:12px;font-weight:800}.ot-external-employee button:disabled{cursor:not-allowed;background:#acb4bf}.ot-selection-notice{color:#0b4a88;background:#eef5ff;border-radius:10px;margin:-5px 0 0;padding:9px 11px;font-size:12px;font-weight:700}.ot-employee-picker{background:#f7f9fb;border:1px solid #d4dbe5;border-radius:14px;gap:8px;margin:0;padding:12px;display:grid}.ot-employee-picker legend{color:#1f2430;padding:0 5px;font-size:12px;font-weight:800}.ot-employee-picker legend b{color:#0b376f}.ot-select-all{justify-self:end;font-size:12px}.ot-employee-picker>label{color:#1f2430;cursor:pointer;background:#fff;border:1px solid #dde3eb;border-radius:11px;align-items:center;gap:10px;padding:10px;display:flex}.ot-employee-picker>label.external{background:#f2f7ff;border-color:#adc7e7}.ot-employee-picker>label:has(input:disabled){cursor:not-allowed;opacity:.55}.ot-employee-picker input{accent-color:#0b376f;flex:none;width:19px;height:19px}.ot-employee-picker span{min-width:0}.ot-employee-picker strong,.ot-employee-picker small{display:block}.ot-employee-picker strong{font-size:13px}.ot-employee-picker small{color:#6d7178;margin-top:3px;font-size:12px}.employee-roster-actions{justify-content:space-between;align-items:center;gap:10px;margin:16px 0 8px;display:flex}.employee-roster-actions p{color:#1f2430;margin:0;font-size:13px;font-weight:800}.employee-roster-actions .button{color:#0b376f;border-color:#c6d3e4;padding:9px 11px;font-size:12px;font-weight:800}.employee-heading{position:relative}.employee-manage-button{color:#0b376f;background:#fff;border:1px solid #c9d5e5;border-radius:9px;align-self:flex-start;margin-left:auto;padding:7px 9px;font-size:12px;font-weight:800}.attendance-row.temporary{background:#f7fbff;border-color:#9ebce2}.temporary-badge{color:#0b4a88;background:#e6f0ff;border-radius:999px;margin-left:5px;padding:3px 7px;font-size:12px;font-weight:800;display:inline-flex}.employee-directory-search{background:#f7f9fb;border:1.5px solid #c7d1df;border-radius:16px;gap:9px;margin-top:14px;padding:13px;display:grid}.employee-directory-search>div:first-child strong,.employee-directory-search>div:first-child small{display:block}.employee-directory-search>div:first-child strong{color:#1f2430;font-size:12px}.employee-directory-search>div:first-child small{color:#6d7178;margin-top:4px;font-size:12px;line-height:1.5}.employee-combobox{position:relative}.employee-combobox>input{color:#1f2430;background:#fff;border:1.5px solid #b9c5d4;border-radius:11px;width:100%;height:48px;padding:0 12px;font-size:14px}.employee-combobox-list{z-index:30;background:#fff;border:1.5px solid #b9c5d4;border-radius:13px;max-height:250px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 18px 36px #10182829}.employee-combobox-list button{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0f4;width:100%;padding:11px 12px;display:block}.employee-combobox-list button:last-child{border-bottom:0}.employee-combobox-list button:active{background:#edf4ff}.employee-combobox-list strong,.employee-combobox-list small{display:block}.employee-combobox-list strong{font-size:12px}.employee-combobox-list small{color:#6d7178;margin-top:3px;font-size:12px}.employee-combobox-list p{color:#6d7178;margin:0;padding:14px;font-size:12px}.employee-combobox-list p.error{color:#a43c2d}.employee-manager-backdrop{z-index:130;box-sizing:border-box;width:100%;max-width:none;height:100dvh;min-height:100svh;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));overscroll-behavior:contain;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a75;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0;overflow:hidden}.employee-manager-dialog{box-sizing:border-box;overscroll-behavior:contain;background:#fff;border-radius:22px;width:min(100%,440px);max-width:100%;max-height:calc(100dvh - 36px);padding:18px;overflow:auto;box-shadow:0 28px 80px #0f172a47}.employee-manager-dialog>header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.employee-manager-dialog>header small{color:#6d7178;letter-spacing:.11em;font-size:12px;font-weight:900}.employee-manager-dialog>header h2{margin:3px 0 0;font-size:20px}.employee-manager-dialog>header button{color:#0b376f;background:#fff;border:1px solid #c5cfdd;border-radius:50%;width:34px;height:34px;font-size:21px}.employee-manager-dialog>label,.employee-manager-grid label{color:#505258;gap:6px;margin-top:11px;font-size:12px;font-weight:700;display:grid}.employee-manager-dialog input,.employee-manager-dialog select{color:#1f2430;background:#fff;border:1.5px solid #bec6d1;border-radius:11px;width:100%;height:47px;padding:0 11px}.employee-manager-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.employee-manager-error{color:#a43c2d;background:#fff0ed;border-radius:10px;padding:10px;font-size:12px}.employee-manager-dialog .primary-button{min-height:52px;margin-top:18px}.employee-manager-danger{grid-template-columns:1fr 1fr;gap:9px;margin-top:12px;display:grid}.employee-manager-danger button{color:#9b3328;background:#fff7f5;border:1px solid #e2b8b3;border-radius:11px;min-height:44px;font-size:12px;font-weight:800}.ot-history>header>b{color:#fff;background:#0b376f;border-radius:50%;place-items:center;min-width:31px;height:31px;font-size:12px;display:grid}.ot-request-list{gap:9px;display:grid}.ot-request-list article{background:#f9fafb;border:1px solid #d7dee8;border-radius:13px;padding:12px}.ot-request-list article>div:first-child{justify-content:space-between;align-items:center;gap:8px;display:flex}.ot-request-list article>strong{margin-top:9px;font-size:13px;display:block}.ot-request-list article>p{color:#64676e;margin:4px 0 0;font-size:12px}.ot-status{color:#505358;background:#edf1f5;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:900}.ot-status.submitted{color:#88570b;background:#fff2d8}.ot-status.approved{color:#25623c;background:#e6f5eb}.ot-status.rejected,.ot-status.cancelled{color:#9f2f37;background:#fdeaea}.ot-status.closed{color:#1f2430;background:#e8edf4}.ot-approval-actions{gap:7px;margin-top:10px;justify-content:flex-start!important;display:flex!important}.ot-approval-actions .button{padding:8px 11px;font-size:12px}.multi-section-title+.multi-oee-summary{margin-top:0}.oee-assignee-card{background:#fff;border:1.5px solid #bec6d1;border-radius:22px;gap:14px;padding:16px;display:grid;box-shadow:0 8px 24px #1113170b}.employee-multi-picker{background:#f7f9fb;border:1px solid #d5dce6;border-radius:16px;gap:9px;padding:13px;display:grid}.employee-picker-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.employee-picker-heading strong,.employee-picker-heading small{display:block}.employee-picker-heading strong{color:#1f2430;font-size:12px}.employee-picker-heading small{color:#6d7178;margin-top:4px;font-size:12px;line-height:1.5}.employee-picker-heading>span{color:#0b376f;background:#e8f0fc;border-radius:999px;flex:none;padding:5px 8px;font-size:12px;font-weight:900}.oee-assignee-card .employee-combobox{position:relative}.oee-assignee-card .employee-combobox>input{height:48px;padding:0 46px 0 12px}.employee-picker-toggle{z-index:2;color:#0b376f;cursor:pointer;background:#edf2f8;border:0;border-radius:10px;width:36px;height:36px;font-size:21px;position:absolute;top:6px;right:6px}.employee-picker-toggle:disabled{opacity:.5}.employee-picker-list{z-index:40;background:#fff;border:1.5px solid #aebdce;border-radius:14px;max-height:270px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 18px 38px #0f172a2e}.employee-picker-list button{color:#1f2430;text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf0f4;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:9px;width:100%;padding:11px 12px;display:grid}.employee-picker-list button:last-of-type{border-bottom:0}.employee-picker-list button:hover,.employee-picker-list button:focus-visible,.employee-picker-list button.selected{background:#edf4ff}.employee-option-check{color:#fff;border:1.5px solid #aeb9c9;border-radius:7px;place-items:center;width:21px;height:21px;font-size:12px;font-weight:900;display:grid}.employee-picker-list button.selected .employee-option-check{background:#0b376f;border-color:#0b376f}.employee-picker-list b,.employee-picker-list small{display:block}.employee-picker-list b{font-size:12px}.employee-picker-list small{color:#6d7178;margin-top:3px;font-size:12px}.employee-picker-empty{color:#6d7178;text-align:center;margin:0;padding:15px;font-size:12px}.assigned-employee-summary{background:#f2f6fb;border:1px solid #cbd6e4;border-radius:16px;padding:13px}.assigned-employee-summary>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.assigned-employee-summary>div strong{font-size:12px}.assigned-employee-summary>div span{color:#0b376f;font-size:12px;font-weight:900}.assigned-employee-summary>p{color:#6d7178;text-align:center;margin:13px 0 2px;font-size:12px}.assigned-employee-summary ul{gap:7px;margin:11px 0 0;padding:0;list-style:none;display:grid}.assigned-employee-summary li{background:#fff;border:1px solid #d9e0e9;border-radius:12px;grid-template-columns:minmax(0,1fr) auto 30px;align-items:center;gap:8px;padding:10px;display:grid}.assigned-employee-summary li b,.assigned-employee-summary li small{display:block}.assigned-employee-summary li b{font-size:12px}.assigned-employee-summary li small{color:#6d7178;margin-top:3px;font-size:12px}.assigned-employee-summary li em{color:#0b376f;white-space:nowrap;background:#e8f0fc;border-radius:999px;padding:5px 7px;font-size:12px;font-style:normal;font-weight:900}.assigned-employee-summary li em.temporary{color:#8c5709;background:#fff0df}.assigned-employee-summary li button{color:#6d7178;cursor:pointer;background:#fff;border:1px solid #d4dbe5;border-radius:9px;width:30px;height:30px;font-size:18px}.oee-assignment-editor{gap:14px;margin-top:20px;display:grid}.oee-assignment-editor>.employee-multi-picker{background:#fff;border-width:1.5px}.oee-assignment-editor>.employee-multi-picker:nth-child(2){background:#fffaf3;border-color:#ead4b5}.line-employee-list-picker{background:#fff;border:1.5px solid #d5dce6;border-radius:16px;gap:11px;padding:13px;display:grid}.line-employee-visible-list{gap:7px;display:grid}.line-employee-visible-list>button{color:#1f2430;text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #dce2ea;border-radius:12px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:9px;width:100%;padding:11px 12px;display:grid}.line-employee-visible-list>button:hover,.line-employee-visible-list>button:focus-visible,.line-employee-visible-list>button.selected{background:#edf4ff;border-color:#a9bfdc}.line-employee-visible-list>button.selected .employee-option-check{background:#0b376f;border-color:#0b376f}.line-employee-visible-list>button:disabled{cursor:wait;opacity:.65}.line-employee-visible-list b,.line-employee-visible-list small{display:block}.line-employee-visible-list b{font-size:12px}.line-employee-visible-list small{color:#6d7178;margin-top:3px;font-size:12px}.line-employee-visible-list>.employee-picker-empty{padding:12px}.oee-assignment-editor>.assigned-employee-summary{margin-top:2px}.oee-assignment-sync-note{color:#0b4a88;background:#edf5ff;border:1px solid #c9d8eb;border-radius:12px;margin:0;padding:11px 13px;font-size:12px;font-weight:700;line-height:1.6}.oee-assignment-editor>.primary-button{min-height:54px;margin-top:0}@media (width<=560px){.ot-time-grid{grid-template-columns:1fr}}.settings-menu-list{gap:12px;display:grid}.settings-menu-list>button{color:#1f2430;text-align:left;width:100%;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd6e5;border-radius:18px;grid-template-rows:auto auto;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;column-gap:13px;padding:16px;display:grid;box-shadow:0 8px 20px #173b6810}.settings-menu-list>button>span{color:#0d4d8d;background:#edf5ff;border-radius:14px;grid-row:1/3;place-items:center;width:46px;height:46px;font-size:22px;display:grid}.settings-menu-list>button>strong{font-size:14px}.settings-menu-list>button>small{color:#6d7178;font-size:12px;line-height:1.45}.settings-menu-list>button>b{color:#164f8d;grid-area:1/3/3;font-size:18px}.settings-pending-note{color:#8a5700;background:#fff7df;border-radius:12px;margin:10px 0 0;padding:11px 12px;font-size:12px;font-weight:700}.signature-settings-card .signature-state{gap:10px;margin-bottom:14px;display:grid}.signature-settings-card .signature-state img{object-fit:contain;background:#fff;border:1px solid #dbe3ef;border-radius:14px;width:100%;max-height:130px;display:block}.signature-settings-card .signature-content,.signature-settings-card .primary-button{padding:0}.signature-settings-card .signature-card{margin:0}.mobile-settings>.settings-logout{width:100%;margin-top:18px}@media (width<=560px){.notification-modal-backdrop{align-items:flex-end;padding:12px}.notification-screen.notification-modal{border-radius:24px 24px 18px 18px;max-height:88dvh}.notification-modal-header h1{font-size:23px}}@media (width<=390px){.manpower-entry-card{grid-template-columns:48px minmax(0,1fr) 17px;min-height:132px;padding:16px}.manpower-entry-icon{width:48px;height:48px}.ot-work-unit-card{grid-template-columns:44px minmax(0,1fr) 17px}.ot-work-unit-card-icon{width:44px;height:44px}.ot-work-unit-card>b{grid-column:2}.ot-work-unit-card>svg{grid-area:1/3/3}.work-unit-group>header{align-items:flex-start}.ot-form,.ot-history{padding:13px}.ot-time-option-picker>div{grid-template-columns:1fr}.ot-time-option-picker button{min-height:60px}.ot-plan-grid{grid-template-columns:1fr}}.supervisor-review-card{background:linear-gradient(145deg,#fffdf7,#fff7df);border-color:#f2c56d;position:relative}.module-icon.amber{color:#9a5b00;background:#fff0c7}.module-count-badge{color:#fff;background:#e96f00;border-radius:999px;place-items:center;min-width:25px;height:25px;padding:0 7px;font-size:12px;display:grid;position:absolute;top:18px;right:42px;box-shadow:0 5px 14px #e96f0040}.oee-review-screen{gap:18px;display:grid}.oee-review-toolbar{border:1px solid var(--line,#d5dfec);background:#f6f9fd;border-radius:16px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.oee-review-toolbar span{color:#123f77;font-weight:800}.oee-review-list{gap:15px;display:grid}.oee-review-card{background:#fff;border:1px solid #c8d5e5;border-radius:22px;padding:18px;box-shadow:0 12px 28px #173c6810}.oee-review-card.is-pending_review{border-color:#e9b555}.oee-review-card.is-verified{background:#fbfffc;border-color:#77bd97}.oee-review-card.is-returned{background:#fffdfc;border-color:#e8a79c}.oee-review-card header,.oee-review-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.oee-review-card h2{margin:12px 0 5px;font-size:20px}.oee-review-card-controls{flex-wrap:wrap;align-items:stretch;gap:9px;margin:10px 0 12px;display:flex}.oee-review-card-controls .button{flex:145px;min-height:44px}.oee-review-card-controls .oee-review-approve{color:#fff;background:#0b376f;border-color:#0b376f;font-weight:900;box-shadow:0 6px 16px #0b376f30}.oee-review-card-controls .oee-review-approve:hover,.oee-review-card-controls .oee-review-approve:hover:not(:disabled){background:#072a57;border-color:#072a57}.manpower-entry-card:disabled{cursor:not-allowed;opacity:.62;box-shadow:none;transform:none}.oee-review-card p{color:#60646a;margin:4px 0}.oee-review-status{color:#8a5200;background:#fff2d7;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.is-verified .oee-review-status{color:#216e42;background:#e6f7ed}.is-returned .oee-review-status{color:#a84435;background:#ffebe7}.oee-review-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0;display:grid}.oee-review-metrics span{background:#f4f7fb;border-radius:13px;gap:3px;padding:10px;display:grid}.oee-review-metrics small{color:#6d7178}.oee-review-metrics b{font-size:18px}.oee-review-card label{gap:7px;margin-top:10px;font-weight:700;display:grid}.oee-review-card textarea{box-sizing:border-box;width:100%;font:inherit;resize:vertical;border:1px solid #c8d5e5;border-radius:12px;padding:11px}.oee-review-actions{margin-top:12px}.oee-review-actions .button{flex:1}.oee-review-decision{background:#f3f7fb;border-radius:12px;padding:10px;margin-top:12px!important}.supervisor-footer{align-items:center}.supervisor-team-picker{align-items:center;gap:6px;display:flex}.supervisor-team-picker span{color:#505258;margin-right:2px;font-size:12px;font-weight:900}.supervisor-team-picker button{color:#1f2430;background:#fff;border:1px solid #c7d2df;border-radius:10px;min-width:36px;min-height:34px;padding:0 9px;font-size:12px;font-weight:900}.supervisor-team-picker button.active{color:#fff;background:#174f8b;border-color:#174f8b}.supervisor-team-picker+button{margin-left:auto}@media (width<=390px){.ot-role-card{padding:15px}.ot-role-card-main{grid-template-columns:44px minmax(0,1fr)}.ot-role-card-icon{width:44px;height:44px}.ot-role-card-footer{flex-direction:column;align-items:stretch}.supervisor-team-picker{justify-content:flex-start}.supervisor-team-picker+button{width:100%;margin-left:0}.ot-role-card-footer>button{width:100%}}.ot-time-option-picker button:nth-child(3){grid-column:1/-1}.no-plan-toggle{color:#193e67;width:100%;min-height:48px;font:inherit;text-align:left;background:#fff;border:1px solid #a8bbd2;border-radius:12px;margin:12px 0;padding:12px 16px;font-weight:700}.no-plan-toggle.active,.no-plan-notice{color:#193e67;background:#edf3fb}.no-plan-notice{border:1px solid #ccdaeb;border-radius:12px;padding:16px}.no-plan-toggle:focus-visible{outline-offset:2px;outline:3px solid #2b6fba}.connected-mobile .oee-line-card.has-draft{background:#fff8e6;border-color:#f0c766}.connected-mobile .oee-line-card.has-draft>b{color:#8a5a00;background:#ffeab3;border-radius:999px;padding:4px 10px}.connected-mobile .attendance-status-button{text-align:center;justify-content:center;font-weight:700;line-height:1.2}.connected-mobile .attendance-status-button>span{width:auto}.connected-mobile .attendance-status-button.present{color:#1d7a45}.connected-mobile .attendance-status-button.leave{color:#1f5fae}.connected-mobile .attendance-status-button.absent{color:#b3261e}.connected-mobile .attendance-status-button.late{color:#a35700;flex-direction:column;gap:0}.connected-mobile .attendance-status-button.late>span{display:none}.connected-mobile .attendance-status-button.active{color:#fff}.connected-mobile .attendance-status-button.present.active{background:#1d7a45;border-color:#1d7a45;box-shadow:0 6px 14px #1d7a4538}.connected-mobile .attendance-status-button.leave.active{background:#1f5fae;border-color:#1f5fae;box-shadow:0 6px 14px #1f5fae38}.connected-mobile .attendance-status-button.absent.active{background:#b3261e;border-color:#b3261e;box-shadow:0 6px 14px #b3261e38}.connected-mobile .attendance-status-button.late.active{background:#a35700;border-color:#a35700;box-shadow:0 6px 14px #a3570038}.connected-mobile .attendance-late-time{opacity:.95;font-size:12px;font-weight:700;display:block}.connected-mobile .attendance-summary .is-present b,.connected-mobile .attendance-summary .is-present small{color:#1d7a45}.connected-mobile .attendance-summary .is-leave b,.connected-mobile .attendance-summary .is-leave small{color:#1f5fae}.connected-mobile .attendance-summary .is-absent b,.connected-mobile .attendance-summary .is-absent small{color:#b3261e}.connected-mobile .attendance-summary .is-late b,.connected-mobile .attendance-summary .is-late small{color:#a35700}.employee-manager-dialog .employee-code-input{border-width:2px;height:52px;font-size:16px;font-weight:600}.employee-manager-dialog .employee-code-input.lookup-found,.employee-manager-dialog .employee-code-input.lookup-found:focus{border-color:#1d7a45;outline:none}.employee-manager-dialog .employee-code-input.lookup-move,.employee-manager-dialog .employee-code-input.lookup-move:focus{border-color:#c56a00;outline:none}.employee-manager-dialog .employee-code-input.lookup-none,.employee-manager-dialog .employee-code-input.lookup-here{border-color:#8fb2dc}.employee-lookup{border-radius:12px;gap:8px;margin:10px 0 0;padding:10px 12px;font-size:12.5px;line-height:1.5;display:flex}.employee-lookup.is-searching{color:#5e6168;background:#f4f6f9}.employee-lookup.is-new{color:#43454a;background:#eef3f9}.employee-lookup.is-found{color:#135c33;background:#e6f5ec;flex-direction:column;gap:2px}.employee-lookup.is-here{color:#43454a;background:#eef3f9;flex-direction:column;gap:2px}.employee-lookup.is-move{color:#6f3d00;background:#fff1dc;flex-direction:column;gap:4px}.employee-lookup-card{background:#f7fafc;border:1px solid #e1e8f1;border-radius:14px;gap:4px;margin:10px 0 0;padding:12px 14px;display:grid}.employee-lookup-card div{font-size:13px;display:flex}.employee-lookup-card dt{color:#5e6168;flex:none;width:92px}.employee-lookup-card dd{overflow-wrap:anywhere;margin:0;font-weight:700}.employee-manager-dialog .primary-button.is-move{background:#c56a00}.oee-review-score{background:#f2f6fb;border-radius:14px;align-items:center;gap:14px;margin:10px 0 4px;padding:12px 14px;display:flex}.oee-review-score>span{gap:2px;display:grid}.oee-review-score small{color:#5e6168;font-size:12px;font-weight:700}.oee-review-score strong{color:#0b376f;font-size:30px;line-height:1.05}.oee-review-score dl{gap:12px;margin:0 0 0 auto;display:flex}.oee-review-score dl div{text-align:right;gap:1px;display:grid}.oee-review-score dt{color:#5e6168;font-size:12px;font-weight:700}.oee-review-score dd{color:#1f2430;margin:0;font-size:13px;font-weight:700}.oee-review-card .oee-review-card-controls{margin:12px 0 0}.record-review{color:#5e6168;margin:6px 0 0;font-size:12.5px;font-weight:700}.record-review.is-verified{color:#1d7a45}.record-review.is-pending_review{color:#a35700}.record-review.is-returned{color:#b3261e}.oee-line-search{margin:4px 0 14px;display:block;position:relative}.oee-line-search input{box-sizing:border-box;width:100%;min-height:48px;font:inherit;color:#1f2430;background:#fff;border:1.5px solid #c5cfdd;border-radius:14px;padding:0 44px 0 14px;font-size:16px}.oee-line-search input:focus{border-color:#2964a9;outline:none;box-shadow:0 0 0 3px #2964a926}.oee-line-search button{color:#5e6168;background:0 0;border:0;border-radius:10px;width:40px;height:40px;font-size:22px;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.history-range-chips{gap:8px}.history-range-chips button{min-height:44px;padding:0 16px;font-size:13px;font-weight:600}.history-filter-bar .button,.history-filter-bar>button,.record-card .button{min-height:44px;font-size:13px}.history-tools{font-size:12px}.history-tools button,.history-tools .button{min-height:44px;padding:0 14px;font-size:13px}.notification-badge{font-size:10px}.live-mobile .home-greeting small,.live-mobile .full-date-field span,.live-mobile .full-date-field small,.live-mobile button>small,.live-mobile .connection-note .text-link,.live-mobile .work-heading .kicker,.live-mobile .staffing-std small,.live-mobile .attendance-unit-line small,.live-mobile .employee-bus-route-picker label,.live-mobile .employee-bus-route-picker small,.live-mobile .broadcast-kicker{font-size:12px}.live-mobile .oee-review-toolbar .button,.live-mobile .oee-review-card-controls .button,.live-mobile .oee-review-actions .button{font-size:13px}.live-mobile .notification-badge{font-size:10px}.live-mobile.connected-mobile .full-date-field>span,.connected-mobile .live-mobile .full-date-field>span,.live-mobile .full-date-field>span,.connected-mobile .full-date-field>span,.connected-mobile .full-date-field small,.connected-mobile .shift-button-group button small,.live-mobile .shift-button-group button small,.employee-manager-dialog .employee-bus-route-picker label,.employee-manager-dialog .employee-bus-route-picker small,html body .full-date-field small,html body .employee-manager-dialog .employee-bus-route-picker label,html body .employee-manager-dialog .employee-bus-route-picker small,html body .employee-bus-route-picker label,html body .employee-bus-route-picker small,html body .connected-mobile .full-date-field small{font-size:12px}.live-mobile .history-filter-bar select,.live-mobile .history-filter-bar input{min-height:44px}.oee-line-search input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.live-mobile .history-range-chips{flex-wrap:wrap;overflow:visible}.live-mobile .record-card>p.record-review{font-weight:700;line-height:1.5}.live-mobile .record-card>p.record-review.is-verified{color:#1d7a45}.live-mobile .record-card>p.record-review.is-pending_review{color:#a35700}.live-mobile .record-card>p.record-review.is-returned{color:#b3261e}.no-plan-toggle{cursor:pointer;background:#f7f9fc;border:1px solid #c9d6e6;align-items:center;gap:12px;min-height:56px;display:flex}.no-plan-toggle .no-plan-switch{background:#c3cfdd;border-radius:999px;flex:none;width:40px;height:24px;transition:background-color .15s;position:relative}.no-plan-toggle .no-plan-switch i{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0f172a33}.no-plan-toggle.active .no-plan-switch{background:#0b376f}.no-plan-toggle.active .no-plan-switch i{transform:translate(16px)}.no-plan-toggle .no-plan-text{gap:2px;min-width:0;display:grid}.no-plan-toggle .no-plan-text b{color:#193e67;font-size:15px;font-weight:700}.no-plan-toggle .no-plan-text small{color:#5e6168;font-size:12px;font-weight:500}.no-plan-toggle.active{border-color:#0b376f}@media (prefers-reduced-motion:reduce){.no-plan-toggle .no-plan-switch,.no-plan-toggle .no-plan-switch i{transition:none}}.oee-context-blue>div>:is(small,strong){grid-column:1}.connected-mobile input[type=time]{appearance:none;box-sizing:border-box;min-width:0;max-width:100%}.connected-mobile .ot-time-grid .ot-time-input{color:#1f2430;text-align-last:center;background:#fff;border:1.5px solid #bec6d1;justify-content:center;align-items:center;width:100%;height:47px;font-weight:900;line-height:1;position:relative;text-align:center!important;padding:0 12px!important;font-size:17px!important;display:flex!important}.connected-mobile .ot-time-grid .ot-time-input:focus-visible{outline-offset:1px;outline:3px solid #2b6fba}html body .live-mobile .home-work-context{box-shadow:none;background:#fff;border:1px solid #d6e0ec;border-radius:18px;flex-direction:column;gap:12px;margin:0 0 20px;padding:14px;display:flex}html body .live-mobile .home-work-context.is-off-current{border:2px solid #c27a12;padding:13px}html body .live-mobile .home-work-context .work-context-title{margin:0}html body .live-mobile .work-context-status{border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;line-height:1.5;display:inline-flex}html body .live-mobile .work-context-status.is-auto{color:#1f6e46;background:#e6f6ee}html body .live-mobile .work-context-status.is-auto>i{background:#1f9d5c;border-radius:50%;width:7px;height:7px}html body .live-mobile .work-context-status.is-manual{color:#7a4a05;background:#fff4df;font-weight:700}html body .live-mobile .work-context-status svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:13px;height:13px}html body .live-mobile .home-work-context .full-date-field{background:#f3f6fa;border:1px solid #d6e0ec;border-radius:14px;align-items:center;gap:8px;margin:0;padding:10px 12px;display:flex;position:relative}html body .live-mobile .home-work-context .full-date-field output{color:#1f2430;flex:auto;min-width:0;font-size:15px;font-weight:700}html body .live-mobile .home-work-context .full-date-field .date-change-action{color:#fff;white-space:nowrap;background:#193e67;border-radius:10px;flex:none;align-items:center;gap:6px;height:40px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}html body .live-mobile .home-work-context .date-change-action svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}html body .live-mobile .home-work-context .shift-button-group{margin:0}html body .live-mobile .home-work-context .work-reset-link{color:#7a4a05;text-underline-offset:3px;align-self:flex-start;min-height:44px;margin:-6px 0 -8px;padding:0;font-size:13px;font-weight:700;text-decoration:underline}.ot-work-unit-card.has-draft{background:#fff8e6;border-color:#f0c766}.ot-work-unit-card.has-draft>b{color:#8a5a00;background:#ffeab3;border-color:#f0c766}.ot-draft-pill{color:#8a5a00;background:#ffeab3;border-radius:999px;align-items:center;min-height:30px;margin-left:6px;margin-right:auto;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.ot-form>.draft-restored{margin:0}.record-type.ot{color:#8a5a12;background:#fff4dc}.history-ot-card p{color:#6d7178;overflow-wrap:anywhere;margin:4px 0 0;font-size:12px}.history-ot-card h3{margin:12px 0 4px;font-size:14px}.history-ot-status{background:#eef0f4;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:700;color:#54575d!important}.history-ot-status.is-approved,.history-ot-status.is-closed{background:#e6f4ed;color:#25714b!important}.history-ot-status.is-submitted{background:#eef3ff;color:#3e5f9c!important}.history-ot-status.is-rejected{background:#fff0ed;color:#a43828!important}.history-ot-reject{color:#a43828!important}.history-ot-people{margin-top:8px;font-size:12px}.history-ot-people summary{cursor:pointer;color:#56409c;align-items:center;min-height:32px;font-weight:600;display:flex}.history-ot-more{color:#6d7178;text-align:center;margin:12px 0;font-size:12px}.returned-bar,.returned-strip{background:#fff6f5;border:1.5px solid #e8968e;border-radius:14px;margin:0 0 12px;overflow:hidden}.returned-bar>button{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto auto 1fr auto;align-items:center;gap:8px;padding:10px 14px;display:grid}.returned-bar>button>span{color:#fff;background:#b3261e;border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;font-weight:800;display:grid}.returned-bar>button>strong{color:#8c1d18;white-space:nowrap;font-size:14.5px}.returned-bar>button>small{text-overflow:ellipsis;white-space:nowrap;color:#6b4744;min-width:0;font-size:12.5px;overflow:hidden}.returned-bar>button>b{color:#b3261e;font-size:16px}.returned-bar ul,.returned-strip ul{gap:6px;margin:0;padding:0 8px 8px;list-style:none;display:grid}.returned-bar li button,.returned-strip li button{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:#fff;border:1px solid #f3cfcb;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.returned-bar li button:disabled,.returned-strip li button:disabled{opacity:.6}.returned-bar li span,.returned-strip li span{gap:2px;min-width:0;display:grid}.returned-bar li strong,.returned-strip li strong{color:#1f2430;overflow-wrap:anywhere;font-size:14px}.returned-bar li small,.returned-strip li small{color:#5e6168;font-size:12px}.returned-bar li em,.returned-strip li em{color:#b3261e;overflow-wrap:anywhere;font-size:12.5px;font-style:normal;font-weight:700;line-height:1.45}.returned-bar li b,.returned-strip li b{color:#b3261e;flex:none;font-size:13px}.returned-strip-head{color:#8c1d18;margin:0;padding:10px 14px;font-size:14px;font-weight:800}.connected-mobile .oee-line-card.is-returned{background:#fff6f5;border-color:#e8968e}.connected-mobile .oee-line-card.is-returned>b{color:#fff;background:#b3261e;border-radius:999px;padding:4px 10px}.line-returned-reason{color:#b3261e;overflow-wrap:anywhere;margin-top:4px;font-size:12.5px;font-style:normal;font-weight:700;line-height:1.4;display:block}.returned-banner{background:#fff6f5;border:1.5px solid #e8968e;border-left:5px solid #b3261e;border-radius:14px;gap:4px;margin:0 0 14px;padding:14px 16px;display:grid}.returned-banner>small{color:#6b4744;font-size:12.5px;line-height:1.45}.returned-banner .returned-kicker{color:#b3261e;font-weight:800}.returned-banner .returned-reason{color:#1f2430;overflow-wrap:anywhere;margin:0;font-size:17px;font-weight:800;line-height:1.45}.returned-float{top:max(8px,env(safe-area-inset-top));z-index:60;color:#8c1d18;-webkit-line-clamp:2;background:#fff6f5;border:1.5px solid #e8968e;border-left:5px solid #b3261e;border-radius:12px;-webkit-box-orient:vertical;max-width:520px;margin:0 auto;padding:9px 14px;font-size:13.5px;font-weight:800;line-height:1.4;display:-webkit-box;position:fixed;left:12px;right:12px;overflow:hidden;box-shadow:0 8px 22px #b3261e2e}@media (prefers-reduced-motion:no-preference){.returned-float{animation:.16s ease-out returned-float-in}}@keyframes returned-float-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}html,body{touch-action:manipulation;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}.scroll-to-end{right:16px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:40;color:#fff;font:inherit;cursor:pointer;background:#0f2f5c;border:0;border-radius:999px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:800;display:inline-flex;position:fixed;box-shadow:0 8px 22px #0f2f5c40}.scroll-to-end>span{font-size:16px}.notification-card-copy small{white-space:pre-line}.oee-review-noplan{color:#3a3f48;vertical-align:middle;background:#eef0f3;border-radius:999px;margin-left:8px;padding:2px 10px;font-size:12px;font-weight:800;display:inline-block}.oee-review-noplan-note{color:#3a3f48;background:#f4f5f7;border-radius:12px;margin:6px 0 4px;padding:10px 12px;font-size:13px}.ot-edit-actions{justify-content:flex-end;margin-top:8px;display:flex}.ot-edit-actions .button{border-radius:12px;min-height:40px;padding:0 18px;font-weight:700}.ot-edit-banner{background:#fff7ec;border:1px solid #f3c98b;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:12px 14px;display:flex}.ot-edit-banner span{flex-direction:column;gap:2px;min-width:0;display:flex}.ot-edit-banner strong{color:#7a4100;font-size:14px}.ot-edit-banner small{color:#5b4a36;font-size:12px}.ot-edit-banner .button{border-radius:10px;flex:none;min-height:38px;padding:0 12px;font-size:13px}.ot-form.is-editing{box-shadow:0 0 0 2px #f3c98b}.run-grid.one{grid-template-columns:1fr;gap:10px;margin-top:10px;display:grid}.quantity-field.rework .quantity-input input{background:#fffcf4!important;border-color:#f0d9a8!important}.quantity-field.rework .quantity-input>b{color:#9a5b00}.quantity-field.rework .quantity-input:focus-within input{border-color:#c98a1a!important;box-shadow:0 0 0 4px #c98a1a1f!important}.quantity-field.rework>small{color:#6b6f76;margin-top:5px;font-size:11.5px;font-weight:500;display:block}.home-col-side,.home-col-main{display:contents}.tablet-card{background:#fff;border:1px solid #d6e0ec;border-radius:18px;flex-direction:column;gap:10px;min-width:0;padding:12px 14px;display:flex}.tablet-card>header{justify-content:space-between;align-items:center;gap:10px;display:flex}.tablet-card>header strong{color:#1f2430;font-size:14.5px}.tablet-card>header span{color:#61646b;font-size:12.5px}.tablet-card ul{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tablet-empty{color:#61646b;margin:0;font-size:13px}.tablet-link{font:inherit;color:#0b376f;cursor:pointer;background:0 0;border:0;padding:0;font-size:12.5px;font-weight:700}.tablet-pill{white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:11.5px;font-weight:700;display:inline-block}.tablet-pill.is-verified{color:#15803d;background:#e9f7ef}.tablet-pill.is-pending{color:#a35700;background:#fff4df}.tablet-pill.is-returned{color:#fff;background:#b3261e}.tablet-pill.is-draft,.tablet-pill.is-none{color:#61646b;background:#f1f3f6}.tablet-line-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.tablet-line{text-align:left;min-width:0;font:inherit;color:#1f2430;cursor:pointer;background:#f3f6fa;border:1px solid #d6e0ec;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:8px 12px;display:flex}.tablet-line strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13.5px;overflow:hidden}.tablet-line span{border-radius:999px;padding:1px 8px;font-size:11.5px;font-weight:700}.tablet-line.is-returned{background:#fff6f5;border-color:#e8968e}.tablet-line.is-returned span{color:#fff;background:#b3261e}.tablet-line.is-verified span,.tablet-line.is-noPlan span{color:#15803d;background:#e9f7ef}.tablet-line.is-pending span,.tablet-line.is-saved span{color:#a35700;background:#fff4df}.tablet-line.is-draft{background:#fff8e6;border-color:#f0c766}.tablet-line.is-draft span{color:#8a5a00;background:#ffeab3}.tablet-line.is-none{background:#fff;border-style:dashed;border-color:#bec6d1}.tablet-line.is-none span{color:#61646b;background:#f1f3f6}.tablet-line:disabled{opacity:.7}.tablet-ot li button{width:100%;font:inherit;color:#1f2430;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #eef2f6;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}.tablet-ot li:last-child button{border-bottom:0}.tablet-more{color:#61646b;padding-top:4px;font-size:12px}.tablet-attendance-grid{font:inherit;text-align:center;cursor:pointer;background:#f3f6fa;border:1px solid #d6e0ec;border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:10px 6px;display:grid}.tablet-attendance-grid span{flex-direction:column;display:flex}.tablet-attendance-grid small{font-size:12px}.tablet-attendance-grid b{font-size:20px}.tablet-attendance-grid .is-present{color:#15803d}.tablet-attendance-grid .is-late{color:#a35700}.tablet-attendance-grid .is-leave{color:#1d4ed8}.tablet-attendance-grid .is-absent{color:#b42318}.tablet-news li button{width:100%;font:inherit;text-align:left;color:#1f2430;cursor:pointer;background:0 0;border:0;border-left:3px solid #d6e0ec;flex-direction:column;align-items:flex-start;gap:2px;margin:3px 0;padding:2px 0 2px 10px;display:flex}.tablet-news li button.is-important{border-left-color:#e5484d}.tablet-news li strong{font-size:13.5px}.tablet-news li small{color:#61646b;font-size:12px}@media (width>=700px){.live-mobile{max-width:900px;padding-left:32px;padding-right:32px}.redesigned-home{grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;gap:18px;display:grid}.redesigned-home .home-col-side>*,.redesigned-home .home-col-main>*{order:6;grid-column:1/-1;min-width:0;margin:0}.redesigned-home .home-greeting{order:1;grid-column:1/span 3;align-self:center}.redesigned-home .home-work-context{order:2;grid-column:4/span 3}.redesigned-home .home-heading{order:3}.redesigned-home .returned-bar{order:4}.redesigned-home .module-grid{order:5;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.redesigned-home .tablet-lines{order:7}.redesigned-home .tablet-ot{order:8;grid-column:span 2}.redesigned-home .tablet-attendance{order:9;grid-column:span 2}.redesigned-home .tablet-news{order:10;grid-column:span 2}.redesigned-home .tablet-attendance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oee-line-card-list,.ot-work-unit-card-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid!important}.oee-line-card-list>*,.ot-work-unit-card-list>*{margin:0!important}.oee-line-card{grid-template-columns:42px minmax(0,1fr) 16px;align-items:start}.oee-line-card>b{grid-area:2/2;justify-self:start}.oee-line-card>svg{grid-area:1/3}.form-grid,.returned-bar ul,.returned-strip ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1080px){.live-mobile{max-width:1240px;padding-left:40px;padding-right:40px}.redesigned-home{grid-template-columns:360px minmax(0,1fr);gap:30px}.redesigned-home .home-col-side{flex-direction:column;grid-column:1;gap:14px;display:flex;position:sticky;top:16px}.redesigned-home .home-col-main{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:14px;display:grid}.redesigned-home .home-col-side>*,.redesigned-home .home-col-main>*{order:0;grid-column:1/-1}.redesigned-home .home-greeting,.redesigned-home .home-work-context{grid-column:auto}.redesigned-home .tablet-ot,.redesigned-home .tablet-attendance{grid-column:span 1}.redesigned-home .tablet-attendance-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.redesigned-home .module-grid .module-card{min-height:150px}.oee-line-card-list,.ot-work-unit-card-list{grid-template-columns:repeat(3,minmax(0,1fr))}.live-mobile>form,.live-mobile>.returned-banner,.live-mobile>.work-heading,.live-mobile>.manpower-screen{max-width:960px;margin-left:auto;margin-right:auto}}.onboarding-steps{display:none}.review-card .review-edit{font:inherit;color:#0b376f;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0;font-size:12.5px;font-weight:800}@media (width>=700px){.onboarding-live-shell .device{width:min(100%,880px);box-shadow:none;background:0 0}.onboarding-live-shell .screen{padding-left:40px;padding-right:40px}.welcome-hero,.welcome-screen .auth-actions,.welcome-screen .install-app-button,.welcome-screen .privacy-note,.welcome-screen>.onboarding-error{width:min(100%,560px);margin-left:auto;margin-right:auto}.welcome-hero{text-align:center;flex-direction:column;align-items:center;display:flex}.onboarding-screen>form,.onboarding-screen>div:not(.app-header),.onboarding-screen>.onboarding-error{width:min(100%,720px);margin-left:auto;margin-right:auto}.onboarding-steps{width:min(100%,720px);margin:0 auto 18px;display:block}.onboarding-steps-kicker,.onboarding-steps-title,.onboarding-steps-note{display:none}.onboarding-steps ol{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px;margin:0;padding:0;list-style:none;display:grid}.onboarding-steps li{color:#61646b;border-top:6px solid #d6e0ec;border-radius:3px;flex-direction:column;gap:6px;padding-top:6px;font-size:13px;display:flex}.onboarding-steps li span{display:none}.onboarding-steps li small{color:#61646b;font-size:11.5px}.onboarding-steps li.is-done{border-top-color:#34c77b}.onboarding-steps li.is-current{color:#0b376f;border-top-color:#0b376f;font-weight:800}.onboarding-steps li b{font-weight:inherit}}@media (width>=1080px){.onboarding-live-shell .device{width:100%;max-width:none}.welcome-screen{grid-template-rows:auto 1fr auto auto auto auto 1fr;grid-template-columns:minmax(420px,44%) minmax(0,1fr);column-gap:64px;min-height:100vh;display:grid;padding:0 64px 0 0!important}.welcome-screen>.welcome-hero{text-align:left;color:#fff;background:linear-gradient(160deg,#123a6b 0%,#1a5bb0 100%);grid-area:1/1/-1;justify-content:center;align-items:flex-start;width:auto;margin:0;padding:48px}.welcome-screen>.welcome-hero h1{color:#fff}.welcome-screen>.welcome-hero .kicker{color:#c9d9f2}.welcome-screen>.welcome-hero .lead{color:#dbe6f7}.welcome-screen>.welcome-hero .welcome-mark{box-shadow:none;background:#ffffff24}.welcome-screen>:not(.welcome-hero){grid-column:2;width:min(100%,460px);margin-left:0}.welcome-screen>.welcome-topbar{align-self:start;width:auto;padding-top:40px}.welcome-screen>.auth-actions{grid-row:3}.welcome-screen>.install-app-button{grid-row:4;margin-top:10px}.welcome-screen>.onboarding-error{grid-row:5}.welcome-screen>.privacy-note{grid-row:6}.onboarding-screen{grid-template-columns:340px minmax(0,1fr);align-content:start;column-gap:56px;min-height:100vh;display:grid;padding:0 56px 32px 0!important}.onboarding-screen>*{grid-column:2}.onboarding-screen>.app-header{padding-top:32px}.onboarding-screen>.onboarding-back{justify-self:start;margin-top:4px}.onboarding-screen>.onboarding-steps{color:#fff;box-sizing:border-box;background:linear-gradient(160deg,#123a6b 0%,#1a5bb0 100%);flex-direction:column;grid-area:1/1/span 40;align-self:stretch;gap:22px;width:auto;min-height:100vh;margin:0;padding:36px 30px;display:flex;position:sticky;top:0}.onboarding-steps-kicker{letter-spacing:.16em;color:#c9d9f2;margin:0;font-size:12px;font-weight:700;display:block}.onboarding-steps-title{margin-top:-14px;font-size:24px;line-height:1.3;display:block}.onboarding-steps-note{color:#c9d9f2;margin:auto 0 0;font-size:13px;line-height:1.6;display:block}.onboarding-steps ol{grid-auto-flow:row;gap:6px}.onboarding-steps li{color:#dbe6f7;border:0;border-radius:14px;flex-direction:row;align-items:center;gap:12px;padding:10px 12px;font-size:15px}.onboarding-steps li span{border:1.5px solid #ffffff80;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:grid}.onboarding-steps li small{color:#c9d9f2;margin-left:auto}.onboarding-steps li.is-done span{color:#fff;background:#34c77b;border-color:#34c77b}.onboarding-steps li.is-current{color:#0b376f;background:#fff}.onboarding-steps li.is-current span{color:#fff;background:#0b376f;border-color:#0b376f}.onboarding-screen>form,.onboarding-screen>div:not(.app-header),.onboarding-screen>.onboarding-error{width:min(100%,760px);margin-left:0}}