/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.ms-1{margin-inline-start:calc(var(--spacing) * 1)}.ms-2{margin-inline-start:calc(var(--spacing) * 2)}.ms-3{margin-inline-start:calc(var(--spacing) * 3)}.ms-4{margin-inline-start:calc(var(--spacing) * 4)}.ms-5{margin-inline-start:calc(var(--spacing) * 5)}.block{display:block}.grid{display:grid}.hidden{display:none}.table{display:table}.border{border-style:var(--tw-border-style);border-width:1px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--b:#1742d0;--n:#10275d;--y:#ffd32f;--r:#e74b52;--g:#159b65;--ink:#132039;--muted:#6c788b;--line:#dbe2ec}.payroll-month-archive{background:linear-gradient(135deg,#f7faff,#eaf2ff);border:1px solid #91ace4;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin:14px 0;padding:16px 18px;display:flex}.schedule-and-notes{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:16px;display:grid}.schedule-and-notes .schedule-card{min-width:0}.schedule-change-notes{background:linear-gradient(150deg,#fff,#edf4ff);border:1px solid #9eb5df;border-radius:16px;gap:14px;padding:18px;display:grid;position:sticky;top:16px;box-shadow:0 10px 28px #173e8120}.schedule-change-notes header{gap:4px;display:grid}.schedule-change-notes small{color:#6d7d99;font-size:12px;font-weight:800}.schedule-change-notes header small{color:#1744d5;letter-spacing:.12em}.schedule-change-notes h2{color:#17356d;margin:0;font-size:20px}.schedule-change-notes textarea{resize:vertical;color:#172b4d;box-sizing:border-box;background:#fff;border:1px solid #bdcae0;border-radius:12px;width:100%;min-height:360px;padding:14px;font:600 14px/1.7 inherit}.schedule-change-notes textarea:focus{border-color:#1744d5;outline:3px solid #1744d525}.schedule-change-notes textarea:disabled{color:#42516b;background:#f7f9fc}.schedule-change-notes>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.schedule-change-notes button{color:#fff;cursor:pointer;background:#1744d5;border:0;border-radius:10px;padding:11px 17px;font-weight:900}.schedule-change-notes button:disabled{opacity:.55;cursor:wait}@media (width<=1100px){.schedule-and-notes{grid-template-columns:1fr}.schedule-change-notes{position:static}.schedule-change-notes textarea{min-height:180px}}.payroll-month-archive>div:first-child{gap:3px;display:grid}.payroll-month-archive b{color:#173a80;font-size:14px}.payroll-month-archive span{color:#687895;font-size:11px}.payroll-month-buttons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.payroll-month-buttons button{color:#244a91;cursor:pointer;background:#fff;border:1px solid #b8c8e4;border-radius:10px;padding:10px 15px;font-weight:900}.payroll-month-buttons button.active{color:#fff;background:#1744d5;border-color:#1744d5;box-shadow:0 6px 16px #1744d530}@media (width<=760px){.payroll-month-archive{flex-direction:column;align-items:stretch}.payroll-month-buttons{justify-content:flex-start}.payroll-month-buttons button{flex:120px}}.adjustment-status{color:#526079;background:#f1f4f8;border-radius:8px;margin:12px 0 0;padding:11px 13px;font-size:10px;font-weight:900}.adjustment-status.success{color:#087847;background:#e8fff3}.notice-admin-workspace>header{justify-content:space-between;align-items:center;gap:16px;display:flex}.notice-refresh{border:1px solid var(--b);color:var(--b);background:#fff;border-radius:9px;padding:11px 15px;font-weight:900}.staff-notice-write button:disabled{opacity:.65;cursor:wait}.staff-notice-status{background:#f4f6fa;border-radius:8px;padding:10px 12px;font-weight:900;font-size:10px!important}.staff-notice-status.success{color:#087a48;background:#e9fff4}.sent-notice-panel{margin-top:16px}.sent-notice-list{max-height:430px;display:grid;overflow:auto}.sent-notice-list>div{border-top:1px solid #e2e7ef;padding:13px 16px}.sent-notice-list>div:first-child{border-top:0}.sent-notice-list>div>div{align-items:center;gap:9px;display:flex}.sent-notice-list b{color:var(--n);font-size:11px}.sent-notice-list span{color:var(--b);background:#eaf0ff;border-radius:12px;padding:3px 6px;font-size:8px;font-weight:900}.sent-notice-list time{color:#7b8798;margin-left:auto;font-size:9px}.sent-notice-list p{color:#3d4a60;white-space:pre-wrap;margin:7px 0 0;font-size:11px}@media (width<=720px){.notice-admin-workspace>header{align-items:flex-start}.notice-refresh{flex:none}.sent-notice-list>div>div{flex-wrap:wrap}.sent-notice-list time{width:100%;margin-left:0}}.hours-add-card{background:#fff;border:2px solid #b7c9e5;border-radius:14px;padding:20px;box-shadow:0 8px 24px #17386712}.hours-add-fields{grid-template-columns:120px 1fr 150px 130px 1fr 160px;align-items:end;gap:10px;display:grid}.hours-add-fields label{color:#536179;gap:6px;font-size:10px;font-weight:900;display:grid}.hours-add-fields input,.hours-add-fields select{background:#fff;border:1px solid #b9c6d9;border-radius:8px;height:43px;padding:8px 10px}.hours-add-fields>button{background:var(--b);color:#fff;border:0;border-radius:8px;height:43px;font-weight:950}.hours-add-guide{background:#fff8d9;border-radius:9px;gap:12px;margin-top:14px;padding:11px 13px;display:flex}.hours-add-guide b{color:#7c6100;font-size:10px}.hours-add-guide span{color:#6e6543;font-size:9px}.hours-history-panel{margin-top:16px}.hours-history-list{max-height:430px;display:grid;overflow:auto}.hours-history-list>div{border-top:1px solid #e2e7ef;grid-template-columns:95px 110px 60px 90px 1fr 90px;align-items:center;gap:10px;padding:12px 16px;font-size:10px;display:grid}.hours-history-list strong{color:var(--b);font-size:12px}.hours-history-list p{margin:0}.hours-history-list small{color:#7c8898;text-align:right}@media (width<=1000px){.hours-add-fields{grid-template-columns:repeat(3,1fr)}.hours-reason{grid-column:span 2}}@media (width<=720px){.hours-add-card{padding:14px}.hours-add-fields{grid-template-columns:1fr 1fr}.hours-reason{grid-column:1/-1}.hours-add-fields>button{grid-column:1/-1;height:54px}.hours-add-guide{display:grid}.hours-history-list>div{grid-template-columns:1fr 1fr 1fr}.hours-history-list p{grid-column:1/-1}.hours-history-list small{text-align:left}}.readonly-banner{color:#1744d5;background:#edf4ff;border:1px solid #9fb4d4;border-radius:9px;margin:12px 0;padding:12px 16px;font-size:11px;font-weight:900}.account-actions{gap:6px;display:flex}.account-actions .delete-account{color:#c32e3a!important;border-color:#dc5660!important}.contract-attention-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0;display:grid}.contract-attention-grid article{background:#fff;border:1px solid #d4dce8;border-radius:11px;overflow:hidden}.contract-attention-grid article>header{border-bottom:1px solid #e4e9f0;justify-content:space-between;align-items:center;padding:13px 15px;display:flex}.contract-attention-grid header small{color:#7a8799;letter-spacing:.12em;font-size:8px;font-weight:900}.contract-attention-grid header h3{margin:3px 0 0;font-size:13px}.contract-attention-grid header b{font-size:20px}.contract-attention-grid article.none header{background:#f2f5f9}.contract-attention-grid article.expired header{color:#b94a13;background:#fff0e7}.contract-attention-grid article.soon header{color:#8b6a00;background:#fff8c9}.contract-attention-grid article>div{max-height:180px;display:grid;overflow:auto}.contract-attention-grid article>div span{border-top:1px solid #eef1f5;justify-content:space-between;gap:8px;padding:9px 13px;font-size:10px;display:flex}.contract-attention-grid article>div span:first-child{border-top:0}.contract-attention-grid article>div em{color:#778398;font-size:9px;font-style:normal}.contract-attention-grid article>div p{color:#8994a6;padding:13px;font-size:9px}@media (width<=800px){.contract-attention-grid{grid-template-columns:1fr}}.custom-account-state{border-radius:999px;margin-top:8px;padding:5px 9px;font-size:9px;font-weight:950;display:inline-flex}.custom-account-state.active{color:#087648;background:#e5fff1}.custom-account-state.inactive{color:#7a8493;background:#f0f2f5}.account-actions .activate-account{color:#087648!important;background:#e9fff4!important;border-color:#16945f!important}.account-actions .deactivate-account{color:#805d00!important;background:#fff8dc!important;border-color:#e1a420!important}.contract-store-filters{background:#f7faff;border-top:1px solid #e2e8f1;border-bottom:1px solid #e2e8f1;grid-template-columns:repeat(5,minmax(90px,1fr));gap:7px;padding:12px 16px;display:grid;overflow-x:auto}.contract-store-filters button{color:#536179;background:#fff;border:1px solid #cbd6e5;border-radius:8px;justify-content:space-between;align-items:center;gap:7px;min-width:90px;padding:9px 11px;font-size:10px;font-weight:900;display:flex}.contract-store-filters button b{color:#8995a8;font-size:9px}.contract-store-filters button.active{border-color:var(--b);background:var(--b);color:#fff}.contract-store-filters button.active b{color:var(--y)}@media (width<=720px){.contract-store-filters{grid-template-columns:repeat(5,105px)}}.schedule-color-toolbar{background:#f4f8ff;border:1px solid #b9c9df;border-radius:10px;align-items:center;gap:12px;margin:12px 0;padding:13px 16px;display:flex;box-shadow:0 5px 15px #16366f12}.schedule-color-toolbar>div:first-child{margin-right:auto}.schedule-color-toolbar b,.schedule-color-toolbar span{display:block}.schedule-color-toolbar b{color:var(--n);font-size:12px}.schedule-color-toolbar span{color:#6e7b91;margin-top:3px;font-size:9px}.schedule-color-toolbar label{color:#48566c;align-items:center;gap:6px;font-size:10px;font-weight:900;display:flex}.schedule-color-toolbar input[type=color]{background:#fff;border:1px solid #b8c4d5;border-radius:6px;width:34px;height:30px;padding:2px}.schedule-preset-colors{gap:5px!important;margin:0!important;display:flex!important}.schedule-preset-colors button{border:1px solid #aeb9c9;border-radius:50%;width:25px;height:25px;box-shadow:inset 0 0 0 2px #fff}.clear-cell-color{color:#4c5a70;background:#fff;border:1px solid #aeb9ca;border-radius:7px;padding:8px 10px;font-size:9px;font-weight:900}.selected-schedule-cell{outline-offset:-3px;z-index:2;position:relative;outline:3px solid #1744d5!important}.schedule-table th,.schedule-table td{border-color:#9fabc0!important;height:54px!important;padding:8px!important;font-size:13px!important;line-height:1.35!important}.schedule-table textarea{height:43px!important;font-size:12px!important}@media (width<=720px){.schedule-color-toolbar{flex-wrap:wrap;align-items:flex-start}.schedule-color-toolbar>div:first-child{width:100%}.schedule-table th,.schedule-table td{font-size:12px!important}}.schedule-editor-pro{background:#fff;border:1px solid #9db5df;border-radius:16px;margin:14px 0;overflow:hidden;box-shadow:0 12px 30px #1744d51c}.schedule-editor-heading{color:#fff;background:linear-gradient(105deg,#082a69,#164fc3 70%,#ffd900);justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.schedule-editor-heading b{font-size:14px;display:block}.schedule-editor-heading span{color:#e2ebff;margin-top:3px;font-size:10px;display:block}.editor-badge{color:#102b61;letter-spacing:.04em;background:#fff600;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:1000}.schedule-editor-pro .schedule-color-toolbar{box-shadow:none;border:0;border-radius:0;flex-wrap:wrap;margin:0}.schedule-editor-pro select{color:#1e2d48;background:#fff;border:1px solid #b8c4d5;border-radius:7px;height:32px;font-size:10px;font-weight:800}.editor-button-group{border:1px solid #aebbd0;border-radius:8px;overflow:hidden;margin:0!important;display:flex!important}.editor-button-group button{color:#21334f;background:#fff;border:0;border-right:1px solid #d1d9e6;min-width:34px;height:31px;font-weight:900}.editor-button-group button:last-child{border-right:0}.editor-button-group button:hover:not(:disabled),.editor-action:hover:not(:disabled){color:#fff;background:#1744d5}.editor-action{color:#1744d5;background:#eaf0ff;border:1px solid #1744d5;border-radius:8px;height:32px;padding:0 11px;font-size:10px;font-weight:900}.schedule-insert-guide{color:#4d4b40;background:#fffbea;border-top:1px solid #dce5f3;align-items:center;gap:12px;padding:10px 16px;font-size:10px;display:flex}.schedule-insert-guide b{color:#b26b00}.schedule-insert-guide strong{color:#1744d5}.row-tools-head{min-width:210px}.schedule-row-tools{min-width:210px;background:#f8faff!important;padding:6px!important}.schedule-row-tools>div{gap:4px;margin-bottom:4px;display:flex}.schedule-row-tools button{color:#30415e;white-space:nowrap;background:#fff;border:1px solid #bfcada;border-radius:6px;height:25px;padding:0 7px;font-size:9px;font-weight:900}.schedule-row-tools button:hover{color:#1744d5;background:#eaf0ff;border-color:#1744d5}.insert-row-tools button{flex:1;color:#715800!important;background:#fff9cf!important;border-color:#e8cb45!important}.move-row-tools button:nth-child(3){flex:1}.height-row-tools button{flex:1;font-size:8px}.schedule-row-tools .delete-staff{float:right;color:#c92a2a;background:#fff0f0}.schedule-bottom-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.add-staff-first{color:#6c5600!important;background:#fff9cf!important;border-color:#e5c72d!important}.schedule-table{min-width:1390px!important}.schedule-table tbody tr[style]{height:var(--schedule-row-height)}@media (width<=720px){.schedule-editor-heading{align-items:flex-start;gap:8px}.editor-badge{font-size:8px}.schedule-insert-guide{flex-direction:column;align-items:flex-start;gap:3px}.schedule-bottom-actions{grid-template-columns:1fr}.row-tools-head,.schedule-row-tools{min-width:190px}}.detail-attendance-tabs{background:#f8faff;border-top:1px solid #e4e9f1;grid-template-columns:repeat(6,minmax(82px,1fr));gap:7px;padding:12px 16px;display:grid;overflow-x:auto}.attendance-date-organizer{background:#f5f8fd;border-top:1px solid #e4e9f1;grid-template-columns:180px minmax(0,1fr);gap:12px;padding:14px 16px;display:grid}.attendance-date-summary{background:#fff;border:1px solid #b8c9e2;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex;box-shadow:0 3px 10px #17386d0c}.attendance-date-summary small{color:#718098;letter-spacing:.08em;font-size:8px;font-weight:900;display:block}.attendance-date-summary h3{color:var(--n);margin:4px 0 0;font-size:14px}.attendance-date-summary>b{color:var(--b);font-size:20px}.attendance-date-tabs{align-items:stretch;gap:8px;min-width:0;display:flex}.attendance-date-tabs button{color:#526079;background:#fff;border:1px solid #cbd6e5;border-radius:8px;flex:none;justify-content:space-between;align-items:center;gap:9px;padding:9px 11px;font-size:10px;font-weight:900;display:flex}.attendance-date-tabs button b{color:#8995a8;font-size:9px}.attendance-date-tabs button.active{border-color:var(--b);background:var(--b);color:#fff}.attendance-date-tabs button.active b{color:var(--y)}.attendance-date-tabs>.today{min-width:92px}.past-attendance-dates{border-left:1px solid #d9e1ec;align-items:center;gap:7px;min-width:0;padding-left:10px;display:flex;overflow-x:auto}.past-attendance-dates>span{z-index:1;color:#7b8799;background:#f5f8fd;flex:none;align-self:stretch;align-items:center;padding-right:8px;font-size:9px;font-weight:900;display:flex;position:sticky;left:0}.past-attendance-dates em{color:#8995a7;white-space:nowrap;font-size:9px;font-style:normal}.collapsible-panel-head{gap:16px}.panel-head-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.panel-head-actions strong{color:var(--g);font-size:13px}.collapse-panel-button{color:#34445f;background:#fff;border:1px solid #b8c6da;border-radius:8px;min-width:82px;padding:8px 11px;font-size:10px;font-weight:900;box-shadow:0 2px 6px #18325f12}.collapse-panel-button:hover{border-color:var(--b);color:var(--b);background:#f3f7ff}.live-attendance-panel{border:2px solid #91d8b6;margin-top:16px;box-shadow:0 8px 24px #16855214}.live-attendance-panel>.staff-panel-head{background:linear-gradient(100deg,#edfff5,#f7fffb)}.live-attendance-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;padding:15px;display:grid}.live-attendance-grid>article{background:#fff;border:1px solid #cfe8da;border-radius:11px;padding:15px;box-shadow:0 4px 12px #173b2810}.live-attendance-grid h3{margin:7px 0 3px;font-size:17px}.live-attendance-grid p{color:#6b778a;margin:0;font-size:10px}.live-dot{color:#0b9a5e;font-size:10px;font-weight:900}.live-attendance-grid dl{border-top:1px solid #e6efe9;gap:6px;margin:13px 0 0;padding-top:10px;display:grid}.live-attendance-grid dl div{justify-content:space-between;gap:10px;display:flex}.live-attendance-grid dt{color:#7a8798;font-size:9px}.live-attendance-grid dd{color:#1d2d42;margin:0;font-size:10px;font-weight:900}.live-attendance-empty{color:#607269;background:#f7fcf9;border:1px dashed #a9ccb8;border-radius:10px;flex-direction:column;grid-column:1/-1;align-items:center;gap:5px;padding:26px;display:flex}.live-attendance-empty b{color:#294c3a}.live-attendance-empty span{font-size:10px}.attendance-collapsible-section{margin-top:15px}.attendance-section-bar{background:#eef4ff;border:1px solid #cbd6e5;border-radius:10px;justify-content:space-between;align-items:center;gap:15px;padding:12px 15px;display:flex}.attendance-section-bar div{flex-direction:column;gap:3px;display:flex}.attendance-section-bar b{color:var(--n);font-size:13px}.attendance-section-bar span{color:#6b788d;font-size:9px}@media (width<=720px){.collapsible-panel-head,.attendance-section-bar{align-items:flex-start}.panel-head-actions{justify-content:flex-start}.live-attendance-grid{grid-template-columns:1fr}.collapse-panel-button{min-height:36px}}.detail-attendance-tabs button{color:#526079;background:#fff;border:1px solid #cdd7e6;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-width:82px;padding:9px 10px;font-size:10px;font-weight:900;display:flex}.detail-attendance-tabs button b{color:#8995a8;font-size:9px}.detail-attendance-tabs button.active{border-color:var(--b);background:var(--b);color:#fff}.detail-attendance-tabs button.active b{color:var(--y)}@media (width<=720px){.attendance-date-organizer{grid-template-columns:1fr;padding:12px}.attendance-date-tabs{overflow-x:auto}.attendance-date-tabs>.today{z-index:2;position:sticky;left:0;box-shadow:5px 0 9px #f5f8fd}.past-attendance-dates{overflow:visible}.attendance-date-summary{padding:10px 12px}.detail-attendance-tabs{grid-template-columns:repeat(6,100px)}}.payroll-row{grid-template-columns:62px 62px 105px 55px 78px 225px 190px 82px!important;gap:6px!important;min-width:900px!important;padding:9px 12px!important}.payroll-row label{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.payroll-row label select{background:#fff;border:1px solid #bdc9da;border-radius:6px;width:100%;padding:5px 7px;font-size:10px}.payroll-row b small{color:#69778d;margin-top:3px;font-size:8px;font-weight:700;line-height:1.35;display:block}.payroll-panel>.schedule-status{margin:12px 16px 16px}*{box-sizing:border-box}body{color:var(--ink);background:#f5f3ee;margin:0;font-family:Pretendard,Noto Sans KR,Arial,sans-serif}button{font:inherit;cursor:pointer}.shell{min-height:100vh;display:flex}.global-zzanggu-marquee{z-index:80;background:linear-gradient(90deg,#fff7bd8c,#0000 18% 82%,#dbe8ffb0),linear-gradient(#fff,#f5f8ff);border-bottom:1px solid #c7d6f0;height:46px;position:fixed;top:0;left:164px;right:0;overflow:hidden;box-shadow:0 6px 18px #173f8f14}.global-zzanggu-marquee:after{content:"";background:linear-gradient(90deg, var(--y) 0 50%, #2563df 50% 100%);height:3px;position:absolute;inset:auto 0 0}.global-zzanggu-track{white-space:nowrap;width:max-content;animation:22s linear infinite global-zzanggu-flow;display:flex;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.global-zzanggu-set{gap:34px;padding-right:34px;display:flex}.global-zzanggu-set span{align-items:center;gap:8px;display:inline-flex}.global-zzanggu-set strong,.global-zzanggu-set b{letter-spacing:.09em;font-family:Arial Black,Montserrat,Pretendard,sans-serif;font-size:18px;font-style:italic;font-weight:950}.global-zzanggu-set strong{color:#e5b900;text-shadow:0 1px #fff4a2,0 0 8px #ffd51f70}.global-zzanggu-set b{color:#2160d8;text-shadow:0 1px #d7e6ff,0 0 8px #2b69e866}@keyframes global-zzanggu-flow{0%{transform:translate(-50%,-50%)}to{transform:translateY(-50%)}}.shell:not(.guest-shell) .workspace{padding-top:76px}aside{color:#fff;background:linear-gradient(#1744d5,#0d318f);flex-direction:column;width:164px;display:flex;position:fixed;inset:0 auto 0 0}.logo{place-items:center;height:124px;font-size:38px;font-style:italic;font-weight:900;display:grid}.logo span{color:var(--y)}nav{gap:6px;display:grid}nav button{color:#dce6ff;text-align:left;background:0 0;border:0;border-left:5px solid #0000;height:56px;padding:0 18px;font-weight:700}nav button.on{border-left-color:var(--y);color:var(--y);background:#0a276f}.online{color:#50e692;border:1px solid #fff4;border-radius:8px;margin:auto 13px 20px;padding:13px;font-size:12px}.online small{color:#cdd8fb;margin-top:6px;display:block}.workspace{background:radial-gradient(circle at 75% 0,#fff,#0000 32%);width:100%;max-width:1800px;margin:auto;padding:28px 32px 50px 196px}header{justify-content:space-between;align-items:center;display:flex}header>div>small{color:var(--b);letter-spacing:.16em;font-weight:900}h1{letter-spacing:-.05em;margin:7px 0;font-size:38px}header p{color:var(--muted);margin:0}.actions{gap:12px;display:flex}.actions button{border:1px solid var(--n);background:#fff;border-radius:8px;padding:15px 20px;font-weight:800}.actions .upload{background:var(--y);box-shadow:0 4px #d1a900}.tools{justify-content:space-between;align-items:center;margin:15px 0;display:flex}.tools p{color:var(--muted);font-size:12px}.tools p b{background:var(--b);color:#fff;border-radius:4px;padding:5px}.tools>div{flex-wrap:wrap;gap:5px;display:flex}.tools button{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:6px;padding:7px 11px;font-size:12px}.tools button.sel{background:var(--n);color:#fff}.kpis{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.kpi,.panel{background:#fff;border:1px solid #ced7e4;border-radius:10px;box-shadow:0 5px 18px #16316c0b}.kpi{padding:18px;position:relative;overflow:hidden}.kpi:before{content:"";border-top:5px solid var(--b);width:34px;position:absolute;top:0;left:0}.kpi>div{align-items:center;gap:9px;display:flex}.kpi i{width:36px;height:36px;color:var(--b);background:#edf3ff;border-radius:9px;place-items:center;font-size:19px;font-style:normal;font-weight:900;display:grid}.kpi.alert i{color:var(--r);background:#fff0f1}.kpi>strong{white-space:nowrap;margin:15px 0 5px;font-size:27px;display:block}.kpi small{color:var(--muted)}.grid{grid-template-columns:1.08fr .92fr;gap:16px;margin-top:16px;display:grid}.panel{overflow:hidden}.title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:61px;padding:12px 18px;display:flex;position:relative}.title:before{content:"";border-top:13px solid var(--b);border-right:13px solid #0000;position:absolute;top:0;left:0}.title h2{color:var(--n);margin:0;font-size:18px}.title p{color:var(--muted);margin:4px 0;font-size:11px}.title button{color:var(--b);background:#f4f6ff;border:1px solid #d5def3;border-radius:5px;padding:6px;font-size:11px}.chart{border-bottom:1px solid #b6c0ce;justify-content:space-around;align-items:flex-end;height:238px;margin:16px 25px 0;padding:25px 10px 0;display:flex}.barbox{flex-direction:column;justify-content:flex-end;align-items:center;width:9%;height:100%;display:flex}.barbox b{color:var(--b);font-size:9px}.barbox i{background:linear-gradient(#2a5bea,#0f38ae);border-radius:5px 5px 0 0;width:100%;min-width:18px;margin-top:5px;display:block}.barbox span{color:var(--muted);font-size:11px;transform:translateY(20px)}.summary{border-left:4px solid var(--b);background:#edf3ff;margin:32px 18px 14px;padding:11px;font-size:11px}.summary b{color:var(--b);margin-right:7px}.urgent .title,.order .title{color:#fff;background:linear-gradient(120deg,#103ccb,#1950df)}.urgent .title h2,.urgent .title p,.order .title h2,.order .title p{color:#fff}.urgent .title button,.order .title button{color:#fff;background:#ffffff15;border-color:#fff6}.thead,.urow{grid-template-columns:1.6fr .7fr .65fr .65fr;align-items:center;gap:7px;display:grid}.thead{color:#7a8598;padding:8px 14px;font-size:10px}.urow{border-top:1px solid #e6eaf0;padding:9px 14px;font-size:11px}.urow>span:first-child{flex-direction:column;display:flex}.urow small{color:#8290a3;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.urow em{border:1px solid;border-radius:4px;justify-self:start;padding:3px 5px;font-style:normal}.위험,.출고없음{color:var(--r);background:#fff3f3}.낮음{color:#b78300;background:#fff9df}.정상{color:var(--g)}.urow button{color:var(--b);border:1px solid var(--b);background:#fff;border-radius:4px;padding:5px;font-size:10px}.order,.rankpanel{margin-top:16px}.ordergrid{grid-template-columns:repeat(4,1fr);gap:12px;padding:14px;display:grid}.ordergrid article{border:1px solid var(--line);border-radius:7px;padding:13px;position:relative}.ordergrid article>strong{color:#e0e5ee;font-size:21px;position:absolute;right:10px}.ordergrid article>small{color:var(--b)}.ordergrid h3{font-size:14px}.ordergrid dl{grid-template-columns:1fr 1fr;display:grid}.ordergrid dt{color:var(--muted);font-size:9px}.ordergrid dd{margin:3px 0;font-weight:800}.ordergrid button{border:1px solid var(--b);width:100%;color:var(--b);background:#fff;border-radius:5px;padding:7px}.rankpanel{padding-bottom:10px}.rank{border-top:1px solid #e6eaf0;grid-template-columns:.45fr 1.25fr 1.7fr 1fr .7fr .7fr .8fr;align-items:center;gap:8px;padding:9px 20px;font-size:11px;display:grid}.rank.head{color:#7b8799;border:0}.rank>span:nth-child(2){gap:7px;display:flex}.rank small{color:#8995a7}.badge{width:25px;height:25px;color:var(--b);background:#edf3ff;border-radius:5px;place-items:center;font-weight:900;display:grid}.red{color:var(--r);font-weight:900}.gold{color:#b78300;font-weight:900}.period-chart{justify-content:center;gap:18%;padding-left:14%;padding-right:14%}.period-chart .barbox{width:22%}.period-chart .barbox i.current{background:linear-gradient(#ffd83d,#e4aa00)}@media (width<=1100px){.kpis{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:1fr}.ordergrid{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.global-zzanggu-marquee{width:100%;height:42px;position:relative;left:0}.global-zzanggu-set strong,.global-zzanggu-set b{font-size:15px}.shell:not(.guest-shell) .workspace{padding-top:18px}aside{width:100%;position:static}.shell{display:block}.logo{height:72px}nav{grid-template-columns:repeat(4,1fr);padding:0 8px 10px}nav button{border-left:0;height:42px;padding:5px;font-size:10px}.online{display:none}.workspace{padding:18px 12px}header{display:block}h1{font-size:29px}.actions{margin-top:16px}.actions button{flex:1;padding:12px 7px}.tools{display:block}.kpis{grid-template-columns:repeat(2,1fr)}.kpis .kpi:last-child{grid-column:span 2}.kpi>strong{font-size:21px}.ordergrid{grid-template-columns:1fr}.rankpanel{overflow-x:auto}.rank{min-width:750px}}html{scroll-behavior:smooth}.section-target{scroll-margin-top:24px}nav button{align-items:center;gap:9px;display:flex}nav button span{text-align:center;width:21px}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#071943a8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.settings-modal{border-top:7px solid var(--y);background:#fff;border-radius:14px;width:min(440px,100%);padding:28px;box-shadow:0 28px 70px #05133466}.modal-icon{width:48px;height:48px;color:var(--b);background:#edf3ff;border-radius:10px;place-items:center;font-size:24px;display:grid}.settings-modal h2{margin:16px 0 5px}.settings-modal>p{color:var(--muted);margin:0 0 22px;font-size:13px}.settings-modal label{border-top:1px solid var(--line);grid-template-columns:1fr 90px 55px;align-items:center;gap:8px;padding:13px 0;font-size:13px;font-weight:700;display:grid}.settings-modal input{text-align:right;border:1px solid #c9d3e2;border-radius:6px;width:100%;padding:9px}.settings-modal label span{color:var(--muted);font-weight:500}.modal-actions{gap:9px;margin-top:20px;display:flex}.modal-actions button{border:1px solid var(--b);color:var(--b);background:#fff;border-radius:7px;flex:1;padding:11px;font-weight:800}.modal-actions .save{background:var(--b);color:#fff}.sales-detail{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sales-detail>div{border:1px solid var(--line);background:#f5f7fb;border-radius:8px;padding:14px}.sales-detail span{color:var(--muted);margin-bottom:6px;font-size:11px;display:block}.sales-detail strong{font-size:18px}.sales-detail .total{background:#edf3ff;border-color:#b9cafa}.sales-detail .up{color:var(--b)}.sales-detail .down{color:var(--r)}.close-modal{background:var(--b);color:#fff;border:0;border-radius:7px;width:100%;margin-top:18px;padding:11px;font-weight:800}.logo{padding:13px 9px}.logo img{object-fit:contain;filter:drop-shadow(0 5px 10px #061b6866);background:#fff;border-radius:9px;width:100%;max-height:98px;padding:8px;display:block}.sidebar-fancy-logo{padding:8px;overflow:visible}.sidebar-fancy-logo .login-logo-shine.sidebar-login-logo{border-radius:16px;width:146px;min-height:100px;padding:6px}.sidebar-fancy-logo .sidebar-login-logo>img{background:0 0;border-radius:0;width:132px;max-height:82px;padding:0}.sidebar-fancy-logo .login-logo-shine.sidebar-login-logo:before{width:120px;height:120px}.actions .reset{color:#68758b;border-color:#cbd4e2;padding-left:13px;padding-right:13px}.tool-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;display:flex}.tool-controls input{border:1px solid var(--line);background:#fff;border-radius:6px;outline:none;width:190px;padding:7px 10px;font-size:12px}.tool-controls input:focus{border-color:var(--b);box-shadow:0 0 0 3px #1742d015}.ordergrid button:disabled{color:#8b96a7;cursor:default;background:#f1f3f6;border-color:#cbd3df}footer{color:#7a8698;letter-spacing:.08em;border-top:1px solid #ccd5e1;justify-content:space-between;align-items:center;margin-top:18px;padding:18px 4px 0;font-size:11px;display:flex}footer b{color:var(--n);letter-spacing:0;font-size:13px}.order-sections{padding:16px}.order-group{background:#f8faff;border:1px solid #d9e1ee;border-radius:10px;margin-bottom:14px;overflow:hidden}.order-group-head{background:#eef3ff;border-bottom:1px solid #d9e1ee;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.order-group-head h3{color:var(--n);margin:0;font-size:15px}.order-group-head p{color:var(--muted);margin:4px 0 0;font-size:10px}.order-group-head>b{color:var(--b);white-space:nowrap}.order-sections .ordergrid{padding:12px}.ordergrid article.coco-priority{border:2px solid #f0bd00;box-shadow:0 5px 14px #f0bd0022}.order-chips{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.order-chips em{color:var(--b);background:#edf3ff;border-radius:20px;padding:4px 7px;font-size:9px;font-style:normal;font-weight:800}.order-chips .priority-chip{color:#7a5600;background:#fff0a8}.order-sections .ordergrid dl{grid-template-columns:repeat(2,1fr);gap:8px}.order-sections .ordergrid dd{font-size:12px}.order-empty{text-align:center;color:var(--muted);grid-column:1/-1;padding:22px}.order-grand-total{background:var(--n);color:#fff;border-radius:9px;grid-template-columns:1fr auto;align-items:center;padding:15px 18px;display:grid}.order-grand-total b{color:var(--y);font-size:22px}.order-grand-total small{color:#b8c7ef;grid-column:1/-1;margin-top:4px}@media (width<=720px){.logo{padding:8px 35%}.logo.sidebar-fancy-logo{padding:5px}.sidebar-fancy-logo .login-logo-shine.sidebar-login-logo{width:min(250px,100vw - 28px);min-height:62px;padding:5px}.sidebar-fancy-logo .sidebar-login-logo>img{width:min(215px,100vw - 54px);max-height:58px}.logo img{max-height:58px}.actions{flex-wrap:wrap}.actions .reset{flex-basis:100%}.tool-controls{justify-content:flex-start}.tool-controls input{width:100%;margin-bottom:4px}footer{text-align:center;display:block}footer b{margin-top:7px;display:block}}.actions{flex-wrap:wrap;align-items:center}.multi-help{color:#647187;max-width:245px;font-size:11px;line-height:1.45}.actions .upload{white-space:nowrap}.actions .archive-button{color:var(--b);white-space:nowrap;background:#f1f6ff;border-color:#9fb5d8}.actions .archive-query-button{border-color:var(--b);background:var(--b);color:#fff;white-space:nowrap}.operations-archive-modal{width:min(880px,100vw - 28px);max-height:min(820px,100vh - 32px);padding:0;overflow:hidden}.operations-archive-modal>header{background:linear-gradient(120deg,#fffbea,#f3f7ff);border-bottom:1px solid #dbe3ef;padding:20px 22px 15px}.operations-archive-modal header small{color:var(--b);letter-spacing:.13em;font-size:9px;font-weight:950}.operations-archive-modal header h2{margin:5px 0 3px;font-size:24px}.operations-archive-modal header p{color:var(--muted);margin:0;font-size:11px}.archive-status{color:var(--b);background:#edf3ff;border-radius:8px;margin:12px 18px 0;padding:10px 12px;font-size:10px;font-weight:900}.archive-batch-list{gap:18px;max-height:610px;padding:12px 18px 20px;display:grid;overflow:auto}.archive-year-group{gap:10px;display:grid}.archive-year-group>h3{background:var(--b);color:#fff;border-radius:9px;margin:0;padding:8px 11px;font-size:15px}.archive-month-group{gap:8px;padding-left:8px;display:grid}.archive-month-group>h4{border-left:4px solid var(--y);color:#243650;margin:0;padding:5px 8px;font-size:13px}.archive-batch-list article{background:#fff;border:1px solid #ccd7e7;border-radius:12px;overflow:hidden}.archive-batch-head{background:#f8faff;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.archive-batch-head small{color:var(--b);font-size:9px;font-weight:950}.archive-batch-head h3{margin:4px 0;font-size:15px}.archive-batch-head span{color:#7a8799;font-size:9px}.archive-batch-actions{flex:none;gap:6px;display:flex}.archive-batch-actions button,.archive-batch-actions label{background:var(--b);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;padding:10px 13px;font-size:10px;font-weight:950;display:inline-flex}.archive-batch-actions button.rename{color:var(--b);background:#fff;border:1px solid #9eb1d0}.archive-batch-actions label.add{color:#17233a;background:#f2ca16}.archive-batch-actions label.add input{display:none}.archive-batch-actions button.delete-all{background:#c7333d}.archive-file-list{display:grid}.archive-file-list>div{border-top:1px solid #edf0f5;grid-template-columns:58px minmax(0,1fr) 65px 138px;align-items:center;gap:10px;padding:10px 16px;display:grid}.archive-file-list b{text-align:center;border-radius:15px;padding:4px 6px;font-size:8px}.archive-file-list b.sales{color:#775d00;background:#fff2a9}.archive-file-list b.stock{color:#1742a0;background:#dce9ff}.archive-file-name{min-width:0;color:var(--b);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:5px 0;font-size:10px;font-weight:850;text-decoration:underline;overflow:hidden}.archive-file-list small{color:#8995a6;text-align:right;font-size:8px}.archive-file-actions{justify-content:flex-end;gap:5px;display:flex}.archive-file-actions button{color:var(--b);background:#fff;border:1px solid #9eb1d0;border-radius:6px;padding:7px 8px;font-size:8px;font-weight:900}.archive-file-actions button.delete{color:#c7333d;border-color:#efb8bd}.archive-empty{color:#8793a4;text-align:center;border:1px dashed #c8d2e1;border-radius:10px;padding:42px}.excel-preview-backdrop{z-index:35;padding:12px}.excel-preview-modal{border:1px solid #9fb1cb;border-top:7px solid var(--y);background:#fff;border-radius:14px;flex-direction:column;width:min(1420px,98vw);height:min(900px,96vh);display:flex;overflow:hidden;box-shadow:0 30px 90px #03143880}.excel-preview-modal>header{background:linear-gradient(110deg,#fffbea,#f1f6ff);border-bottom:1px solid #cad5e5;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.excel-preview-modal header small{color:var(--b);letter-spacing:.12em;font-size:9px;font-weight:950}.excel-preview-modal header h2{margin:3px 0;font-size:18px}.excel-preview-modal header p{color:#77849a;margin:0;font-size:10px}.excel-preview-actions{align-items:center;gap:8px;display:flex}.excel-preview-actions a{background:var(--b);color:#fff;white-space:nowrap;border-radius:8px;padding:10px 13px;font-size:10px;font-weight:950;text-decoration:none}.excel-sheet-tabs{background:#edf2f8;border-bottom:1px solid #b9c7d9;flex:none;gap:4px;padding:8px 12px 0;display:flex;overflow-x:auto}.excel-sheet-tabs button{color:#526177;background:#e3e9f1;border:1px solid #b9c7d9;border-bottom:0;border-radius:7px 7px 0 0;flex:none;padding:8px 14px;font-size:10px;font-weight:850}.excel-sheet-tabs button.active{color:var(--b);background:#fff}.excel-grid-wrap{background:#fff;flex:1;min-height:0;overflow:auto}.excel-grid{border-collapse:separate;border-spacing:0;color:#17233a;min-width:100%;font-family:Arial,sans-serif;font-size:10px}.excel-grid th,.excel-grid td{text-overflow:ellipsis;white-space:nowrap;background:#fff;border-bottom:1px solid #d4dbe5;border-right:1px solid #d4dbe5;min-width:92px;max-width:280px;height:27px;padding:5px 7px;overflow:hidden}.excel-grid thead th{z-index:2;color:#536176;text-align:center;background:#eef2f6;min-width:92px;position:sticky;top:0}.excel-grid tbody th{z-index:1;color:#6d7889;text-align:center;background:#eef2f6;width:48px;min-width:48px;position:sticky;left:0}.excel-grid .excel-corner{z-index:3;width:48px;min-width:48px;left:0}.archive-preview-toast{z-index:40;color:#fff;background:#10275d;border-radius:9px;padding:12px 16px;font-size:11px;font-weight:900;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #08173866}@media (width<=720px){.multi-help{color:#59677c;order:2;width:100%;max-width:none;padding:3px 2px}.actions .reset{order:4}.actions>button:not(.upload):not(.reset){order:3}.actions .upload{order:1}.operations-archive-modal>header{padding:16px;display:flex}.archive-batch-head{align-items:flex-start}.archive-batch-actions{flex-wrap:wrap;width:100%}.archive-batch-actions button,.archive-batch-actions label{flex:calc(50% - 4px);min-height:44px}.archive-file-list>div{grid-template-columns:52px minmax(0,1fr) 54px}.archive-file-actions{grid-column:2/-1}.excel-preview-backdrop{padding:5px}.excel-preview-modal{border-radius:9px;width:100vw;height:98vh}.excel-preview-modal>header{align-items:flex-start;padding:11px}.excel-preview-modal header h2{text-overflow:ellipsis;white-space:nowrap;max-width:58vw;font-size:13px;overflow:hidden}.excel-preview-actions a{padding:9px;font-size:9px}}.rank.focus-row{background:#fff7c7;animation:.7s 2 focusPulse;position:relative;box-shadow:inset 5px 0 #f1c400,0 0 0 3px #f1c40055}@keyframes focusPulse{50%{background:#ffed78;transform:scale(1.008)}}.kpi>strong.breakdown{white-space:normal;color:#24314a;word-break:keep-all;min-height:45px;font-size:13px;line-height:1.7}.location-filters{background:#edf2fa;border:1px solid #cbd5e5;border-radius:8px;gap:4px;padding:3px;display:flex}.tools .location-filters button{background:0 0;border:0}.tools .location-filters button.loc-sel{color:#fff;background:#1744d5;box-shadow:0 2px 6px #1744d533}.barbox.clickable{cursor:pointer;transition:transform .18s}.barbox.clickable:hover{transform:translateY(-4px)}.weekly-modal{flex-direction:column;width:min(1320px,98vw);height:min(900px,95vh);padding:20px;display:flex;overflow:hidden}.weekly-head{flex:none;justify-content:space-between;align-items:flex-start;display:flex}.weekly-head>div{grid-template-columns:54px 1fr;column-gap:12px;display:grid}.weekly-head .modal-icon{grid-row:1/3}.weekly-head h2{margin:2px 0 4px}.weekly-head p{color:var(--muted);margin:0;font-size:12px}.modal-x{color:#56647a;background:#eef2f8;border:0;border-radius:8px;width:34px;height:34px;font-size:22px}.week-tabs{flex:none;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px;padding:14px 2px 10px;display:grid}.week-tabs button{border:1px solid var(--line);text-align:left;min-width:0;color:var(--ink);background:#f7f9fc;border-radius:9px;padding:9px 11px}.week-tabs button b,.week-tabs button span,.week-tabs button strong{display:block}.week-tabs button b{color:var(--b);font-size:12px}.week-tabs button span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:3px 0;font-size:10px;overflow:hidden}.week-tabs button strong{font-size:15px}.week-tabs button.active{background:var(--n);border-color:var(--n);color:#fff;box-shadow:0 5px 14px #10275d38}.week-tabs button.active b{color:var(--y)}.week-tabs button.active span{color:#cbd7f3}.week-kpis{flex:none;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px;display:grid}.week-kpis>div{border:1px solid var(--line);background:#f2f5fa;border-radius:8px;padding:9px 11px}.week-kpis span{color:var(--muted);margin-bottom:3px;font-size:10px;display:block}.week-kpis strong{color:var(--n);font-size:17px}.week-kpis small{color:#7b8799;margin-top:2px;font-size:9px;display:block}.machine-changes{border:1px solid var(--line);white-space:nowrap;background:#fbfcfe;border-radius:7px;align-items:center;gap:10px;min-height:32px;margin-bottom:7px;padding:6px 10px;font-size:10px;display:flex;overflow-x:auto}.machine-changes b{color:var(--n)}.machine-changes .added{color:var(--g)}.machine-changes .removed{color:var(--r)}.week-filters{flex:none;grid-template-columns:.8fr 1.2fr;gap:8px;margin-bottom:7px;display:grid}.week-filters>div{background:#f2f5fa;border-radius:7px;align-items:center;gap:4px;padding:5px 7px;display:flex;overflow-x:auto}.week-filters b{white-space:nowrap;margin-right:3px;font-size:10px}.week-filters button{color:#66748a;white-space:nowrap;background:#fff;border:1px solid #ccd5e3;border-radius:5px;padding:5px 8px;font-size:10px}.week-filters button.active{background:var(--b);border-color:var(--b);color:#fff}.week-table{border:1px solid var(--line);border-radius:9px;flex:1;min-height:180px;overflow:auto}.week-row{border-top:1px solid #e6eaf0;grid-template-columns:45px 130px 70px minmax(220px,1fr) 105px 65px 70px;align-items:center;gap:8px;min-width:790px;padding:9px 12px;font-size:11px;display:grid}.week-row.head{z-index:1;color:#627087;background:#edf3ff;border-top:0;font-weight:800;position:sticky;top:0}.week-row>span:nth-child(2){gap:6px;display:flex}.week-row small{color:#8895a8}.week-row>span:nth-child(4){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.week-empty-row{text-align:center;color:var(--muted);padding:36px;font-size:12px}.empty-week{min-height:260px;color:var(--muted);background:#f5f7fb;border:1px dashed #bfc9d8;border-radius:10px;place-items:center;gap:8px;display:grid}.empty-week b{color:var(--n)}.weekly-modal .close-modal{flex:none;margin-top:8px;padding:8px}@media (width<=720px){.weekly-modal{width:100%;height:96vh;padding:12px}.weekly-head>div{grid-template-columns:42px 1fr}.weekly-head .modal-icon{width:38px;height:38px}.week-tabs{display:flex;overflow-x:auto}.week-tabs button{min-width:140px}.week-kpis{grid-template-columns:1fr 1fr}.week-kpis strong{font-size:14px}.week-filters{grid-template-columns:1fr}.week-table{min-height:250px}.machine-changes{gap:3px;display:grid}}.actions .ai-manager{color:#fff;background:linear-gradient(120deg,#10275d,#1744d5);border-color:#10275d;box-shadow:0 4px #081a45}.clickable-kpi{cursor:pointer;transition:transform .18s,box-shadow .18s}.clickable-kpi:hover{transform:translateY(-3px);box-shadow:0 10px 24px #16316c20}.barbox em{margin:3px 0;font-size:9px;font-style:normal;font-weight:900}.trend-up{color:var(--b)}.trend-down{color:var(--r)}.output-modal{width:min(720px,96vw)}.output-total{background:#edf3ff;border-radius:10px;justify-content:space-between;align-items:end;margin:20px 0 12px;padding:16px;display:flex}.output-total span{color:var(--muted);font-size:12px}.output-total strong{color:var(--n);font-size:28px}.output-bars{gap:8px;max-height:430px;display:grid;overflow:auto}.output-bars>div{border:1px solid var(--line);border-radius:8px;grid-template-columns:125px 1fr 70px 62px;align-items:center;gap:9px;padding:10px;display:grid}.output-bars span b,.output-bars span small{display:block}.output-bars span small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.output-bars i{background:#e5eaf2;border-radius:20px;height:12px;overflow:hidden}.output-bars i em{background:linear-gradient(90deg,#1744d5,#4c7aff);border-radius:20px;height:100%;display:block}.output-bars>div>strong{text-align:right;font-size:13px}.output-bars>div>small{text-align:right;color:var(--muted);font-size:10px}.output-bars .up{color:var(--b)}.output-bars .down{color:var(--r)}.empty-output{text-align:center;color:var(--muted);padding:40px!important;display:block!important}.manager-modal{border-top:0;width:min(920px,96vw);max-height:94vh;padding:0;overflow:hidden}.manager-hero{color:#fff;background:linear-gradient(120deg,#0d2355,#1744d5);justify-content:space-between;padding:25px 28px;display:flex}.manager-hero small{color:var(--y);letter-spacing:.13em;font-weight:900}.manager-hero h2{margin:6px 0;font-size:27px}.manager-hero p{color:#dce6ff;margin:0;font-size:12px}.manager-hero .modal-x{color:#fff;background:#ffffff20}.manager-summary{border-bottom:1px solid var(--line);background:#f4f6fa;gap:8px;padding:14px 22px;display:flex}.manager-summary span{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 11px;font-size:11px}.manager-tasks{gap:8px;max-height:54vh;padding:14px 22px;display:grid;overflow:auto}.manager-tasks article{border:1px solid var(--line);border-left:5px solid #8793a5;border-radius:9px;grid-template-columns:68px 1fr;column-gap:12px;padding:13px;display:grid}.manager-tasks article.긴급{border-left-color:var(--r);background:snow}.manager-tasks article.중요{background:#fffdf5;border-left-color:#e4a900}.manager-tasks article.확인{border-left-color:var(--b)}.manager-tasks article>div{flex-direction:column;grid-row:1/5;gap:8px;display:flex}.manager-tasks article em{font-size:10px;font-style:normal;font-weight:900}.manager-tasks article>div b{color:#d5dce8;font-size:25px}.manager-tasks h3{margin:0;font-size:15px}.manager-tasks p{color:var(--muted);margin:4px 0;font-size:10px}.manager-tasks article>strong{color:var(--b);margin-top:3px;font-size:10px}.manager-tasks article>span{font-size:11px}.manager-modal>.close-modal{width:calc(100% - 44px);margin:0 22px 18px}.manager-modal .긴급 em{color:var(--r)}.manager-modal .중요 em{color:#b78300}.manager-modal .확인 em{color:var(--b)}@media (width<=720px){.actions .ai-manager{flex-basis:100%;order:0}.output-bars>div{grid-template-columns:85px 1fr 55px}.output-bars>div>small{grid-column:3}.manager-hero{padding:20px}.manager-tasks{max-height:58vh;padding:10px}.manager-tasks article{grid-template-columns:48px 1fr}.manager-modal>.close-modal{width:calc(100% - 20px);margin:0 10px 10px}}.alert-modal{flex-direction:column;width:min(1120px,97vw);height:min(760px,93vh);padding:20px;display:flex;overflow:hidden}.alert-head{flex:none;justify-content:space-between;align-items:flex-start;display:flex}.alert-head>div{grid-template-columns:54px 1fr;column-gap:12px;display:grid}.alert-head .modal-icon{grid-row:1/3}.alert-head h2{margin:2px 0 4px}.alert-head p{color:var(--muted);margin:0;font-size:11px}.modal-icon.high{color:var(--r);background:#fff0f1}.modal-icon.low{color:#b78300;background:#fff8d8}.modal-icon.stock{color:var(--b);background:#edf3ff}.alert-overview{border:1px solid var(--line);background:#f3f6fb;border-radius:9px;flex:none;align-items:center;gap:14px;margin:14px 0 9px;padding:12px 14px;display:flex}.alert-overview strong{color:var(--n);font-size:23px}.alert-overview span{color:var(--muted);font-size:11px}.alert-table{border:1px solid var(--line);border-radius:9px;flex:1;overflow:auto}.alert-row{border-top:1px solid #e6eaf0;grid-template-columns:48px 125px 65px minmax(220px,1fr) 70px 58px 100px 72px;align-items:center;gap:8px;min-width:820px;padding:9px 11px;font-size:11px;display:grid}.alert-row.head{z-index:1;color:#657288;background:#edf3ff;border-top:0;font-weight:800;position:sticky;top:0}.alert-row>span:nth-child(2){gap:6px;display:flex}.alert-row small{color:#8a96a8}.alert-row>span:nth-child(4){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.alert-row button{border:1px solid var(--b);color:var(--b);background:#fff;border-radius:5px;padding:6px;font-size:10px}.alert-empty{text-align:center;color:var(--muted);padding:50px}.alert-modal>.close-modal{flex:none;margin-top:9px;padding:9px}@media (width<=720px){.alert-modal{width:100%;height:95vh;padding:12px}.alert-overview{display:block}.alert-overview span{margin-top:4px;display:block}.alert-table{min-height:300px}}.alert-type-tabs{flex:none;grid-template-columns:repeat(6,1fr);gap:7px;margin:0 0 9px;display:grid}.alert-type-tabs button{color:#536178;background:#fff;border:1px solid #cdd7e6;border-radius:8px;justify-content:space-between;align-items:center;gap:5px;padding:10px 11px;display:flex}.alert-type-tabs button b{font-size:11px}.alert-type-tabs button span{color:#7c899c;font-size:10px}.alert-type-tabs button.active{background:var(--n);border-color:var(--n);color:#fff;box-shadow:0 5px 12px #10275d2c}.alert-type-tabs button.active span{color:var(--y)}@media (width<=720px){.alert-type-tabs{display:flex;overflow-x:auto}.alert-type-tabs button{flex:none;min-width:105px}}.topline{align-items:center;gap:10px;display:flex}.topline small{color:var(--b);letter-spacing:.16em;font-weight:900}.topline b{background:var(--n);color:var(--y);letter-spacing:.04em;border-radius:5px;padding:4px 8px;font-size:10px}@media (width<=720px){.topline{justify-content:space-between}.topline small,.topline b{font-size:9px}}.guide-modal{border-top:0;flex-direction:column;width:min(980px,97vw);height:min(860px,95vh);padding:0;display:flex;overflow:hidden}.guide-hero{color:#fff;background:linear-gradient(120deg,#0d2355,#1744d5);justify-content:space-between;gap:20px;padding:25px 28px;display:flex}.guide-hero small{color:var(--y);letter-spacing:.14em;font-size:10px;font-weight:900}.guide-hero h2{margin:5px 0 4px;font-size:27px}.guide-hero p{color:#dce6ff;margin:0;font-size:12px}.guide-hero .modal-x{color:#fff;background:#ffffff20;flex:none}.guide-body{padding:18px 22px;overflow:auto}.guide-start{background:#fff8d3;border:1px solid #f0cd3e;border-radius:9px;gap:5px;padding:14px 16px;display:grid}.guide-start b{color:#725400;font-size:13px}.guide-start span{color:#554d35;font-size:12px;line-height:1.6}.guide-browser{grid-template-columns:270px minmax(0,1fr);gap:14px;margin-top:12px;display:grid}.guide-menu{align-content:start;gap:6px;max-height:540px;padding-right:4px;display:grid;overflow:auto}.guide-menu button{border:1px solid var(--line);text-align:left;color:#23304a;background:#fff;border-radius:9px;grid-template-columns:34px 1fr 14px;align-items:center;gap:9px;width:100%;padding:10px;display:grid}.guide-menu button>span{width:32px;height:32px;color:var(--b);background:#edf3ff;border-radius:8px;place-items:center;font-size:14px;display:grid}.guide-menu button div{gap:2px;min-width:0;display:grid}.guide-menu button b{font-size:12px}.guide-menu button small{color:#7b879b;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.guide-menu button em{color:#a5afc0;font-size:20px;font-style:normal}.guide-menu button.active{background:#f0f5ff;border-color:#1f54e7;box-shadow:0 5px 14px #164ccc17}.guide-menu button.active>span{background:var(--b);color:#fff}.guide-detail{background:linear-gradient(145deg,#fff,#f7f9ff);border:1px solid #dce5f5;border-radius:12px;min-height:430px;padding:22px}.guide-detail-title{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding-bottom:18px;display:flex}.guide-detail-title>span{color:#fff;background:linear-gradient(135deg,#1646c7,#2970ff);border-radius:14px;place-items:center;width:58px;height:58px;font-size:25px;display:grid;box-shadow:0 9px 20px #174dcc33}.guide-detail-title small{color:var(--b);letter-spacing:.13em;font-size:9px;font-weight:900}.guide-detail-title h3{margin:3px 0;font-size:20px}.guide-detail-title p{color:#758096;margin:0;font-size:11px}.guide-detail ol{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.guide-detail li{color:#46536a;background:#fff;border:1px solid #e6eaf2;border-radius:9px;grid-template-columns:28px 1fr;align-items:start;gap:10px;padding:11px 12px;font-size:12px;line-height:1.55;display:grid}.guide-detail li b{color:#6b5100;background:#fff2a6;border-radius:50%;place-items:center;width:24px;height:24px;font-size:10px;display:grid}.guide-grid article{border:1px solid var(--line);background:#fbfcfe;border-radius:9px;grid-template-columns:42px 1fr;gap:11px;padding:14px;display:grid}.guide-grid em{width:38px;height:38px;color:var(--b);background:#edf3ff;border-radius:8px;place-items:center;font-style:normal;font-weight:900;display:grid}.guide-grid h3{color:var(--n);margin:2px 0 7px;font-size:14px}.guide-grid p{color:#647187;margin:4px 0;font-size:11px;line-height:1.55}.guide-grid p b{color:#24385f}.guide-note{background:#eef3ff;border-radius:8px;align-items:center;gap:12px;margin-top:12px;padding:13px 16px;font-size:11px;display:flex}.guide-note b{color:var(--b);white-space:nowrap}.guide-modal>.close-modal{flex:none;width:calc(100% - 44px);margin:0 22px 18px}@media (width<=720px){.guide-modal{width:100%;height:96vh}.guide-hero{padding:18px}.guide-body{padding:12px}.guide-grid,.guide-browser{grid-template-columns:1fr}.guide-menu{grid-template-columns:1fr 1fr;max-height:190px}.guide-menu button{grid-template-columns:28px 1fr;padding:8px}.guide-menu button>span{width:27px;height:27px}.guide-menu button em{display:none}.guide-detail{min-height:0;padding:15px}.guide-detail-title>span{width:46px;height:46px;font-size:20px}.guide-detail-title h3{font-size:17px}.guide-grid article{grid-template-columns:36px 1fr;padding:11px}.guide-grid em{width:32px;height:32px;font-size:11px}.guide-note{gap:4px;display:grid}.guide-modal>.close-modal{width:calc(100% - 24px);margin:0 12px 12px}nav{grid-template-columns:repeat(4,1fr)}nav button{justify-content:center}}.view-hidden{display:none!important}.main-nav{display:block}.main-nav .nav-group{width:100%;min-height:48px;font-weight:900}.main-nav .nav-group b{text-align:left;flex:1}.main-nav .nav-group em{margin-left:auto;font-style:normal}.subnav{background:#0b1e4a;border-left:1px solid #385180;margin:4px 8px 10px;padding:5px 0}.subnav button{width:100%;height:37px;padding-left:18px;font-size:11px}.subnav button.on{border-left-color:var(--y)}.attendance-subnav{background:#0a1b43}.attendance-subnav button{white-space:nowrap;letter-spacing:-.03em;gap:5px;padding:0 6px 0 12px}.attendance-subnav button span{flex:0 0 18px;width:18px}.attendance-subnav button.on{color:#fff;background:#17366f}.attendance-subnav button.on span{color:var(--y)}.ops-lock-workspace{background:radial-gradient(circle at 70% 20%,#edf3ff 0,#f7f9fc 42%,#eef2f8 100%);place-items:center;display:grid}.ops-lock-card{border:1px solid #ccd7e8;border-top:6px solid var(--b);text-align:center;background:#fff;border-radius:18px;width:min(520px,92%);padding:44px;box-shadow:0 24px 70px #10275d25}.ops-lock-icon{background:var(--n);border-radius:20px;place-items:center;width:72px;height:72px;margin:0 auto 16px;font-size:31px;display:grid;box-shadow:0 10px 24px #10275d38}.ops-lock-card small,.ops-password-modal>small{color:var(--b);letter-spacing:.14em;font-weight:900}.ops-lock-card h1{margin:9px 0;font-size:34px}.ops-lock-card p{color:var(--muted);font-size:13px;line-height:1.7}.ops-lock-card button{background:var(--b);color:#fff;border:0;border-radius:9px;width:100%;margin:18px 0 13px;padding:14px;font-size:15px;font-weight:900;box-shadow:0 5px #0c2d9b}.ops-lock-card span{color:#8591a3;font-size:10px}.ops-password-modal{text-align:center;width:min(430px,92vw)}.ops-password-icon{background:var(--n);border-radius:16px;place-items:center;width:62px;height:62px;margin:0 auto 12px;font-size:27px;display:grid}.ops-password-modal h2{margin:8px 0 4px}.ops-password-modal p{color:var(--muted);margin:0 0 15px}.ops-password-modal>input{width:100%;color:var(--n);text-align:center;letter-spacing:.45em;background:#f7f9fc;border:2px solid #bfcbe0;border-radius:9px;padding:15px;font-size:28px;font-weight:900}.ops-password-modal>input:focus{border-color:var(--b);outline:0;box-shadow:0 0 0 4px #1744d51a}.ops-password-modal>strong{color:var(--r);margin-top:9px;font-size:11px;display:block}.ops-password-modal>div:last-child{grid-template-columns:1fr 1.5fr;gap:8px;margin-top:15px;display:grid}.ops-password-modal button{color:#56647a;background:#fff;border:1px solid #c8d2e2;border-radius:8px;padding:12px;font-weight:900}.ops-password-modal button[type=submit]{border-color:var(--b);background:var(--b);color:#fff}.ops-password-modal button:disabled{opacity:.45}.schedule-workspace{min-width:0}.schedule-page-head{align-items:flex-start}.schedule-actions{gap:8px;display:flex}.schedule-actions button{color:#536178;background:#fff;border:1px solid #cad5e6;border-radius:8px;padding:11px 17px;font-weight:900}.schedule-actions .save-schedule{border-color:var(--b);background:var(--b);color:#fff}.schedule-actions button:disabled{opacity:.55}.schedule-store-tabs{grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0;display:grid}.schedule-store-tabs button{border:1px solid var(--line);color:#526078;background:#fff;border-radius:10px;justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.schedule-store-tabs button b{font-size:16px}.schedule-store-tabs button span{font-size:10px}.schedule-store-tabs button.active{background:var(--n);border-color:var(--n);color:#fff;box-shadow:0 8px 20px #10275d2d}.schedule-store-tabs button.active b{color:var(--y)}.schedule-status{color:#274066;background:#eef4ff;border:1px solid #c8d5ea;border-radius:8px;align-items:center;gap:8px;margin-bottom:10px;padding:10px 13px;font-size:11px;display:flex}.schedule-status>span{color:var(--g)}.schedule-status small{color:#6b7990;margin-left:auto}.schedule-status.editing{background:#fff8d6;border-color:#f1cf42}.schedule-status.editing>span{color:#a97a00}.schedule-card{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #10275d0d}.schedule-title-row{background:linear-gradient(90deg,#f5a329,#f7bd40);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.schedule-title-row h2{margin:0;font-size:18px}.schedule-title-row span{font-size:11px;font-weight:800}.schedule-title-row input{border:1px solid #9d6c12;border-radius:6px;width:min(500px,70%);padding:8px;font-weight:900}.schedule-table-wrap{overflow:auto}.schedule-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1050px}.schedule-table th,.schedule-table td{text-align:center;white-space:pre-line;border:1px solid #cbd3df;height:44px;padding:6px;font-size:11px}.schedule-table thead th{z-index:1;color:#22314d;background:#f5f7fb;font-weight:900;position:sticky;top:0}.schedule-table thead th:first-child{width:120px}.schedule-table thead th:nth-child(2){width:72px}.schedule-table thead .weekend{color:#e23b45}.schedule-table tbody th{background:#fff1cd;font-weight:800}.schedule-table .section-cell{color:#1744d5;background:#e7f2ff;font-weight:800}.schedule-table .section-점장,.schedule-table .section-실장{color:#032842;background:#06a7d9}.schedule-table .section-이사{color:#3a0820;background:#f15183}.schedule-table .section-3층{color:#674800;background:#ffd63b}.schedule-table .stock-check{background:#fff600;font-weight:900}.schedule-table .off{color:#6e7889;background:#f2f4f7;font-weight:900}.schedule-table .empty-shift{color:#d2d8e2}.schedule-table input,.schedule-table textarea{text-align:center;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #aebbd0;border-radius:5px;padding:6px}.schedule-table textarea{resize:vertical;height:39px}.schedule-table th,.schedule-table td{height:58px!important;font-size:17px!important;font-weight:800!important;line-height:1.3!important}.schedule-table thead th{font-size:16px!important}.schedule-table tbody th,.schedule-table .section-cell{font-weight:950!important}.schedule-table textarea{height:47px!important;font-size:16px!important;font-weight:800!important}.schedule-title-row h2{font-size:27px!important}@media (width<=720px){.schedule-table th,.schedule-table td{font-size:16px!important}.schedule-table thead th{font-size:15px!important}}.schedule-image-export{width:1180px!important;max-width:none!important;padding:26px!important}.schedule-image-export .schedule-title-row h2{font-size:30px!important}.schedule-image-export .schedule-title-row span{font-size:17px!important}.schedule-image-export .schedule-table-wrap{overflow:visible!important}.schedule-image-export .schedule-table th,.schedule-image-export .schedule-table td{height:72px!important;padding:10px 8px!important;font-size:19px!important;line-height:1.35!important}.schedule-image-export .schedule-table thead th{font-size:18px!important}.delete-staff{width:28px;height:28px;color:var(--r);background:#fff0f1;border:0;border-radius:50%;font-size:18px}.add-staff{border:1px dashed var(--b);color:var(--b);background:#edf3ff;border-radius:7px;margin:14px;padding:10px 16px;font-weight:900}.schedule-loading{min-height:300px;color:var(--muted);border:1px dashed #bfcada;border-radius:10px;place-items:center;display:grid}@media (width<=720px){.main-nav{padding:0 8px 10px;display:block}.main-nav .nav-group{justify-content:flex-start}.subnav{grid-template-columns:repeat(2,1fr);margin:4px 0 8px;display:grid}.subnav button{justify-content:flex-start;padding-left:10px}.schedule-page-head{display:block}.schedule-actions{margin-top:14px}.schedule-actions button{flex:1}.schedule-store-tabs{gap:5px}.schedule-store-tabs button{padding:12px 9px}.schedule-status{grid-template-columns:auto 1fr;display:grid}.schedule-status small{grid-column:1/-1;margin:0}.schedule-title-row{display:block}.schedule-title-row span{margin-top:5px;display:block}.schedule-title-row input{width:100%}}.qr-small{border:1px solid var(--b);color:var(--b);background:#edf3ff;border-radius:5px;padding:5px 8px;font-size:9px;font-weight:900}.staff-workspace{min-width:0}.staff-panel{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:14px;overflow:hidden}.staff-panel-head{border-bottom:1px solid var(--line);background:#f2f5fa;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.staff-panel-head h2{margin:0;font-size:17px}.staff-panel-head span{color:var(--muted);font-size:11px}.attendance-table{overflow:auto}.attendance-row{border-top:1px solid #e7ebf1;grid-template-columns:120px 80px 1fr 110px 110px 100px;align-items:center;gap:10px;min-width:720px;padding:12px 18px;font-size:12px;display:grid}.attendance-row.head{color:#637188;background:#edf3ff;border-top:0;font-size:10px;font-weight:900}.attendance-row em{color:#7d8796;text-align:center;background:#f1f3f6;border-radius:20px;padding:5px 8px;font-size:10px;font-style:normal;font-weight:900}.attendance-row em.working{color:#825f00;background:#fff3b8}.attendance-row em.done{color:#08794c;background:#dff8ec}.empty-staff{text-align:center;color:var(--muted);padding:48px}.contract-upload{background:#f4f7fc;border:1px solid #cbd6e7;border-radius:10px;align-items:end;gap:10px;margin:18px 0 10px;padding:16px;display:flex}.contract-upload>div{gap:9px;display:flex}.contract-upload label{color:#536078;gap:5px;font-size:10px;font-weight:900;display:grid}.contract-upload select{background:#fff;border:1px solid #bdc9da;border-radius:6px;min-width:150px;padding:9px}.contract-upload button{background:var(--b);color:#fff;border:0;border-radius:7px;padding:10px 16px;font-weight:900}.contract-upload small{color:var(--muted)}.contract-list{display:grid}.contract-item{border-top:1px solid var(--line);grid-template-columns:46px 1fr auto auto;align-items:center;gap:12px;padding:13px 17px;display:grid}.contract-item:first-child{border-top:0}.contract-icon{width:42px;height:42px;color:var(--b);background:#edf3ff;border-radius:8px;place-items:center;font-size:20px;display:grid}.contract-item b,.contract-item span,.contract-item small{display:block}.contract-item span{color:#4f5c71;margin:3px 0;font-size:11px}.contract-item small{color:#8994a5;font-size:9px}.contract-item a,.contract-item button{border:1px solid var(--b);color:var(--b);background:#fff;border-radius:6px;padding:7px 10px;font-size:10px;text-decoration:none}.contract-item button{color:var(--r);border-color:#efc5c8}.qr-modal{text-align:center}.qr-modal>small{color:var(--b);font-weight:900}.qr-modal h2{margin:8px 0 3px}.qr-modal>p{color:var(--muted);margin:0}.qr-modal>img{border:8px solid #fff;width:min(320px,100%);margin:15px auto;display:block;box-shadow:0 4px 20px #10275d25}.qr-loading{color:#53627b;background:#f6f9ff;border:2px dashed #c9d7ef;border-radius:14px;justify-items:center;gap:9px;min-height:250px;margin:15px 0;padding:58px 18px;display:grid}.qr-loading>span{border:6px solid #dbe5f7;border-top-color:var(--b);border-radius:50%;width:54px;height:54px;animation:.85s linear infinite qr-loading-spin}.qr-loading>b{color:var(--n);font-size:15px}.qr-loading>small{color:var(--muted);line-height:1.5}.qr-loading-error{background:#fff8f8;border-style:solid;border-color:#f0c4c7}.qr-loading-error>b{color:var(--r)}.qr-loading-error>button{background:var(--b);color:#fff;border:0;border-radius:9px;margin-top:8px;padding:12px 18px;font-weight:950}@keyframes qr-loading-spin{to{transform:rotate(360deg)}}.qr-modal>a{background:var(--b);color:#fff;border-radius:7px;padding:11px;font-weight:900;text-decoration:none;display:block}.clock-page{z-index:50;background:linear-gradient(145deg,#071943,#1744d5);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.clock-card{text-align:center;background:#fff;border-radius:20px;width:min(430px,100%);padding:30px;box-shadow:0 30px 80px #00103380}.clock-card>img{object-fit:contain;width:180px;max-height:100px}.clock-card>small{color:var(--b);letter-spacing:.13em;margin-top:16px;font-weight:900;display:block}.clock-card h1{margin:8px 0 4px;font-size:30px}.clock-card p{color:var(--muted);margin:0}.clock-result{color:#536078;background:#f1f4f9;border-radius:9px;margin:22px 0;padding:14px;font-weight:800}.clock-result.success{color:#08794c;background:#dff8ec}.clock-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.clock-buttons button{background:var(--b);color:#fff;border:0;border-radius:10px;padding:17px;font-size:18px;font-weight:900}.clock-buttons button:last-child{background:var(--n)}.clock-buttons button:disabled{opacity:.45}.clock-card>span{color:#8490a2;margin-top:15px;font-size:10px;display:block}.external-store-qr-panel{background:linear-gradient(110deg,#fffce8,#f4f8ff);border:2px solid #f1c514;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin:16px 0;padding:18px 20px;display:flex;box-shadow:0 7px 20px #17386d12}.external-store-qr-panel small{color:#c79b00;letter-spacing:.12em;font-size:9px;font-weight:950}.external-store-qr-panel h2{color:var(--n);margin:4px 0;font-size:18px}.external-store-qr-panel p{color:#657289;margin:0;font-size:10px}.external-store-buttons{flex:none;gap:8px;display:flex}.external-store-buttons button{background:var(--b);color:#fff;border:0;border-radius:9px;min-width:125px;padding:13px 16px;font-weight:950}.external-clock-checks{gap:10px;margin:16px 0;display:grid}.external-clock-checks label,.external-clock-checks>button{width:100%;color:var(--ink);text-align:left;background:#fff;border:2px solid #c8d3e2;border-radius:11px;gap:4px;padding:15px;display:grid}.external-clock-checks b{font-size:14px}.external-clock-checks span{color:#6c788b;font-size:10px}.external-clock-checks .done{background:#edfff6;border-color:#18a064}.external-clock-checks input[type=file]{margin-top:7px;font-size:11px}.external-qr-modal{text-align:center}.external-qr-modal>img{border:8px solid #fff;width:min(360px,85vw);margin:16px auto;display:block;box-shadow:0 5px 20px #10275d25}.external-qr-modal>a{background:var(--b);color:#fff;border-radius:9px;padding:12px 20px;font-weight:950;text-decoration:none;display:inline-flex}@media (width<=720px){.external-store-qr-panel{flex-direction:column;align-items:flex-start}.external-store-buttons{width:100%}.external-store-buttons button{flex:1;min-width:0}.external-qr-actions>*{flex:1}.contract-upload{display:block}.contract-upload>div{grid-template-columns:1fr 1fr;display:grid}.contract-upload select{width:100%;min-width:0}.contract-upload button{width:100%;margin:10px 0}.contract-item{grid-template-columns:40px 1fr}.contract-item a,.contract-item button{grid-row:2}.schedule-table thead th:first-child{width:105px}.schedule-table thead th:nth-child(2){width:48px}.schedule-table thead th:nth-child(3){width:65px}}.external-qr-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.external-qr-actions a,.external-qr-actions button{background:var(--b);color:#fff;border:0;border-radius:9px;justify-content:center;align-items:center;min-width:112px;padding:12px 17px;font-weight:950;text-decoration:none;display:inline-flex}.external-qr-actions button:nth-child(2){color:#172445;background:#f2c313}.external-qr-actions button:nth-child(3){color:var(--b);background:#eef3ff;border:1px solid #b8c9e4}.external-qr-modal>em{color:#6e7b8f;margin-top:12px;font-size:10px;font-style:normal;display:block}.external-clock-invalid{text-align:center;background:#fff1f2;border:2px solid #e6535d;border-radius:13px;gap:8px;margin:18px 0;padding:22px 18px;display:grid}.external-clock-invalid b{color:#b4232d;font-size:19px}.external-clock-invalid span{color:#6c3b40;font-size:11px}.external-clock-invalid button{color:#fff;background:#173fbd;border:0;border-radius:9px;margin-top:6px;padding:13px;font-weight:950}.clock-logout{color:#3c4d68;background:#fff;border:1px solid #b9c7dc;border-radius:9px;width:100%;margin-top:14px;padding:12px;font-weight:900}.clock-logout:hover{color:#1744d5;background:#f3f7ff;border-color:#1744d5}.external-clock-checks .invalid{background:#fff1f2!important;border-color:#e6535d!important}.external-clock-checks .invalid b{color:#b4232d}.external-clock-checks .invalid span{color:#8b3038}.developer-signature{z-index:999;color:#fff;pointer-events:none;background:linear-gradient(115deg,#0c2d84 0%,#1748c8 58%,#08205f 100%);border:1px solid #ffffff80;border-radius:999px;align-items:center;gap:9px;min-width:205px;padding:7px 13px 7px 8px;display:flex;position:fixed;bottom:14px;right:16px;overflow:hidden;box-shadow:0 8px 28px #071b5560,inset 0 1px #ffffff38}.developer-monogram{color:#10275d;background:linear-gradient(145deg,#ffe96c,#e7b900);border:2px solid #ffe15a;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;font-family:Arial Black,sans-serif;font-size:12px;font-style:italic;font-weight:950;display:grid;box-shadow:0 0 16px #ffd82970}.developer-copy{line-height:1.12;display:grid}.developer-copy small{color:#ffe253;letter-spacing:.2em;font-size:7px;font-weight:950}.developer-copy b{color:#fff;letter-spacing:-.02em;margin-top:3px;font-size:11px;font-weight:950}.developer-signature i{filter:blur(1px);background:linear-gradient(90deg,#0000,#ffffffb8,#0000);width:26px;animation:3.1s ease-in-out infinite developer-signature-shine;position:absolute;top:-20px;bottom:-20px;left:-55px;transform:rotate(20deg)}@keyframes developer-signature-shine{0%{opacity:0;left:-55px}12%{opacity:1}45%{opacity:0;left:240px}to{opacity:0;left:240px}}@media (width<=720px){.developer-signature{opacity:.94;gap:7px;min-width:0;padding:6px 10px 6px 6px;bottom:8px;right:8px}.developer-monogram{flex-basis:29px;width:29px;height:29px;font-size:10px}.developer-copy small{font-size:6px}.developer-copy b{font-size:9px}}.developer-signature{border-width:2px;gap:12px;min-width:268px;padding:11px 20px 11px 11px;bottom:18px;right:20px}.developer-monogram{flex-basis:46px;width:46px;height:46px;font-size:16px}.developer-copy small{font-size:9px}.developer-copy b{margin-top:5px;font-size:15px}.developer-signature i{width:34px}@media (width<=720px){.developer-signature{opacity:.97;gap:9px;min-width:218px;padding:8px 14px 8px 8px;bottom:10px;right:10px}.developer-monogram{flex-basis:38px;width:38px;height:38px;font-size:13px}.developer-copy small{font-size:7px}.developer-copy b{font-size:12px}}.attendance-controls{align-items:end;gap:8px;display:flex}.attendance-controls label{color:#66748a;gap:5px;font-size:10px;font-weight:900;display:grid}.attendance-controls input,.attendance-controls select{color:#26354e;background:#fff;border:1px solid #c4cfdf;border-radius:7px;height:38px;padding:7px 10px}.attendance-controls button{background:var(--b);color:#fff;border:0;border-radius:7px;height:38px;padding:0 18px;font-weight:900}.payroll-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0;display:grid}.payroll-summary article{border:1px solid var(--line);background:#fff;border-radius:10px;padding:16px 18px}.payroll-summary span{color:var(--muted);margin-bottom:7px;font-size:10px;display:block}.payroll-summary strong{color:var(--n);font-size:22px}.payroll-summary article:last-child{background:var(--n)}.payroll-summary article:last-child span{color:#c7d4f2}.payroll-summary article:last-child strong{color:var(--y)}.staff-panel-head>div p{color:var(--muted);margin:4px 0 0;font-size:10px}.payroll-table{overflow:auto}.monthly-payroll-group-tabs{background:#f7f9fd;border-top:1px solid #e6ebf2;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px 16px;display:grid}.monthly-payroll-group-tabs button{color:#53627a;text-align:left;cursor:pointer;background:#fff;border:1px solid #cbd6e6;border-radius:9px;grid-template-columns:1fr auto;align-items:center;gap:3px 8px;min-height:58px;padding:10px 13px;display:grid}.monthly-payroll-group-tabs span{font-weight:950}.monthly-payroll-group-tabs b{color:var(--b);font-size:15px}.monthly-payroll-group-tabs small{color:#7b8799;grid-column:1/-1;font-size:8px}.monthly-payroll-group-tabs button.active{border-color:var(--b);background:var(--n);color:#fff;box-shadow:0 6px 16px #10275d24}.monthly-payroll-group-tabs button.active span{color:var(--y)}.monthly-payroll-group-tabs button.active b{color:#fff}.monthly-payroll-group-tabs button.active small{color:#d7e2ff}.monthly-payroll-total{background:linear-gradient(135deg,#f7faff,#edf3ff);border:1px solid #b9cae7;border-radius:11px;grid-template-columns:190px 1fr;gap:12px;margin:0 16px 14px;padding:14px;display:grid;box-shadow:0 6px 18px #12367112}.monthly-payroll-total>div{background:var(--n);color:#fff;border-radius:9px;align-content:center;padding:10px 14px;display:grid}.monthly-payroll-total small{color:#b9c9ea;font-size:8px;font-weight:900}.monthly-payroll-total>div strong{color:var(--y);margin:3px 0;font-size:18px}.monthly-payroll-total>div span{color:#fff;font-size:10px}.monthly-payroll-total dl{grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.monthly-payroll-total dl>div{border-left:1px solid #cfdaeb;align-content:center;gap:5px;padding:8px 14px;display:grid}.monthly-payroll-total dt{color:#77849a;font-size:9px;font-weight:850}.monthly-payroll-total dd{color:var(--n);margin:0;font-size:15px;font-weight:950}.monthly-payroll-total .final-pay-total dd{color:var(--b);font-size:18px}.payroll-row{border-top:1px solid #e6ebf2;grid-template-columns:75px minmax(110px,1fr) 75px 95px 145px 135px 85px;align-items:center;gap:9px;min-width:800px;padding:11px 16px;font-size:11px;display:grid}.payroll-row.head{color:#637188;background:#edf3ff;border-top:0;font-size:10px;font-weight:900}.payroll-row label{align-items:center;gap:4px;display:flex}.payroll-row input{text-align:right;border:1px solid #bdc9da;border-radius:6px;width:105px;padding:7px}.payroll-row b{color:var(--b);font-size:13px}.payroll-row button,.payroll-detail button{border:1px solid var(--b);color:var(--b);background:#fff;border-radius:6px;padding:7px 8px;font-size:10px;font-weight:900}.attendance-row.payroll-detail,.attendance-row.payroll-detail-head{grid-template-columns:90px 65px 100px 165px 165px 90px 100px 60px;min-width:900px}.attendance-row.payroll-detail-head{color:#637188;background:#edf3ff;border-top:0;font-size:10px;font-weight:900}.payroll-detail input{border:1px solid #c2ccdb;border-radius:5px;width:100%;padding:6px;font-size:10px}.worked-hours-editor{align-items:center;gap:4px;display:flex!important}.worked-hours-editor input{text-align:center;color:var(--b);font-weight:900;width:54px!important}.worked-hours-editor small{color:#69778d;font-size:9px}.staff-big-qr-button{border-radius:12px!important;min-width:210px!important;min-height:64px!important;padding:16px 24px!important;font-size:17px!important;box-shadow:0 8px 20px #1742d033!important}.staff-notice-composer,.my-staff-notices{background:#fff;border:2px solid #bfd0e8;border-radius:14px;margin:16px 0;padding:18px;box-shadow:0 7px 22px #193c7312}.staff-notice-head,.my-staff-notices-head{justify-content:space-between;align-items:center;gap:15px;display:flex}.staff-notice-head small,.my-staff-notices-head small{color:var(--b);letter-spacing:.12em;font-size:8px;font-weight:950}.staff-notice-head h2,.my-staff-notices-head h2{margin:4px 0;font-size:18px}.staff-notice-head p{color:#6c788b;margin:0;font-size:10px}.staff-notice-head>button,.my-staff-notices-head>button{border:1px solid var(--b);color:var(--b);background:#fff;border-radius:8px;padding:9px 13px;font-weight:900}.staff-notice-recipients{background:#f5f8fd;border-radius:10px;gap:7px;margin:14px 0;padding:12px;display:flex;overflow-x:auto}.staff-notice-recipients label{cursor:pointer;background:#fff;border:1px solid #cbd6e5;border-radius:8px;flex:none;align-items:center;gap:7px;padding:9px 11px;display:flex}.staff-notice-recipients label.selected{border-color:var(--b);background:#eaf0ff}.staff-notice-recipients b{font-size:10px}.staff-notice-recipients span{color:#748197;font-size:8px}.staff-notice-write{grid-template-columns:1fr 190px;gap:9px;display:grid}.staff-notice-write textarea{resize:vertical;min-height:88px;font:inherit;border:1px solid #bfcbdc;border-radius:9px;padding:12px}.staff-notice-write button{background:var(--b);color:#fff;border:0;border-radius:9px;font-weight:950}.staff-notice-status{color:#627087;margin:8px 0 0;font-size:9px}.staff-notice-chat{gap:9px;max-height:360px;margin-top:14px;display:grid;overflow:auto}.staff-notice-chat article{background:#eef3ff;border:1px solid #cad7f0;border-radius:4px 13px 13px;justify-self:start;max-width:min(680px,92%);padding:11px 13px}.staff-notice-chat article>div{justify-content:space-between;align-items:center;gap:18px;display:flex}.staff-notice-chat b{color:var(--b);font-size:10px}.staff-notice-chat time{color:#7d899b;font-size:8px}.staff-notice-chat p{white-space:pre-wrap;color:#23314a;margin:7px 0 0;font-size:12px;line-height:1.55}.notice-empty{text-align:center;color:#8995a6;padding:24px;font-size:10px}.payroll-detail b{color:var(--b)}.payroll-store-tabs{grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0;display:grid}.payroll-store-tabs button{color:#5a687d;text-align:left;background:#fff;border:1px solid #cbd6e6;border-radius:11px;grid-template-columns:1fr auto;align-items:center;gap:4px;padding:15px 17px;display:grid}.payroll-store-tabs span{font-size:16px;font-weight:900}.payroll-store-tabs b{color:var(--n);grid-area:1/2/3;font-size:22px}.payroll-store-tabs small{color:#8490a2;font-size:10px}.payroll-store-tabs button.active{border-color:var(--b);background:linear-gradient(135deg, var(--n), var(--b));color:#fff;box-shadow:0 8px 20px #10275d33}.payroll-store-tabs button.active span{color:var(--y)}.payroll-store-tabs button.active b{color:#fff}.payroll-store-tabs button.active small{color:#d7e2ff}@media (width<=720px){.monthly-payroll-group-tabs{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.attendance-controls{grid-template-columns:1fr auto;margin-top:14px;display:grid}.attendance-controls button{grid-column:auto}.payroll-store-tabs{gap:5px}.payroll-store-tabs button{text-align:center;padding:11px 8px;display:block}.payroll-store-tabs span,.payroll-store-tabs b,.payroll-store-tabs small{display:block}.payroll-store-tabs span{font-size:13px}.payroll-store-tabs b{margin:4px 0;font-size:17px}.payroll-summary{grid-template-columns:1fr 1fr}.payroll-summary article:last-child{grid-column:1/-1}.payroll-summary strong{font-size:18px}}.training-workspace{min-width:0}.training-head{align-items:flex-start}.training-count{text-align:right;background:#f2f6ff;border:1px solid #cbd7eb;border-radius:11px;min-width:150px;padding:14px 18px}.training-count span,.training-count strong{display:block}.training-count span{color:var(--muted);font-size:10px}.training-count strong{color:var(--b);margin-top:4px;font-size:25px}.training-category{grid-template-columns:90px repeat(3,minmax(145px,220px));align-items:stretch;gap:9px;margin:18px 0;display:grid}.training-category>span{background:var(--n);color:var(--y);border-radius:9px;place-items:center;font-size:11px;font-weight:900;display:grid}.training-category button{color:#516079;text-align:left;background:#fff;border:1px solid #ccd6e5;border-radius:9px;gap:4px;padding:12px 14px;display:grid}.training-category button b{font-size:13px}.training-category button small{color:#8491a5}.training-category button.active{border-color:var(--b);color:var(--b);background:#edf3ff;box-shadow:0 6px 16px #1744d51a}.training-category button:disabled{opacity:.55}.training-section-title{justify-content:space-between;align-items:end;margin:22px 0 11px;display:flex}.training-section-title small{color:var(--b);letter-spacing:.15em;font-size:9px;font-weight:900}.training-section-title h2{margin:4px 0;font-size:21px}.training-section-title p{color:var(--muted);margin:0;font-size:11px}.training-section-title>span{color:#78869a;font-size:10px}.training-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.training-card{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #10275d12}.training-video{aspect-ratio:9/16;background:#07132f;max-height:430px;position:relative}.training-video video{object-fit:contain;background:#07132f;width:100%;height:100%;display:block}.training-video>span{background:var(--y);color:#443500;border-radius:5px;padding:5px 9px;font-size:9px;font-weight:900;position:absolute;top:12px;left:12px}.training-copy>div{justify-content:space-between;align-items:center;display:flex}.training-copy small{color:var(--b);letter-spacing:.1em;font-weight:900}.training-copy em{color:#718095;font-size:10px;font-style:normal}.training-copy h3{color:var(--n);margin:8px 0 5px;font-size:16px}.training-copy p{min-height:34px;color:var(--muted);margin:0 0 12px;font-size:10px;line-height:1.6}.training-copy a{border:1px solid var(--b);color:var(--b);text-align:center;background:#edf3ff;border-radius:7px;padding:9px;font-size:10px;font-weight:900;text-decoration:none;display:block}.training-note{background:#fff9d9;border:1px solid #efd052;border-radius:9px;align-items:center;gap:16px;margin:16px 0;padding:14px 16px;display:flex}.training-note b{color:#765900;white-space:nowrap}.training-note span{color:#5e573c;font-size:11px;line-height:1.6}@media (width<=1000px){.training-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.training-head{display:block}.training-count{text-align:left;margin-top:12px}.training-category{display:flex;overflow-x:auto}.training-category>span{min-width:80px}.training-category button{min-width:150px}.training-section-title{display:block}.training-section-title>span{margin-top:7px;display:block}.training-grid{grid-template-columns:1fr}.training-video{max-height:520px}.training-note{gap:5px;display:grid}}.training-workspace{background:#f4f6fa}.academy-hero{color:#fff;background:radial-gradient(circle at 85% 10%,#2758e8 0,#0000 35%),linear-gradient(135deg,#07183d 0,#102b68 58%,#1744d5 100%);border-radius:20px;grid-template-columns:1fr 260px;gap:38px;padding:34px 38px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 40px #10275d2c}.academy-hero:after{content:"";border:1px solid #ffffff18;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-120px;right:-70px;box-shadow:0 0 0 35px #ffffff08,0 0 0 70px #ffffff06}.academy-hero-copy,.academy-progress{z-index:1;position:relative}.academy-eyebrow{align-items:center;gap:12px;display:flex}.academy-eyebrow span{color:var(--y);letter-spacing:.19em;font-size:10px;font-weight:900}.academy-eyebrow b{background:#ffffff12;border:1px solid #ffffff30;border-radius:20px;padding:4px 8px;font-size:9px}.academy-hero h1{letter-spacing:-.04em;margin:14px 0 4px;font-size:38px}.academy-hero-copy>p{color:#dce5fb;margin:0;font-size:15px;line-height:1.7}.academy-hero-copy>p strong{color:#fff;font-size:20px}.academy-hero-actions{align-items:center;gap:14px;margin-top:22px;display:flex}.academy-hero-actions button{background:var(--y);color:#24314d;border:0;border-radius:9px;padding:12px 20px;font-weight:950;box-shadow:0 5px 18px #0005}.academy-hero-actions span{color:#bfcbed;font-size:10px}.academy-progress{border-left:1px solid #ffffff25;align-content:center;justify-items:center;padding-left:28px;display:grid}.progress-ring{--progress:0deg;background:conic-gradient(var(--y) var(--progress), #ffffff1c 0);border-radius:50%;place-items:center;width:132px;height:132px;display:grid;box-shadow:0 14px 28px #00133d55}.progress-ring:before{content:"";background:#10275d;border-radius:50%;grid-area:1/1;width:106px;height:106px}.progress-ring>div{z-index:1;text-align:center;grid-area:1/1}.progress-ring strong,.progress-ring span{display:block}.progress-ring strong{font-size:27px}.progress-ring span{color:#bfcbed;margin-top:2px;font-size:9px}.academy-progress p{margin:13px 0 3px;font-size:11px}.academy-progress p b{color:var(--y);font-size:16px}.academy-progress small{color:#aebddd;font-size:9px}.academy-summary{grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0;display:grid}.academy-summary article{background:#fff;border:1px solid #d9e0eb;border-radius:11px;align-items:center;gap:11px;padding:13px 15px;display:flex;box-shadow:0 6px 18px #10275d0b}.academy-summary article>span{width:34px;height:34px;color:var(--b);background:#edf3ff;border-radius:9px;place-items:center;font-weight:900;display:grid}.academy-summary small,.academy-summary strong{display:block}.academy-summary small{color:#8290a4;font-size:9px}.academy-summary strong{color:var(--n);margin-top:2px;font-size:15px}.academy-toolbar{justify-content:space-between;align-items:end;gap:20px;margin:25px 0 12px;display:flex}.academy-toolbar>div:first-child small{color:var(--b);letter-spacing:.16em;font-size:9px;font-weight:900}.academy-toolbar h2{margin:4px 0 3px;font-size:23px}.academy-toolbar p{color:var(--muted);margin:0;font-size:10px}.academy-search{gap:7px;min-width:390px;display:grid}.academy-search label{background:#fff;border:1px solid #cbd5e4;border-radius:8px;align-items:center;gap:7px;padding:8px 11px;display:flex}.academy-search label span{color:#78869a;font-size:17px}.academy-search input{width:100%;color:var(--n);border:0;outline:0;font-size:11px}.academy-search>div{justify-content:flex-end;gap:5px;display:flex}.academy-search button{color:#6a778b;background:#fff;border:1px solid #ccd5e3;border-radius:20px;padding:6px 10px;font-size:9px;font-weight:900}.academy-search button.active{border-color:var(--n);background:var(--n);color:var(--y)}.training-card{border-radius:16px;transition:all .2s;position:relative;box-shadow:0 10px 28px #10275d13}.training-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px #10275d20}.training-card.completed{border-color:#7ed9ae}.training-video{max-height:410px}.training-video>span{z-index:2;border-radius:20px}.training-favorite{z-index:3;color:#fff;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#07132fcc;border:1px solid #fff5;border-radius:50%;place-items:center;width:34px;height:34px;font-size:18px;display:grid;position:absolute;top:10px;right:10px}.training-favorite.active{border-color:var(--y);background:var(--y);color:#513e00}.training-video>em{z-index:2;color:#fff;background:#0b9b66;border-radius:20px;padding:6px 9px;font-size:9px;font-style:normal;font-weight:900;position:absolute;bottom:11px;right:11px}.training-copy{padding:16px}.training-tags{gap:5px;margin:10px 0 14px;justify-content:flex-start!important}.training-tags span{color:#64728a;background:#f0f3f8;border-radius:5px;padding:4px 7px;font-size:8px}.training-card-actions{grid-template-columns:1.6fr 1fr 34px;gap:6px;display:grid!important}.training-card-actions button,.training-card-actions a{border:1px solid var(--b);background:var(--b);color:#fff;border-radius:7px;place-items:center;padding:9px 7px;font-size:9px;font-weight:900;text-decoration:none;display:grid}.training-card-actions button+button{color:var(--b);background:#fff}.training-card-actions button.done{color:#08764f;background:#e3f8ef;border-color:#0b9b66}.training-card-actions a{color:var(--b);background:#fff;padding:0;font-size:15px}.training-empty{text-align:center;background:#fff;border:1px dashed #bdc9db;border-radius:14px;grid-column:1/-1;padding:60px}.training-empty>span{color:#9aa7ba;font-size:32px}.training-empty h3{margin:10px 0 5px}.training-empty p{color:var(--muted)}.training-empty button{background:var(--b);color:#fff;border:0;border-radius:7px;padding:9px 14px;font-weight:900}.training-note{border-radius:11px}.training-note b{color:#6e5100}@media (width<=1000px){.academy-hero{grid-template-columns:1fr 210px}.academy-summary{grid-template-columns:repeat(2,1fr)}.academy-toolbar{display:block}.academy-search{min-width:0;margin-top:14px}.academy-search>div{justify-content:flex-start}}@media (width<=720px){.academy-hero{padding:24px 20px;display:block}.academy-hero h1{font-size:30px}.academy-progress{border-top:1px solid #ffffff25;border-left:0;margin-top:24px;padding:22px 0 0}.academy-hero-actions{display:grid}.academy-summary{grid-template-columns:1fr 1fr}.academy-summary article{padding:10px}.academy-toolbar h2{font-size:20px}.academy-search>div{overflow-x:auto}.academy-search button{white-space:nowrap}.training-card:hover{transform:none}}.staff-login-workspace{background:linear-gradient(145deg,#071943,#1744d5);place-items:center;min-height:100vh;display:grid}.staff-login-card{text-align:center;background:#fff;border-radius:20px;width:min(440px,100%);padding:34px;box-shadow:0 28px 70px #00103380}.login-logo-shine{isolation:isolate;background:radial-gradient(circle at 22% 30%,#ffda2f52,#0000 32%),radial-gradient(circle at 78% 70%,#2369ff50,#0000 36%),linear-gradient(135deg,#fafdff,#eaf1ff);border:1px solid #ffffffc9;border-radius:22px;place-items:center;width:250px;max-width:100%;min-height:116px;padding:10px;animation:5.5s ease-in-out infinite youngbae-logo-frame;display:inline-grid;position:relative;overflow:hidden;box-shadow:0 14px 34px #1742d038,inset 0 0 22px #fff}.login-logo-shine:before{content:"";z-index:0;background:conic-gradient(from 0deg, transparent 0 14%, #ffd51f88 22%, transparent 34% 54%, #1d63ff88 64%, transparent 76% 100%);filter:blur(13px);opacity:.58;border-radius:50%;width:170px;height:170px;animation:8s linear infinite youngbae-logo-orbit;position:absolute}.login-logo-shine:after{content:"";z-index:2;filter:blur(3px);pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff18 12%,#fff6 32%,#ffffffeb 50%,#fff6 68%,#ffffff18 88%,#0000);width:54%;animation:5.5s cubic-bezier(.22,.52,.35,1) infinite youngbae-logo-shine;position:absolute;top:-35%;bottom:-35%;left:-65%;transform:skew(-17deg)}.login-logo-shine>img{z-index:1;object-fit:contain;width:215px;max-height:98px;animation:5.5s ease-in-out infinite youngbae-logo-glow;position:relative}.zzanggu-neon-marquee{isolation:isolate;background:linear-gradient(90deg,#fff7bd80 0%,#0000 19% 81%,#dbe8ff9c 100%),linear-gradient(#fff 0%,#f5f8ff 100%);border:1px solid #cfddf8;border-radius:16px;width:100%;height:56px;margin:16px 0 12px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff,inset 0 -1px #d9e4f7,0 10px 24px #1742d012}.zzanggu-neon-marquee:before{content:"";z-index:0;opacity:.9;pointer-events:none;background:linear-gradient(90deg,#ffd51f 0 48%,#2b69e8 52% 100%);border-radius:999px;height:3px;position:absolute;inset:auto 14px 0;box-shadow:0 0 10px #ffd51f4d,0 0 12px #2b69e84d}.zzanggu-neon-marquee:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#fdfdfd 0%,#0000 10% 90%,#f7f9fe 100%);position:absolute;inset:0}.zzanggu-neon-track{z-index:1;white-space:nowrap;letter-spacing:.12em;will-change:transform;align-items:center;width:max-content;animation:16s linear infinite zzanggu-neon-flow;display:flex;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.zzanggu-neon-set{align-items:center;gap:28px;padding-right:28px;display:flex}.zzanggu-neon-item{align-items:center;gap:8px;display:inline-flex}.zzanggu-neon-track strong{font-family:Arial Black,Montserrat,Pretendard,sans-serif;font-size:21px;font-style:italic;font-weight:950}.zzanggu-neon-yellow{color:#e7b900;-webkit-text-stroke:.35px #b28a00;text-shadow:0 1px #fff7c8,0 0 8px #ffd51f70}.zzanggu-neon-blue{color:#2160d8;-webkit-text-stroke:.35px #17479e;text-shadow:0 1px #dbe8ff,0 0 8px #2b69e866}@keyframes zzanggu-neon-flow{0%{transform:translate(-50%,-50%)}to{transform:translateY(-50%)}}@keyframes youngbae-logo-orbit{to{transform:rotate(360deg)scale(1.08)}}@keyframes youngbae-logo-frame{0%,to{transform:translateY(0)scale(1);box-shadow:0 14px 34px #1742d038,inset 0 0 22px #fff}50%{transform:translateY(-3px)scale(1.018);box-shadow:0 18px 42px #1742d052,0 0 24px #ffd51f25,inset 0 0 28px #fff}}@keyframes youngbae-logo-shine{0%{opacity:0;left:-75%}3%{opacity:.55}10%{opacity:1}91%{opacity:1;left:130%}97%,to{opacity:0;left:130%}}@keyframes youngbae-logo-glow{0%,3%,97%,to{filter:drop-shadow(0 0 #0000)}42%{filter:drop-shadow(0 3px 8px #9db7ff55)}76%{filter:drop-shadow(0 4px 12px #fff6)}}@media (prefers-reduced-motion:reduce){.login-logo-shine:after{animation:none;display:none}.login-logo-shine:before,.login-logo-shine,.login-logo-shine>img{animation:none}.zzanggu-neon-track{animation:none;left:50%;transform:translate(-50%,-50%)}.zzanggu-neon-set:nth-child(2){display:none}}@media (width<=720px){.monthly-payroll-total{grid-template-columns:1fr;margin:0 10px 12px}.monthly-payroll-total dl{grid-template-columns:1fr 1fr}.monthly-payroll-total dl>div:nth-child(odd){border-left:0}.login-logo-shine{width:238px}}.staff-login-card>small{color:var(--b);letter-spacing:.16em;margin-top:18px;font-weight:950;display:block}.staff-login-card h1{font-size:30px}.staff-login-card>p,.staff-login-card>span{color:var(--muted);font-size:11px}.staff-login-card form{text-align:left;gap:12px;margin:24px 0 14px;display:grid}.staff-login-card label{color:#526078;gap:6px;font-size:10px;font-weight:900;display:grid}.staff-login-card input{border:1px solid #bdc9da;border-radius:8px;padding:13px;font-size:14px}.staff-login-card button,.my-logout{background:var(--b);color:#fff;border:0;border-radius:8px;padding:14px;font-weight:950}.staff-login-card>b{color:var(--b);margin:10px 0;font-size:11px;display:block}.my-logout{height:44px}.my-summary{grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0;display:grid}.my-summary article{border:1px solid var(--line);background:#fff;border-radius:12px;padding:20px}.my-summary span,.my-summary strong{display:block}.my-summary span{color:var(--muted);font-size:10px}.my-summary strong{color:var(--n);margin-top:7px;font-size:22px}.my-record-list,.my-contract-list{display:grid}.my-record-list>div{border-top:1px solid var(--line);grid-template-columns:120px 1fr 1fr 100px;gap:12px;padding:13px 18px;font-size:11px;display:grid}.my-record-list>div:first-child,.my-contract-list>div:first-child{border-top:0}.my-record-list strong{color:var(--b);text-align:right}.my-contract-list>div{border-top:1px solid var(--line);grid-template-columns:1fr 180px 220px;gap:12px;padding:15px 18px;font-size:11px;display:grid}.my-contract-list strong{color:var(--b);text-align:right}.my-record-list>p,.my-contract-list>p{text-align:center;color:var(--muted);padding:30px}.account-create{background:#fff;border:1px solid #cbd6e7;border-radius:11px;grid-template-columns:120px 1fr 180px 180px 130px auto;align-items:end;gap:10px;margin:18px 0;padding:16px;display:grid}.account-create label{color:#536078;gap:6px;font-size:10px;font-weight:900;display:grid}.account-create input,.account-create select{background:#fff;border:1px solid #bdc9da;border-radius:7px;height:40px;padding:8px}.account-create button,.accounts-workspace header>button{background:var(--b);color:#fff;border:0;border-radius:7px;height:40px;padding:0 15px;font-weight:900}.account-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.account-grid article{background:#fff;border:1px solid #ccd7e6;border-radius:11px;justify-content:space-between;align-items:center;padding:17px;display:flex}.account-grid article.disabled{opacity:.58;background:#f1f3f6}.account-grid em{color:#8a4300;background:#ffe1b8;border-radius:20px;padding:4px 7px;font-size:9px;font-style:normal;font-weight:900}.account-grid h3{margin:8px 0 3px}.account-grid p{color:var(--muted);margin:0;font-size:10px}.account-grid button{border:1px solid var(--r);color:var(--r);background:#fff;border-radius:7px;padding:8px 10px;font-size:10px;font-weight:900}.branch-selector{background:#edf2f8;border:1px solid #cbd6e5;border-radius:15px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 12px;padding:8px;display:grid}.branch-selector button{color:#32415a;text-align:left;cursor:pointer;background:#fff;border:2px solid #0000;border-radius:11px;gap:4px;min-height:88px;padding:14px 16px;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid;position:relative;box-shadow:0 3px 10px #17386d0b}.branch-selector button:hover{transform:translateY(-1px);box-shadow:0 7px 16px #17386d17}.branch-selector button span{font-size:16px;font-weight:1000}.branch-selector button b{font-size:11px}.branch-selector button small{color:#7a879a;font-size:9px;font-weight:850}.branch-selector button.active{color:#fff;background:linear-gradient(145deg,#173fbd,#0c286f);border-color:#1744d5;box-shadow:0 8px 20px #1744d533}.branch-selector button.active small{color:#dce7ff}.branch-selector button.active:after{content:"선택됨";color:#10285d;background:#ffd900;border-radius:999px;padding:3px 6px;font-size:8px;font-weight:1000;position:absolute;top:10px;right:10px}.branch-current-heading{background:#f4f7fc;border-left:5px solid #1744d5;border-radius:0 10px 10px 0;justify-content:space-between;align-items:center;gap:14px;margin:12px 0 10px;padding:12px 15px;display:flex}.branch-current-heading small{color:#718098;letter-spacing:.08em;font-size:8px;font-weight:950;display:block}.branch-current-heading h2{color:#15294a;margin:3px 0 0;font-size:15px}.branch-current-heading>strong{text-align:right;color:#1744d5;min-width:55px;font-size:18px}.attendance-branch-selector{margin:14px 16px 8px}.attendance-current-heading{margin:8px 16px}.account-branch-selector+.branch-current-heading{margin-top:4px}@media (width<=720px){.branch-selector{grid-template-columns:1fr;gap:7px}.branch-selector button{min-height:70px}.attendance-branch-selector,.attendance-current-heading{margin-inline:10px}}.complaint-nav>span{border-radius:50%;place-items:center;font-weight:1000;color:#102b68!important;background:#ffe21f!important;display:grid!important}.complaint-nav>em{text-align:center;background:#e62f45;border-radius:999px;min-width:22px;padding:3px 6px;color:#fff!important;font-size:10px!important}.complaint-qr-panel{background:#fff;border:1px solid #cbd6e5;border-radius:15px;margin:16px 0;overflow:hidden;box-shadow:0 8px 24px #17386d12}.complaint-qr-grid{background:#f3f6fb;grid-template-columns:repeat(3,1fr);gap:13px;padding:16px;display:grid}.complaint-qr-grid>article{text-align:center;background:#fff;border:1px solid #d5ddea;border-radius:13px;padding:17px;position:relative}.complaint-qr-grid img,.complaint-qr-loading{aspect-ratio:1;object-fit:contain;width:min(100%,190px);margin:8px auto}.complaint-qr-loading{color:#77849a;background:#edf2f8;border-radius:10px;place-items:center;font-size:12px;font-weight:900;display:grid}.qr-store-badge{color:#fff;background:#102e76;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:950;display:inline-flex}.complaint-qr-grid h3{margin:6px 0 4px;font-size:15px}.complaint-qr-grid p{color:#748096;margin:0;font-size:10px}.complaint-qr-grid button{color:#1744d5;background:#eef3ff;border:1px solid #1744d5;border-radius:8px;width:100%;margin-top:12px;padding:9px;font-size:11px;font-weight:950}.complaint-admin-tabs{grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0;display:grid}.complaint-admin-tabs button{color:#2b3c58;text-align:left;background:#fff;border:2px solid #d1dbe9;border-radius:12px;gap:4px;padding:15px;display:grid}.complaint-admin-tabs button span{font-size:16px;font-weight:1000}.complaint-admin-tabs button b{font-size:12px}.complaint-admin-tabs button small{color:#7a879a;font-size:10px}.complaint-admin-tabs button.active{color:#fff;background:linear-gradient(140deg,#143cae,#09245e);border-color:#1744d5;box-shadow:0 8px 20px #1744d52b}.complaint-admin-tabs button.active small{color:#d9e5ff}.complaint-filterbar{background:#f4f7fc;border-left:5px solid #ffd400;border-radius:0 12px 12px 0;justify-content:space-between;align-items:center;gap:16px;margin:16px 0;padding:14px 16px;display:flex}.complaint-filterbar small{color:#778499;font-size:9px;font-weight:900}.complaint-filterbar h2{margin:3px 0 0;font-size:17px}.complaint-filterbar nav{flex-wrap:wrap;gap:6px;display:flex}.complaint-filterbar button{color:#41516b;background:#fff;border:1px solid #c8d3e3;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:10px;font-weight:900;display:flex}.complaint-filterbar button b{color:#1744d5}.complaint-filterbar button.active{color:#fff;background:#1744d5;border-color:#1744d5}.complaint-filterbar button.active b{color:#ffd900}.complaint-case-list{gap:13px;display:grid}.complaint-case{background:#fff;border:1px solid #ccd6e4;border-left:5px solid #1744d5;border-radius:13px;overflow:hidden;box-shadow:0 6px 20px #17386d0d}.complaint-case.status-처리완료{border-left-color:#07986a}.complaint-case.status-보류{border-left-color:#dd8c16}.complaint-case>header{background:#f8faff;justify-content:space-between;align-items:flex-start;gap:15px;padding:17px 18px;display:flex}.complaint-case>header>div{min-width:0}.case-status{color:#1744d5;background:#e7edff;border-radius:999px;margin-right:8px;padding:4px 8px;font-size:9px;font-weight:1000;display:inline-flex}.complaint-case>header small{color:#768398;font-size:9px;font-weight:900}.complaint-case h3{white-space:pre-wrap;margin:9px 0 0;font-size:14px;line-height:1.55}.complaint-case time{color:#778499;flex:none;font-size:10px}.complaint-case-data{grid-template-columns:1.15fr .85fr;gap:18px;padding:17px 18px;display:grid}.complaint-case dl{grid-template-columns:1fr 1fr;gap:10px;margin:0;display:grid}.complaint-case dl div{background:#f5f7fb;border-radius:9px;padding:10px 11px}.complaint-case dt{color:#778499;font-size:9px}.complaint-case dd{color:#1d2d47;word-break:break-all;margin:4px 0 0;font-size:11px;font-weight:900}.complaint-case dd.refund-amount{color:#d42d40;font-size:15px}.complaint-files>b{font-size:10px}.complaint-files>div{gap:6px;margin-top:8px;display:grid}.complaint-files a{color:#263a59;border:1px solid #cbd6e5;border-radius:8px;align-items:center;gap:7px;padding:9px;font-size:10px;font-weight:850;text-decoration:none;display:flex;overflow:hidden}.complaint-files a span{color:#1744d5;background:#e9efff;border-radius:5px;flex:none;padding:3px 5px;font-size:8px}.complaint-files p{color:#7d899a;font-size:10px}.complaint-case-actions{background:#fbfcfe;border-top:1px solid #e0e6ef;grid-template-columns:150px 1fr 130px;gap:10px;padding:15px 18px;display:grid}.complaint-case-actions label{color:#56657c;gap:5px;font-size:9px;font-weight:900;display:grid}.complaint-case-actions select,.complaint-case-actions textarea{width:100%;font:inherit;background:#fff;border:1px solid #bcc9da;border-radius:8px;font-size:11px}.complaint-case-actions select{height:41px;padding:0 9px}.complaint-case-actions textarea{resize:vertical;height:58px;padding:9px}.complaint-case-actions button{color:#fff;background:#1744d5;border:0;border-radius:8px;align-self:end;height:41px;font-size:10px;font-weight:950}.complaint-case>footer{color:#7a8799;text-align:right;border-top:1px solid #e3e8ef;padding:8px 18px;font-size:9px}.complaint-empty{color:#758196;background:#f8fafc;border:1px dashed #adbbcf;border-radius:13px;place-items:center;gap:6px;padding:45px;display:grid}.complaint-empty b{color:#34445e;font-size:13px}.complaint-empty span{font-size:10px}@media (width<=800px){.complaint-qr-grid,.complaint-admin-tabs{grid-template-columns:1fr}.complaint-filterbar{flex-direction:column;align-items:flex-start}.complaint-case>header,.complaint-case-data{grid-template-columns:1fr}.complaint-case>header{flex-direction:column}.complaint-case-actions{grid-template-columns:1fr}.complaint-case-actions button{height:48px}.complaint-case dl{grid-template-columns:1fr}.complaint-qr-grid img{width:180px}}@media (width<=1000px){.account-create{grid-template-columns:repeat(3,1fr)}.account-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.staff-login-workspace{padding:14px}.staff-login-card{padding:26px 20px}.my-workspace header,.accounts-workspace header{display:block}.my-logout{margin-top:12px}.my-summary{grid-template-columns:1fr 1fr}.staff-big-qr-button{width:100%!important;min-width:0!important;min-height:72px!important;font-size:18px!important}.staff-notice-composer,.my-staff-notices{padding:14px}.staff-notice-head{align-items:flex-start}.staff-notice-write{grid-template-columns:1fr}.staff-notice-write button{min-height:52px}.staff-notice-recipients{margin-inline:-4px}.my-summary article:last-child{grid-column:1/-1}.my-record-list>div{grid-template-columns:1fr 1fr}.my-record-list strong{text-align:left}.my-contract-list>div{grid-template-columns:1fr}.my-contract-list strong{text-align:left}.account-create{grid-template-columns:1fr 1fr}.account-create button{grid-column:1/-1}.account-grid{grid-template-columns:1fr}}.guest-shell aside{display:none}.guest-shell{background:linear-gradient(145deg,#071943,#1744d5);width:100%;max-width:none;overflow-x:hidden}.guest-shell .workspace{width:100%;margin-left:0}.guest-shell .staff-login-workspace{width:100vw;max-width:none;margin:0;padding:32px}@media (width<=720px){.guest-shell .staff-login-workspace{width:100%;padding:14px}}.auth-loading{color:#fff;background:linear-gradient(145deg,#071943,#1744d5);align-content:center;place-items:center;gap:18px;min-height:100vh;display:grid}.auth-loading img{object-fit:contain;width:190px;max-height:90px}.auth-loading b{letter-spacing:.04em;font-size:13px}.my-qr-pay{background:#fff;border:1px solid #c9d6e8;border-radius:15px;margin:16px 0;padding:20px;box-shadow:0 10px 28px #10275d10}.my-qr-pay-head{justify-content:space-between;align-items:center;display:flex}.my-qr-pay-head small{color:var(--b);letter-spacing:.15em;font-size:9px;font-weight:950}.my-qr-pay-head h2{margin:4px 0 0}.my-qr-pay-head>span{color:var(--b);background:#edf3ff;border-radius:20px;padding:7px 10px;font-size:10px;font-weight:900}.my-pay-head-actions{align-items:center;gap:8px;display:flex}.my-pay-head-actions>span{color:var(--b);background:#edf3ff;border-radius:20px;padding:7px 10px;font-size:10px;font-weight:900}.my-pay-head-actions>button{color:#fff;background:#1744d5;border:1px solid #1744d5;border-radius:8px;min-width:126px;padding:9px 11px;font-size:9px;font-weight:950}.my-qr-pay.pay-details-collapsed{box-shadow:none;background:#f8fafc;border-color:#d9e1ec;padding:14px 18px}.my-qr-pay.pay-details-collapsed>:not(.my-qr-pay-head){display:none!important}.my-qr-pay.pay-details-collapsed .my-qr-pay-head small{color:#7b8798}.my-qr-pay.pay-details-collapsed .my-qr-pay-head h2{color:#43516a;font-size:15px}.my-qr-pay-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 10px;display:grid}.my-qr-pay-grid article{background:#f9fbfe;border:1px solid #d9e1ec;border-radius:10px;padding:15px}.my-qr-pay-grid small,.my-qr-pay-grid strong,.my-qr-pay-grid p{display:block}.my-qr-pay-grid small{color:#748197;font-size:9px}.my-qr-pay-grid strong{color:var(--n);margin:6px 0;font-size:21px}.my-qr-pay-grid p{color:#8692a4;margin:0;font-size:9px}.my-qr-pay-grid .pay-highlight{background:#1744d5;border-color:#1744d5}.my-qr-pay-grid .pay-highlight small,.my-qr-pay-grid .pay-highlight p{color:#cbd9ff}.my-qr-pay-grid .pay-highlight strong{color:#fff}.my-contract-summary{background:#f1f4f9;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.my-contract-summary div>*{display:block}.my-contract-summary small{color:#758195;font-size:9px}.my-contract-summary b{margin:4px 0;font-size:12px}.my-contract-summary span{color:#6f7b8d;font-size:9px}.my-contract-summary>strong{color:var(--b);text-align:right;font-size:10px}@media (width<=720px){.my-qr-pay-grid{grid-template-columns:1fr}.my-qr-pay-head{align-items:flex-start;gap:10px}.my-pay-head-actions{flex-direction:column;align-items:flex-end}.my-pay-head-actions>button{min-width:116px}.my-contract-summary{flex-direction:column;align-items:flex-start}.my-contract-summary>strong{text-align:left}}.login-history-panel{background:#fff;border:1px solid #cbd6e5;border-radius:14px;margin-top:22px;overflow:hidden;box-shadow:0 10px 25px #10275d0d}.login-history-head{border-bottom:1px solid #dce3ed;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.login-history-head small{color:var(--b);letter-spacing:.14em;font-size:9px;font-weight:950}.login-history-head h2{margin:4px 0}.login-history-head p{color:#77849a;margin:0;font-size:10px}.login-history-head>span{color:var(--b);background:#edf3ff;border-radius:20px;padding:7px 10px;font-size:10px;font-weight:900}.login-history-table{overflow-x:auto}.login-history-row{border-top:1px solid #edf0f5;grid-template-columns:190px 90px 90px 1fr 100px 110px;align-items:center;gap:10px;min-width:760px;padding:11px 18px;font-size:10px;display:grid}.login-history-row.head{color:#657289;background:#f3f6fa;border-top:0;font-weight:900}.login-history-row em{color:#59667b;font-style:normal}.login-history-row b{text-align:center;border-radius:20px;padding:5px 8px;font-size:9px}.login-history-row.success b{color:#08764f;background:#e5f8ef}.login-history-row.failed{background:#fff8f7}.login-history-row.failed b{color:#b42d1d;background:#ffe5e1}@media (width<=720px){.login-history-head{flex-direction:column;align-items:flex-start;gap:10px}}.universal-collapse-head{align-items:center;gap:12px;display:flex;position:relative}.universal-collapse-head>.universal-collapse-button{z-index:3;flex:none;margin-left:auto;position:relative}.universal-collapsible.site-section-collapsed>:not(.universal-collapse-head){display:none!important}.universal-collapsible.site-section-collapsed{min-height:0!important}.panel.section-target.site-section-collapsed,.schedule-card.site-section-collapsed,.staff-panel.site-section-collapsed,.training-category.site-section-collapsed,.my-qr-pay.site-section-collapsed{padding-bottom:0!important}.panel.section-target.site-section-collapsed>.title,.schedule-card.site-section-collapsed>.schedule-title-row{margin-bottom:0!important}.inventory-auto-panel.site-section-collapsed>.universal-collapse-head{width:100%}@media (width<=720px){.universal-collapse-head{flex-wrap:wrap;align-items:flex-start}.universal-collapse-head>.universal-collapse-button{margin-left:auto}}.work-log-workspace>header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.work-log-composer{background:linear-gradient(135deg,#f6f9ff,#fffdf0);border:2px solid #9db8e5;border-radius:16px;grid-template-columns:220px minmax(0,1fr);gap:16px;margin-top:18px;padding:18px;display:grid;box-shadow:0 10px 28px #17386d14}.work-log-author-card{color:#fff;background:linear-gradient(150deg,#10275d,#1742d0);border-radius:12px;flex-direction:column;align-items:flex-start;padding:18px;display:flex}.work-log-author-card small{color:#ffd32f;letter-spacing:.12em;font-size:9px;font-weight:950}.work-log-author-card strong{margin-top:8px;font-size:22px}.work-log-author-card span{color:#d9e5ff;margin-top:4px;font-size:11px;font-weight:800}.work-log-author-card em{color:#bdcef4;margin-top:auto;padding-top:24px;font-size:9px;font-style:normal;line-height:1.5}.work-log-fields{grid-template-columns:180px 1fr;gap:11px;display:grid}.work-log-fields label{color:#485873;gap:6px;font-size:10px;font-weight:950;display:grid}.work-log-fields input,.work-log-fields select,.work-log-fields textarea{color:#1c2b43;width:100%;font:inherit;background:#fff;border:1px solid #b8c7dc;border-radius:9px;font-size:12px}.work-log-fields input,.work-log-fields select{height:43px;padding:0 12px}.work-log-content{grid-column:1/-1}.work-log-fields textarea{resize:vertical;min-height:125px;padding:12px;line-height:1.6}.work-log-actions{grid-column:1/-1;justify-content:flex-end;gap:8px;display:flex}.work-log-actions button{background:var(--b);color:#fff;border:0;border-radius:9px;min-width:150px;padding:12px 18px;font-weight:950}.work-log-actions .work-log-cancel{color:#526079;background:#fff;border:1px solid #b9c5d8;min-width:auto}.work-log-employee-tabs{gap:8px;margin:16px 0 10px;padding-bottom:5px;display:flex;overflow-x:auto}.work-log-employee-tabs button{color:#42516a;text-align:left;background:#fff;border:1px solid #c7d3e3;border-radius:10px;grid-template-columns:auto auto;align-items:center;gap:2px 9px;min-width:118px;padding:10px 12px;display:grid}.work-log-employee-tabs span{white-space:nowrap;font-size:11px;font-weight:950}.work-log-employee-tabs small{color:#8190a5;font-size:8px}.work-log-employee-tabs b{color:var(--b);grid-area:1/2/3;place-self:center end;font-size:15px}.work-log-employee-tabs button.active{border-color:var(--b);background:var(--b);color:#fff}.work-log-employee-tabs button.active small{color:#dce7ff}.work-log-employee-tabs button.active b{color:var(--y)}.work-log-list{gap:10px;display:grid}.work-log-list>article{background:#fff;border:1px solid #d4ddea;border-radius:13px;overflow:hidden;box-shadow:0 5px 16px #1939640c}.work-log-list>article>header{background:#f8faff;border-bottom:1px solid #e6ebf2;justify-content:space-between;align-items:flex-start;gap:15px;padding:14px 16px;display:flex}.work-log-list header span{color:#765d00;background:#fff1a8;border-radius:20px;padding:4px 8px;font-size:8px;font-weight:950;display:inline-block}.work-log-list h2{color:var(--n);margin:6px 0 0;font-size:15px}.work-log-list time{color:#53647d;white-space:nowrap;font-size:10px;font-weight:900}.work-log-list>article>p{color:#334158;white-space:pre-wrap;margin:0;padding:16px;font-size:12px;line-height:1.75}.work-log-list footer{border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:10px;padding:11px 16px;display:flex}.work-log-list footer>div{align-items:center;gap:8px;display:flex}.work-log-list footer strong{color:var(--n);font-size:11px}.work-log-list footer span{color:#768398;font-size:9px}.work-log-list footer em{color:#8a96a8;font-size:8px;font-style:normal}.work-log-list footer button{color:#42526b;background:#fff;border:1px solid #b8c6d9;border-radius:7px;padding:7px 10px;font-size:9px;font-weight:900}.work-log-list footer button.delete{color:#c43e48;border-color:#edb3b7}.work-log-empty{color:#758298;background:#f9fbfe;border:1px dashed #b5c3d7;border-radius:13px;flex-direction:column;align-items:center;gap:5px;padding:45px;display:flex}.work-log-empty b{color:#40506a}@media (width<=720px){.work-log-workspace>header{display:grid}.work-log-composer{grid-template-columns:1fr;padding:13px}.work-log-author-card em{margin-top:12px;padding-top:0}.work-log-fields{grid-template-columns:1fr}.work-log-title,.work-log-content,.work-log-actions{grid-column:1}.work-log-actions button{flex:1;min-width:0}.work-log-list>article>header,.work-log-list footer{flex-direction:column;align-items:flex-start}.work-log-list footer>div:last-child{align-self:flex-end}}.schedule-table tbody tr[style] th,.schedule-table tbody tr[style] td{height:var(--schedule-row-height)!important}.schedule-image-export{width:1600px!important;box-shadow:none!important;background:#fff!important;border:4px solid #102d67!important;border-radius:14px!important;padding:18px!important}.schedule-image-export .schedule-title-row{background:linear-gradient(100deg,#0b2d69 0%,#1749c7 72%,#ffe400 100%)!important;border-radius:0!important;min-height:76px!important;padding:14px 22px!important}.schedule-image-export .schedule-title-row h2{color:#fff!important;letter-spacing:-1.4px!important;white-space:nowrap!important;max-width:1120px!important;margin:0!important;font-size:38px!important;font-weight:1000!important;line-height:1.1!important}.schedule-image-export .schedule-title-row span{color:#153b8e!important;white-space:nowrap!important;background:#fff!important;border:2px solid #fff!important;border-radius:9px!important;padding:8px 14px!important;font-size:19px!important;font-weight:1000!important}.schedule-image-export .collapse-panel-button{display:none!important}.schedule-image-export .schedule-table{table-layout:fixed!important;border-collapse:collapse!important;border:4px solid #102d67!important;width:100%!important;min-width:0!important}.schedule-image-export .schedule-table th,.schedule-image-export .schedule-table td{color:#101f38!important;text-align:center!important;vertical-align:middle!important;white-space:nowrap!important;border:2px solid #71819b!important;height:52px!important;padding:5px 7px!important;font-size:21px!important;font-weight:900!important;line-height:1.1!important}.schedule-image-export .schedule-table thead th{color:#112e68!important;background:#e8eef8!important;border-bottom:4px solid #102d67!important;height:60px!important;font-size:22px!important;font-weight:1000!important}.schedule-image-export .schedule-table thead th:first-child{color:#fff!important;background:#112e68!important;width:170px!important}.schedule-image-export .schedule-table thead th:nth-child(2){color:#fff!important;background:#24498d!important;width:100px!important}.schedule-image-export .schedule-table thead th.weekend{color:#d92c3b!important;background:#fff0f0!important}.schedule-image-export .schedule-table tbody th{color:#112e68!important;background:#eaf1fb!important;padding-inline:8px!important;font-size:20px!important;font-weight:1000!important}.schedule-image-export .schedule-table tbody tr:nth-child(2n):not(.employee-schedule-row):not(.floor-3-schedule-row) td{background:#f7f9fd!important}.schedule-image-export .schedule-table .employee-schedule-row th,.schedule-image-export .schedule-table .employee-schedule-row td{color:#4a2800!important;background:#ffd39a!important}.schedule-image-export .schedule-table .section-cell{color:#1744c8!important;width:100px!important;font-size:18px!important;font-weight:1000!important}.schedule-image-export .schedule-table .floor-3-schedule-row th,.schedule-image-export .schedule-table .floor-3-schedule-row td{background:#fff4bd!important}.schedule-image-export .schedule-table tr:not(.floor-3-schedule-row)+tr.floor-3-schedule-row th,.schedule-image-export .schedule-table tr:not(.floor-3-schedule-row)+tr.floor-3-schedule-row td{border-top:5px solid #102d67!important}.schedule-image-export .schedule-table .stock-check{color:#132e68!important;background:#fff200!important}.schedule-image-export .schedule-table .off{color:#57667e!important;background:#e4e9f1!important}.schedule-image-export .schedule-table .empty-shift{color:#0000!important;font-size:0!important}.shift-edit-stack{gap:4px;display:grid}.shift-edit-stack textarea{min-height:34px}.task-rate-button{color:#17366e;background:#f5f8fd;border:1px solid #b9c8df;border-radius:7px;padding:4px;font-size:8px;font-weight:900}.task-rate-button.active{background:#fff8b8;border-color:#ffd900}.task-segment-cell{text-align:left;gap:3px;display:grid}.task-segment-cell>span{color:#17366e;background:#edf4ff;border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;gap:4px;padding:3px 5px;font-size:8px;display:grid}.task-segment-cell small{color:#1760ba;font-weight:900}.task-rate-backdrop{z-index:10000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#081937ad;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.task-rate-dialog{background:#fff;border:2px solid #ffd900;border-radius:20px;width:min(1060px,96vw);max-height:90vh;overflow:auto;box-shadow:0 24px 80px #00000059}.task-rate-dialog>header{color:#fff;background:linear-gradient(135deg,#102e6d,#174dcc);justify-content:space-between;align-items:flex-start;padding:22px 24px;display:flex}.task-rate-dialog header small{color:#ffe600;font-weight:950}.task-rate-dialog h2{margin:5px 0;font-size:22px}.task-rate-dialog header p{color:#dce7ff;margin:0;font-size:10px}.task-rate-dialog header button{color:#fff;background:0 0;border:0;font-size:26px}.task-rate-list{gap:10px;padding:20px;display:grid}.task-rate-row{background:#f8faff;border:1px solid #d9e1ed;border-radius:12px;grid-template-columns:95px 95px minmax(150px,1.3fr) 120px minmax(120px,1fr) 90px 52px;align-items:end;gap:8px;padding:13px;display:grid}.task-rate-row label{color:#5a687e;gap:5px;font-size:8px;font-weight:900;display:grid}.task-rate-row input,.task-rate-row select{color:#172b51;background:#fff;border:1px solid #b9c7db;border-radius:7px;width:100%;min-width:0;padding:8px}.task-rate-total{gap:2px;padding-bottom:5px;display:grid}.task-rate-total b{font-size:10px}.task-rate-total span{color:#1760ba;font-size:8px}.task-rate-delete{color:#b43627;background:#fee7e3;border:0;border-radius:7px;padding:9px 5px;font-size:8px;font-weight:900}.task-rate-add{color:#1743a1;background:#edf4ff;border:1px dashed #174dcc;border-radius:10px;margin:0 20px 18px;padding:11px 16px;font-weight:950}.task-rate-dialog>footer{background:#f8faff;border-top:1px solid #dce3ee;justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.task-rate-dialog footer div{align-items:center;gap:12px;display:flex}.task-rate-dialog footer strong{color:#102e6d;font-size:19px}.task-rate-dialog footer button{color:#102e6d;background:#ffd900;border:0;border-radius:10px;padding:11px 20px;font-weight:950}@media (width<=900px){.task-rate-row{grid-template-columns:repeat(2,minmax(0,1fr))}.task-rate-row label:nth-child(3),.task-rate-row label:nth-child(5){grid-column:span 2}}.task-segment-cell>span{grid-template-columns:auto 1fr}html,body{width:100%;max-width:100%;overflow-x:hidden}.shell{width:100%;min-width:0;max-width:100%}.workspace{min-width:0;max-width:none;margin:0;overflow-x:hidden}.workspace>*,.workspace header>*,.panel,.staff-panel,.schedule-card,.proposal-layout>*{min-width:0;max-width:100%}.workspace img,.workspace video{max-width:100%;height:auto}.workspace h1,.workspace h2,.workspace h3,.workspace p,.workspace span,.workspace b{overflow-wrap:anywhere}.workspace>header,.schedule-page-head,.inventory-head,.work-log-workspace>header,.notice-admin-workspace>header{flex-wrap:wrap}.actions,.schedule-actions,.inventory-actions,.panel-head-actions,.account-actions{flex-wrap:wrap;max-width:100%}.grid>*{min-width:0}.kpis{grid-template-columns:repeat(auto-fit,minmax(175px,1fr))}.account-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.qr-employee-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.contract-attention-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.payroll-contract-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.schedule-table-wrap,.inventory-table-wrap,.attendance-table,.payroll-table,.login-history-table,.excel-grid-wrap,.archive-file-list,.hours-history-list{overscroll-behavior-x:contain;scrollbar-gutter:stable;width:100%;max-width:100%;overflow-x:auto!important}.schedule-table-wrap::-webkit-scrollbar{height:12px}.inventory-table-wrap::-webkit-scrollbar{height:12px}.attendance-table::-webkit-scrollbar{height:12px}.payroll-table::-webkit-scrollbar{height:12px}.login-history-table::-webkit-scrollbar{height:12px}.schedule-table-wrap::-webkit-scrollbar-thumb{background:#6f83a5;border:3px solid #eef2f8;border-radius:99px}.inventory-table-wrap::-webkit-scrollbar-thumb{background:#6f83a5;border:3px solid #eef2f8;border-radius:99px}.attendance-table::-webkit-scrollbar-thumb{background:#6f83a5;border:3px solid #eef2f8;border-radius:99px}.payroll-table::-webkit-scrollbar-thumb{background:#6f83a5;border:3px solid #eef2f8;border-radius:99px}.login-history-table::-webkit-scrollbar-thumb{background:#6f83a5;border:3px solid #eef2f8;border-radius:99px}.schedule-table-wrap::-webkit-scrollbar-track{background:#eef2f8}.inventory-table-wrap::-webkit-scrollbar-track{background:#eef2f8}.attendance-table::-webkit-scrollbar-track{background:#eef2f8}.payroll-table::-webkit-scrollbar-track{background:#eef2f8}.login-history-table::-webkit-scrollbar-track{background:#eef2f8}@media (width>=721px) and (width<=1500px){.workspace{padding-left:184px;padding-right:20px}.inventory-workspace{padding-left:184px!important;padding-right:20px!important}.global-zzanggu-marquee{left:164px}.workspace>header{align-items:flex-start;gap:16px}.workspace>header>div:first-child{flex:430px}.workspace>header .actions,.workspace>header .schedule-actions,.workspace>header .inventory-actions{flex:360px;justify-content:flex-end}.grid{grid-template-columns:minmax(0,1fr)}.ordergrid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-create,.hours-add-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.hours-reason{grid-column:span 2}.my-contract-list>div{grid-template-columns:minmax(180px,1fr) minmax(140px,.7fr) minmax(180px,.9fr)}.proposal-layout{grid-template-columns:300px minmax(0,1fr)}.work-log-composer{grid-template-columns:190px minmax(0,1fr)}}@media (width>=721px) and (width<=1120px){aside{width:148px}.global-zzanggu-marquee{left:148px}.workspace{padding-left:164px;padding-right:16px}.inventory-workspace{padding-left:164px!important;padding-right:16px!important}.proposal-layout,.work-log-composer{grid-template-columns:minmax(0,1fr)}.proposal-compose-card{position:static}.payroll-contract-grid{grid-template-columns:minmax(0,1fr)}.monthly-payroll-total{overflow-x:auto}.staff-panel-head{flex-wrap:wrap;align-items:flex-start;gap:12px}}.test-badge{color:#153268!important;letter-spacing:.06em!important;background:#fff100!important;border-radius:999px!important;margin-left:auto!important;padding:3px 7px!important;font-size:8px!important;font-style:normal!important;font-weight:950!important}.punctuality-panel{margin-top:14px}.punctuality-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.punctuality-summary>div{border-radius:12px;grid-template-columns:1fr auto;gap:3px 12px;padding:14px 16px;display:grid}.punctuality-summary span{font-size:10px;font-weight:900}.punctuality-summary strong{grid-row:span 2;font-size:22px}.punctuality-summary small{font-size:8px}.punctuality-summary .late{color:#b73525;background:#fff0ed}.punctuality-summary .early{color:#1454ad;background:#eaf4ff}.punctuality-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.punctuality-columns>section{border:1px solid #d7dfeb;border-radius:12px;min-width:0;overflow:hidden}.punctuality-columns h3{background:#f4f7fb;margin:0;padding:11px 13px;font-size:11px}.punctuality-columns>section>p{text-align:center;color:#8490a2;padding:18px;font-size:9px}.punctuality-row{border-top:1px solid #e2e7ef;grid-template-columns:80px minmax(85px,.8fr) 55px minmax(155px,1.2fr) 55px;align-items:center;gap:8px;padding:9px 12px;font-size:9px;display:grid}.punctuality-row small{color:#617086}.punctuality-row strong{text-align:right}.punctuality-row.late strong{color:#c43c2b}.punctuality-row.early strong{color:#1761b8}@media (width<=820px){.punctuality-columns{grid-template-columns:1fr}.punctuality-row{grid-template-columns:72px 1fr 48px}.punctuality-row small{grid-column:1/3}.punctuality-row strong{grid-area:1/3/3}.punctuality-summary{grid-template-columns:1fr}}.punctuality-week{border-top:1px solid #e3e8f0;margin-top:12px;padding-top:8px}.punctuality-week h4{color:#526078;margin:0 0 7px;font-size:10px}.punctuality-row button{color:#66758b;background:#fff;border:1px solid #d8dee8;border-radius:6px;padding:5px 7px;font-size:8px}.punctuality-row button:hover{color:#c62828;border-color:#d23939}.account-qr-category{color:#536178;gap:5px;margin-top:10px;font-size:11px;font-weight:800;display:grid}.account-qr-category select{color:#10275d;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px;font-weight:800}.punctuality-more{color:#1744d5;background:#eef3ff;border:1px solid #1744d5;border-radius:9px;width:100%;margin-top:10px;padding:11px;font-weight:900}.payroll-archive-banner{color:#163f8f;background:#eef4ff;border:1px solid #83a5e8;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin:12px 0;padding:14px 16px;display:flex}.payroll-archive-banner b{font-size:12px}.payroll-archive-banner span{font-size:10px}.attendance-record-hierarchy{box-sizing:border-box;background:#f7faff;border:1px solid #cad7eb;border-radius:12px;grid-template-columns:minmax(180px,220px) minmax(150px,auto) minmax(0,1fr);align-items:end;gap:12px;width:100%;min-width:0;margin-bottom:14px;padding:14px;display:grid}.attendance-record-hierarchy>*{min-width:0}.attendance-record-hierarchy label,.attendance-record-hierarchy>div{gap:7px;display:grid}.attendance-record-hierarchy span{color:#526078;font-size:9px;font-weight:900}.attendance-record-hierarchy input,.attendance-record-hierarchy>button,.attendance-record-hierarchy nav button{color:#17356d;box-sizing:border-box;background:#fff;border:1px solid #c8d3e3;border-radius:8px;max-width:100%;padding:9px 11px;font-weight:800}.attendance-record-hierarchy>button,.attendance-record-hierarchy nav button.active{color:#fff;background:#1744d5;border-color:#1744d5}.attendance-record-hierarchy nav{flex-wrap:wrap;gap:6px;min-width:0;display:flex;overflow:visible}.attendance-date-organizer>*{min-width:0}.attendance-date-tabs{flex-wrap:wrap}.past-attendance-dates>span{position:static}@media (width<=1100px){.payroll-archive-banner{flex-direction:column;align-items:flex-start}.attendance-date-organizer{grid-template-columns:1fr}.attendance-record-hierarchy{grid-template-columns:minmax(170px,220px) minmax(150px,auto) minmax(0,1fr)}}@media (width<=760px){.attendance-record-hierarchy{grid-template-columns:1fr}.attendance-record-hierarchy>button{width:100%}.attendance-record-hierarchy nav{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:0;display:grid}.attendance-record-hierarchy nav button{white-space:normal;width:100%}.attendance-date-tabs{grid-template-columns:1fr;display:grid}.attendance-date-tabs>.today{width:100%;min-width:0;position:static!important}.past-attendance-dates{border-left:0;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;display:grid}.past-attendance-dates>span,.past-attendance-dates em{grid-column:1/-1}.past-attendance-dates button{white-space:normal;width:100%;min-width:0!important}}.external-qr-modal{background:linear-gradient(145deg,#f7faff,#fffbea)!important;border:2px solid #1744d5!important}.external-qr-modal>img{object-fit:contain;max-height:62vh;border-radius:16px!important;width:min(430px,82vw)!important;box-shadow:0 18px 45px #10275d35!important}@media (width<=720px){.external-store-buttons{flex-wrap:wrap}.external-store-buttons button{flex:120px!important}.external-qr-modal>img{max-height:56vh}}.attendance-date-organizer{background:#f7faff!important;padding:16px!important;display:block!important}.attendance-record-hierarchy{box-shadow:0 4px 14px #1738670a;background:#fff!important;grid-template-columns:220px 160px minmax(0,1fr)!important;margin:0 0 12px!important;padding:14px!important}.attendance-record-hierarchy span{font-size:10px!important}.attendance-record-hierarchy input,.attendance-record-hierarchy>button,.attendance-record-hierarchy nav button{min-height:40px}.attendance-date-summary{min-height:64px;margin:0 0 10px;padding:12px 16px}.attendance-date-summary h3{font-size:16px}.attendance-date-tabs{border:1px solid #d8e1ee;border-radius:11px;flex-wrap:wrap;background:#fff!important;padding:10px!important;display:flex!important}.past-attendance-dates{flex-wrap:wrap;flex:420px;overflow:visible}.detail-attendance-tabs{border-top:0;border-bottom:1px solid #e4e9f1}@media (width<=1100px){.attendance-record-hierarchy{grid-template-columns:190px 150px minmax(0,1fr)!important}}@media (width<=760px){.attendance-date-organizer{padding:12px!important}.attendance-record-hierarchy{grid-template-columns:1fr!important}.attendance-date-tabs{grid-template-columns:1fr;display:grid!important}.attendance-date-tabs>.today{width:100%;min-width:0;position:static!important}.past-attendance-dates{border-top:1px solid #e4e9f1;border-left:0;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 0 0;display:grid}.past-attendance-dates>span,.past-attendance-dates em{grid-column:1/-1}.past-attendance-dates button{width:100%;min-width:0!important}}.schedule-and-notes{grid-template-columns:minmax(0,1fr) 340px!important;gap:20px!important}aside.schedule-change-notes{box-sizing:border-box!important;background:#fff!important;border:1px solid #b6c7e5!important;border-top:5px solid #1744d5!important;border-radius:16px!important;width:auto!important;min-width:0!important;padding:22px!important;box-shadow:0 12px 34px #10275d18!important}.schedule-change-notes header{position:relative;background:0 0!important;border-bottom:1px solid #e3e9f2!important;padding:0 0 14px!important;display:block!important}.schedule-note-badge{color:#624d00!important;white-space:nowrap!important;background:#fff3a8!important;border-radius:999px!important;margin:0 0 10px!important;padding:5px 9px!important;font-size:12px!important;font-weight:950!important;display:inline-flex!important}.schedule-change-notes h2{color:#142f65!important;white-space:nowrap!important;margin:0 0 6px!important;font-size:22px!important;line-height:1.25!important}.schedule-change-notes p{color:#68768b!important;margin:0!important;font-size:13px!important;line-height:1.5!important}.schedule-change-notes textarea{color:#1d2e4a!important;box-sizing:border-box!important;background:#f9fbff!important;border:1px solid #c5d0e1!important;border-radius:12px!important;width:100%!important;min-height:330px!important;margin:0!important;padding:15px!important;font-size:15px!important;line-height:1.7!important;display:block!important}.schedule-note-actions{grid-template-columns:1fr!important;gap:9px!important;margin:0!important;display:grid!important}.schedule-note-actions>span{color:#7b8798!important;text-align:right!important;font-size:12px!important;font-weight:800!important;display:block!important}.schedule-note-actions>button{color:#fff!important;white-space:nowrap!important;word-break:keep-all!important;width:100%!important;min-height:48px!important;padding:12px 16px!important;font-size:15px!important;line-height:1.2!important;display:block!important}@media (width<=1400px){.schedule-and-notes{grid-template-columns:1fr!important}.schedule-change-notes{position:static!important}.schedule-change-notes textarea{min-height:190px!important}}.payroll-export-buttons{flex-wrap:wrap;gap:7px;display:flex}.payroll-image-button{color:#fff;white-space:nowrap;background:#1744d5;border:1px solid #1744d5;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:900}.payroll-image-button.business33{background:#7950d8;border-color:#7950d8}.payroll-image-button.payday-20{color:#10275d;background:#f2c94c;border-color:#f2c94c}.payroll-capture-mode{background:#fff!important;width:1180px!important;max-width:none!important;padding:22px!important}.payroll-capture-mode>.staff-panel-head{color:#fff!important;background:linear-gradient(100deg,#10275d,#1744d5)!important;padding:18px!important}.payroll-capture-mode>.staff-panel-head h2,.payroll-capture-mode>.staff-panel-head p,.payroll-capture-mode>.staff-panel-head span{color:#fff!important}.payroll-capture-mode .monthly-payroll-group-tabs,.payroll-capture-mode .payroll-archive-banner,.payroll-capture-mode .collapse-panel-button,.payroll-capture-mode .payroll-export-buttons,.payroll-capture-mode .schedule-status{display:none!important}.payroll-capture-mode .payroll-row{grid-template-columns:70px 70px 150px 65px 100px 260px 220px!important;min-width:0!important}.payroll-capture-mode .payroll-row>button,.payroll-capture-mode .payroll-row.head>span:last-child{display:none!important}.payroll-capture-wage{color:#172b4d;align-content:center;gap:4px;display:grid}.payroll-capture-wage strong{white-space:nowrap;font-size:14px;font-weight:900}.payroll-capture-wage small{color:#65738a;font-size:10px;font-weight:800}.payroll-capture-mode .monthly-payroll-total{margin-top:16px}.complaint-qr-grid img,.complaint-qr-loading{aspect-ratio:4/5;border-radius:8px;width:min(100%,210px);box-shadow:0 6px 18px #102a651f}.complaint-qr-grid p{min-height:30px;line-height:1.5}.complaint-qr-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:12px;display:grid}.complaint-qr-grid .complaint-qr-actions button{color:#fff;background:#1744d5;margin-top:0;padding:9px 6px;font-size:10px}.complaint-qr-grid .complaint-qr-actions button.copy{color:#1744d5;background:#fff}.complaint-files>div{grid-template-columns:repeat(2,minmax(0,1fr))}.complaint-files a{background:#f5f8ff;padding:0;display:grid;position:relative;overflow:hidden}.complaint-files a img{object-fit:cover;background:#e8eef8;width:100%;height:130px;display:block}.complaint-files a span{color:#fff;background:#1744d5;position:absolute;top:7px;left:7px}.complaint-files a strong{text-overflow:ellipsis;white-space:nowrap;padding:7px 9px;font-size:9px;overflow:hidden}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}