.sm-app-title{font-weight:800;font-size:20px;line-height:1.3}.sm-menu{display:flex;flex-direction:column;gap:10px;margin-top:10px}.sm-item{display:flex;align-items:center;gap:12px;background:transparent;border:none;color:#d7dbff;padding:12px 14px;border-radius:8px;cursor:pointer;font-size:15px;text-align:left}.sm-item:hover{background:#ffffff1f}.sm-item.active{background:#ffffff38;color:#fff}.sm-ico{width:24px;height:24px;display:grid;place-items:center}.sm-item.sm-parent{display:flex;align-items:center;justify-content:space-between;padding:0;background:transparent;margin-top:20px}.sm-parent-left{flex:1;display:inline-flex;align-items:center;gap:12px;background:transparent;border:none;color:#d7dbff;padding:12px 14px;border-radius:8px;cursor:pointer;text-align:left}.sm-parent-left:hover{background:#ffffff1f}.sm-caret-btn{background:transparent;border:none;color:#d7dbff;width:36px;height:36px;display:inline-grid;place-items:center;border-radius:8px;cursor:pointer;margin-right:6px;transition:transform .2s ease,background .2s ease}.sm-caret-btn:hover{background:#ffffff1f}.sm-caret-btn.rot{transform:rotate(180deg)}.sm-item.sm-parent.active .sm-parent-left{background:#ffffff38;color:#fff}.sm-submenu{max-height:0;overflow:hidden;transition:max-height .2s ease;padding-left:42px}.sm-submenu.show{max-height:400px}.sm-subitem{display:flex;align-items:center;gap:12px;width:100%;background:transparent;border:none;color:#d7dbff;padding:10px 12px;border-radius:8px;cursor:pointer;text-align:left;font-size:15px}.sm-subitem:hover{background:#ffffff1f}.sm-subitem.active{background:#ffffff38;color:#fff}.sm-parent-left:focus-visible,.sm-caret-btn:focus-visible,.sm-subitem:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:2px}.sm-help-group{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.15)}.sm-help-btn{width:100%;display:flex;align-items:center;gap:12px;background:transparent;border:none;padding:12px 14px;color:#d7dbff;border-radius:8px;cursor:pointer;font-size:15px;text-align:left}.sm-help-btn:hover{background:#ffffff1f}.sm-help-btn:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:2px}.sm-sidebar.sm-sidebar--overlay{position:fixed;top:0;left:0;height:100vh;width:350px;min-width:340px;background:linear-gradient(180deg,#351e65 30%,#4a2a90,#6b4bb8);color:#fff;padding:48px 18px 24px;display:flex;flex-direction:column;gap:18px;box-sizing:border-box;z-index:1001;transform:translate(-100%);transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,filter .32s ease;box-shadow:0 10px 30px #00000040}.sm-sidebar.sm-sidebar--overlay.open{transform:translate(0);box-shadow:0 12px 36px #00000047,0 0 0 1px #ffffff0a inset;filter:saturate(1.02)}.sm-sidebar.sm-sidebar--overlay:before{content:"";position:absolute;top:0;right:-1px;width:1px;height:100%;background:linear-gradient(180deg,#ffffff2e,#ffffff0f 40%,#fff0);pointer-events:none}.sm-sidebar.sm-sidebar--overlay:after{content:"";position:fixed;inset:0 0 0 350px;background:#11182759;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);opacity:0;transition:opacity .26s ease;pointer-events:none}.sm-sidebar.sm-sidebar--overlay.open:after{opacity:1;pointer-events:auto}@media(prefers-reduced-motion:reduce){.sm-sidebar.sm-sidebar--overlay{transition:transform 1ms linear,box-shadow .16s ease,filter .16s ease}.sm-sidebar.sm-sidebar--overlay:after{-webkit-backdrop-filter:none;backdrop-filter:none}}.sm-backdrop{position:fixed;inset:0;background:#1118278c;z-index:1000}.sm-close-btn{position:absolute;top:48px;right:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:#ffffff14;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;z-index:10;transition:background .18s ease,transform .18s ease,box-shadow .22s ease,border-color .18s ease}.sm-close-btn:hover{background:#ffffff29;transform:scale(1.06);border-color:#ffffff59;box-shadow:0 4px 12px #00000040,0 0 0 2px #ffffff1a}.sm-close-btn:active{transform:scale(.96);background:#ffffff38}.sm-app-title{background-color:#fff;padding:4px 8px;border-radius:6px;display:inline-block}.tbp-wrap{position:relative;display:inline-block}.tbp-avatar-btn{background:transparent;border:none;cursor:pointer;padding:0}.tbp-avatar-circle{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#fff;color:var(--purple-800);font-weight:800;font-size:18px;box-shadow:0 0 0 3px #ffffff4d;transition:transform .2s ease,box-shadow .2s ease}.tbp-avatar-circle:hover{transform:scale(1.05);box-shadow:0 0 0 4px #ffffff80}.tbp-dropdown{position:absolute;top:60px;right:20px;background:#fff;border-radius:12px;box-shadow:var(--shadow-card);padding:10px;z-index:100;width:220px}.tbp-head{display:flex;align-items:center;justify-content:center;padding:8px;border-bottom:1px solid var(--line-200)}.tbp-head-avatar{width:40px;height:40px;border-radius:50%;background:var(--line-150);color:var(--purple-900);display:grid;place-items:center;font-weight:900;font-size:16px}.tbp-item{width:100%;display:flex;align-items:center;gap:8px;padding:10px 8px;background:transparent;border:none;border-radius:8px;color:var(--ink-900);font-weight:800;font-size:13px;cursor:pointer}.tbp-item:hover{background:var(--line-150)}.tbp-ico{width:18px;height:18px;display:grid;place-items:center;color:var(--purple-700)}.tbp-danger{color:#7f1d1d}.tbp-danger .tbp-ico{color:#b91c1c}.tbp-sep{height:1px;background:var(--line-200);margin:6px 4px}.copyshift-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f0c2847;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .16s ease,visibility .16s ease}.copyshift-modal.open{opacity:1;visibility:visible}.copyshift-drawer{position:relative;width:min(1040px,96vw);max-height:92vh;border-radius:16px;box-shadow:0 20px 60px #00000040;background:transparent;display:flex;align-items:stretch;overflow:hidden}.copyshift-drawer .dash-main.copyshift-nocal{width:100%;max-height:92vh;padding:0;display:flex;flex-direction:column}.cs2-panel{background:#fff;border:1px solid var(--line-200);border-radius:16px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;min-height:0;overflow:hidden}.cs2-header{background:linear-gradient(90deg,var(--purple-900),var(--purple-600));color:#fff;padding:16px 18px;display:grid;grid-template-columns:1fr auto;align-items:center}.cs2-title{font-weight:800;font-size:18px}.cs2-actions{display:inline-flex;align-items:center;gap:10px}.cs2-arrow{width:36px;height:36px;display:grid;place-items:center;background:#ffffff2e;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:10px;cursor:pointer}.cs2-arrow:hover{background:#ffffff47}.cs2-month-label{font-weight:800}.cs2-sub{font-size:13px;color:#4c4c68;padding:10px 18px;border-bottom:1px solid var(--line-200);background:#fafbff}.cs2-body{flex:1 1 auto;min-height:0;overflow:auto;padding:14px 18px 18px;overscroll-behavior:contain}.cs2-field{display:grid;gap:6px;margin-bottom:10px}.cs2-label{font-weight:800;font-size:13px;color:#333}.cs2-select{height:40px;padding:8px 10px;border:1.5px solid var(--line-300);background:#fff;border-radius:10px;font-size:13px}.cs2-select:focus{outline:none;border-color:var(--purple-600);box-shadow:0 0 0 3px #6c3fd126}.cs2-inline{display:inline-flex;gap:8px}.cs2-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:2px}.cs2-seg-wrap{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cs2-seg{border:1.5px solid var(--line-300);background:#fff;border-radius:12px;padding:12px;text-align:left;cursor:pointer}.cs2-seg.active{border-color:var(--purple-600);box-shadow:0 0 0 3px #6c3fd124}.cs2-seg-title{font-weight:800;font-size:13px;color:var(--ink-900)}.cs2-seg-sub{font-size:12px;color:#6b7280;margin-top:4px}.cs2-info{background:#f6f7ff;border:1px solid var(--line-200);border-radius:12px;padding:10px 12px;display:grid;grid-template-columns:auto 1fr;align-items:start;gap:10px;margin-top:10px}.cs2-dot{width:10px;height:10px;border-radius:50%;background:var(--purple-600);margin-top:3px}.cs2-info-text{font-size:12.5px;color:#4c4c68}.cs2-options{margin-top:10px;display:grid;grid-template-columns:1fr auto;align-items:center}.cs2-check{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#333}.cs2-quick{display:inline-flex;gap:8px}.cs2-quick-btn{background:#f3f4f6;color:#333;border:none;border-radius:10px;padding:8px 12px;font-weight:700;font-size:12px;cursor:pointer}.cs2-quick-btn:hover{background:#e5e7eb}.cs2-footer{display:flex;justify-content:flex-start;gap:8px;padding:10px 18px 14px;background:#fff}.cs2-btn-secondary{background:#f3f4f6;color:#333;border:none;border-radius:10px;padding:10px 14px;font-weight:800;font-size:13px;cursor:pointer}.cs2-btn-secondary:hover{background:#e5e7eb}.cs2-btn-primary{background:linear-gradient(90deg,var(--fin-purple-left),var(--fin-purple-cta));color:#fff;border:none;border-radius:10px;padding:10px 16px;font-weight:800;font-size:13px;cursor:pointer;box-shadow:0 4px 12px #1263eb40}.cs2-btn-primary:hover{filter:brightness(.95)}@media(max-width:820px){.cs2-row-2{grid-template-columns:1fr}.cs2-actions{gap:6px}}:root{--sidebar-width: 240px;--purple-950: #1f1247;--purple-900: #503090;--purple-850: #311a6f;--purple-800: #352073;--purple-700: #503090;--purple-650: #6440c9;--purple-600: #6c3fd1;--purple-500: #7c4ae6;--accent-purple: #7c3aed;--accent-purple-600: #6d28d9;--accent-purple-100: #efe9ff;--chip-blue-bg: #e8f0ff;--chip-blue-tx: #315ea8;--chip-green-bg: #e7f9ee;--chip-green-tx: #198754;--chip-purple-bg: #eee8ff;--chip-purple-tx: #6b46c1;--chip-orange-bg: #fff1e6;--chip-orange-tx: #bd5b17;--chip-pink-bg: #ffe7ef;--chip-pink-tx: #c32b6c;--chip-gray-bg: #e9edf2;--chip-gray-tx: #4b5563;--ink-900: #111827;--ink-700: #374151;--ink-500: #6b7280;--ink-400: #9ca3af;--bg-page: #f6f7fb;--bg-panel: #ffffff;--line-100: #eef2f7;--line-200: #e5e7eb;--line-300: #d1d5db;--shadow-soft: 0 6px 18px rgba(0, 0, 0, .06);--shadow-card: 0 10px 24px rgba(45, 22, 94, .16);--header-gray: #e7e7ee;--fin-purple-left: var(--purple-700);--fin-purple-right: var(--purple-900);--fin-purple-cta: var(--purple-600);--fin-purple-cta-2: var(--purple-500);--fin-purple-200: #e3dcfd;--fin-purple-150: #efe8ff;--fin-purple-100: #f6f3ff;--fin-metric-blue: #2563eb;--fin-metric-amber: #f59e0b;--fin-metric-violet: #7c3aed;--fin-metric-purple: var(--purple-600);--fin-approved-bg: #e9fbe9;--fin-approved-bd: #a7e3b8;--fin-approved-tx: #166534;--fin-pending-bg: #f5f0ff;--fin-pending-bd: #e8ddff;--fin-pending-tx: var(--purple-700);--fin-gray-950: #111827;--fin-gray-900: #1f2937;--fin-gray-800: #2b3442;--fin-gray-700: #374151;--fin-gray-600: #4b5563;--fin-gray-500: #6b7280;--fin-gray-300: #d1d5db;--fin-gray-200: #e5e7eb;--fin-gray-150: #edf0f5;--fin-gray-100: #f3f4f6;--fin-line: var(--line-100);--fin-shadow-soft: var(--shadow-soft);--fin-shadow-card: var(--shadow-card)}html,body,#root{height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{min-height:100vh;background:var(--bg-page)}.table-wrapper{overflow-x:auto}.dashboard-wrapper{display:block;min-height:100vh;background:var(--bg-page)}.rhs-container{background:var(--bg-panel);border:1px solid var(--line-200);border-radius:16px;box-shadow:var(--shadow-soft);overflow:hidden}.top-navbar{color:#fff;padding:20px;display:flex;align-items:center;justify-content:space-between}.top-navbar--purple-solid{background:#503090}.tn-left{display:flex;align-items:center;gap:8px}.tn-title{font-weight:900;letter-spacing:1px;font-size:16px}.tn-right{display:flex;align-items:center;gap:8px}.tn-hamburger{background:transparent;border:none;color:#fff;font-size:22px;cursor:pointer;margin-right:12px;display:flex;align-items:center}.tn-hamburger:hover{opacity:.85}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:14px 16px;background:var(--bg-panel)}.hero-card{border-radius:14px;padding:25px;color:#fff;box-shadow:var(--shadow-card);display:flex;align-items:center;justify-content:space-between}.hero-left{display:flex;flex-direction:column;gap:4px}.hero-label{font-size:13px;opacity:.95;font-weight:700}.hero-value{font-size:26px;font-weight:900;letter-spacing:.4px}.hero-ico{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:20px;background:#ffffff24}.hero-blue{background:#5a8f58}.hero-green{background:#b68afa}.hero-orange{background:#9ec4fc}.hero-purple{background:#515151}.rhs-header{color:#fff;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;margin:0}.rhs-header--purple-solid{background:#d6d9e0}.rhs-title{font-weight:700;font-size:18px}.rhs-controls{display:flex;align-items:center;gap:10px}.dark-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:10px;padding:8px 28px 8px 10px;font-weight:700;font-size:12px;cursor:pointer}.dark-select option{color:#111827}.header-arrow{width:36px;height:36px;display:grid;place-items:center;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:10px;cursor:pointer;font-size:16px}.header-arrow:hover{background:#ffffff1f}.header-week-pill{background:#ffffff24;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:999px;padding:7px 12px;font-weight:800;font-size:12px}.header-copy-btn{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:10px;padding:8px 14px;font-weight:800;font-size:12px;cursor:pointer}.header-copy-btn:hover{background:#ffffff1f}.segmented-toggle{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;width:160px;height:38px;background:transparent;overflow:hidden;isolation:isolate}.segmented-toggle:after{content:"";position:absolute;top:6px;bottom:6px;left:50%;width:2px;transform:translate(-50%);background:var(--purple-700);opacity:.8;pointer-events:none}.segmented-toggle__btn{position:relative;z-index:2;appearance:none;border:0;background:transparent;color:#000;font-weight:900;font-size:12px;cursor:pointer;line-height:1;display:grid;place-items:center;border-radius:999px;-webkit-user-select:none;user-select:none}.segmented-toggle__btn:focus-visible{outline:2px solid var(--purple-700);outline-offset:2px;border-radius:8px}.segmented-toggle__btn[aria-selected=true]{color:#000}.segmented-toggle__indicator{position:absolute;z-index:1;inset:2px;width:calc(50% - 2px);height:calc(100% - 4px);border-radius:999px;background:#5030902e;transition:transform .18s ease;will-change:transform;pointer-events:none}@media(prefers-reduced-motion:reduce){.segmented-toggle__indicator{transition:none}}.header-purple-outline-black,.header-purple-outline-black .rhs-title,.header-purple-outline-black .rhs-controls *,.header-purple-outline-black select,.header-purple-outline-black button{color:#000!important}.header-purple-outline-black .rhs-controls button,.header-purple-outline-black .rhs-controls select,.header-purple-outline-black .header-arrow,.header-purple-outline-black .header-copy-btn{background:transparent!important;border:2px solid var(--purple-900)!important;color:#000!important;border-radius:12px!important}.header-purple-outline-black .emp-selector .emp-avatar,.header-purple-outline-black .emp-selector select{border:2px solid var(--purple-900)!important;background:transparent!important;color:#000!important;margin-bottom:15px}.header-purple-outline-black.rhs-header--purple-solid{background:var(--header-gray)!important}.week-nav{display:inline-flex;align-items:center;gap:8px}.rhs-subheader{padding:10px 18px;display:flex;align-items:center;justify-content:flex-start;gap:10px;margin:0;background:var(--header-gray)}.rhs-subheader--purple-solid{background:var(--header-gray)!important}.rhs-content{padding:14px 16px 16px}.cal-table{width:100%;border-collapse:collapse;background:var(--bg-panel)}.cal-table thead th{background:#f1f5f9;color:var(--ink-900);border-bottom:1px solid var(--line-200);padding:10px;font-size:12px;text-align:center}.cal-day-number{font-weight:800}.cal-day-name{font-size:11px;color:var(--ink-400)}.cal-table tbody td,.cal-table tbody th{border-bottom:1px solid var(--line-200);padding:12px 10px;text-align:center}.cal-table tbody td:first-child,.cal-table thead th:first-child{text-align:left}.emp-cell{display:flex;align-items:center;gap:12px}.emp-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-purple-100);color:var(--ink-900);border:2px solid var(--accent-purple);display:grid;place-items:center;font-weight:900}.emp-avatar--sm{width:30px;height:30px;font-size:12px}.emp-meta{display:flex;flex-direction:column;justify-content:center;min-height:36px;line-height:1.1}.emp-name{font-weight:900;color:var(--ink-900);white-space:nowrap;margin:0}.emp-sub{font-size:12px;color:var(--ink-700);white-space:nowrap;margin:2px 0 0}.shift-badge{--size: 50px;width:var(--size);height:var(--size);aspect-ratio:1 / 1;border-radius:50%;display:inline-grid;place-items:center;font:900 12px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;box-shadow:0 2px #0000000f;box-sizing:border-box;padding:0;min-width:0;font-size:medium;border:.8px solid currentColor}.shift-badge.s1{background:var(--chip-blue-bg);color:var(--chip-blue-tx)}.shift-badge.s2{background:var(--chip-green-bg);color:var(--chip-green-tx)}.shift-badge.s3{background:var(--chip-purple-bg);color:var(--chip-purple-tx)}.shift-badge.s4{background:var(--chip-orange-bg);color:var(--chip-orange-tx)}.shift-badge.s5{background:var(--chip-pink-bg);color:var(--chip-pink-tx)}.shift-badge.woff{background:var(--chip-gray-bg);color:var(--chip-gray-tx)}.shift-badge.holiday{background:#fde2e2;color:#b91c1c}.cal-month{border:1px solid var(--line-200);border-radius:16px;background:var(--bg-panel);box-shadow:var(--shadow-soft);overflow:hidden}.cal-month-header{display:grid;grid-template-columns:repeat(7,1fr);background:#f8fafc;border-bottom:1px solid var(--line-200)}.cal-month-headcell{padding:10px 12px;font-weight:800;color:var(--ink-700);text-align:left;font-size:12px}.cal-month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;padding:12px}.month-day{position:relative;border:1px solid var(--line-200);border-radius:12px;min-height:110px;padding:8px;display:flex;flex-direction:column;gap:10px;background:#fff}.month-day__num{font-weight:900;color:var(--ink-900);font-size:16px;text-align:center}.month-day__badge{display:flex;justify-content:center;align-items:center;margin-top:8px;height:100%}.month-day__none{color:var(--ink-400);font-size:12px}.month-day--placeholder{background:transparent;border:1px dashed var(--line-200);min-height:110px}.shift-badge.emp-day{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;font-size:medium;border-radius:999px;min-width:44px;border:.8px solid currentColor}.shift-badge.emp-day .time{display:none}.cal-legend{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-right:30px}.legend-item{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-weight:800;font-size:12px;box-shadow:0 2px #0000000f}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-item.s1{background:var(--chip-blue-bg);color:var(--chip-blue-tx)}.legend-item.s2{background:var(--chip-green-bg);color:var(--chip-green-tx)}.legend-item.s3{background:var(--chip-purple-bg);color:var(--chip-purple-tx)}.legend-item.s4{background:var(--chip-orange-bg);color:var(--chip-orange-tx)}.legend-item.s5{background:var(--chip-pink-bg);color:var(--chip-pink-tx)}.legend-item.woff{background:var(--chip-gray-bg);color:var(--chip-gray-tx)}.legend-item.h{background:#fde2e2;color:#b91c1c}.legend-item.s1 .legend-dot{background:var(--chip-blue-tx)}.legend-item.s2 .legend-dot{background:var(--chip-green-tx)}.legend-item.s3 .legend-dot{background:var(--chip-purple-tx)}.legend-item.s4 .legend-dot{background:var(--chip-orange-tx)}.legend-item.s5 .legend-dot{background:var(--chip-pink-tx)}.legend-item.woff .legend-dot{background:var(--chip-gray-tx)}.legend-item.h .legend-dot{background:#b91c1c}@media(max-width:1100px){.hero-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.seg-toggle{display:none}}@media(max-width:640px){.hero-stats{grid-template-columns:1fr}.rhs-controls{gap:8px;flex-wrap:wrap}}.emp-nav{display:inline-flex;align-items:center;gap:10px;margin-left:6px;padding:6px 10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:12px}.emp-nav .nav-btn{width:30px;height:30px;display:grid;place-items:center;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:8px;cursor:pointer;font-size:14px}.emp-nav .nav-btn:hover{background:#ffffff1f}.emp-nav .emp-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent-purple-100);color:var(--accent-purple);border:2px solid var(--accent-purple);display:grid;place-items:center;font-weight:800;font-size:12px}.emp-nav .emp-meta{line-height:1.1;color:#fff}.emp-nav .emp-meta .name{font-weight:800}.emp-nav .emp-meta .code{font-size:11px;opacity:.9}.week-arrow-inside{position:absolute;left:calc(50% - 18px);top:2px;z-index:3}.mode-btn{background:transparent;color:#000;border:2px solid var(--purple-900);border-radius:12px;padding:8px 14px;font-weight:900;font-size:12px;cursor:pointer}.mode-btn:hover{background:#50309014}.mode-btn--active{background:#5030902e}.fullmonth-scroller{overflow-x:auto;width:100%}.cal-table--scroll{min-width:1200px;border-collapse:separate;border-spacing:0}.cal-table--scroll .sticky-col{position:sticky;left:0;z-index:2}.cal-table--scroll thead th{position:sticky;top:0;z-index:3}.fullmonth-scroller{overflow:auto;width:100%}.cal-table--scroll{border-collapse:separate;border-spacing:10px 0;min-width:1200px;--day-col-w: 88px}.cal-table--scroll thead th{position:sticky;top:0;z-index:5;background:#f1f5f9;box-shadow:0 2px #0000000a}.cal-table--scroll .sticky-col{position:sticky;left:0;z-index:6;background:var(--bg-panel, #fff);box-shadow:6px 0 8px -6px #1118272e;min-width:240px;max-width:320px;width:260px}.cal-table--scroll .sticky-col .emp-meta{overflow:hidden;max-width:220px}.cal-table--scroll .sticky-col .emp-name,.cal-table--scroll .sticky-col .emp-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-table--scroll thead th:not(.sticky-col),.cal-table--scroll tbody td{min-width:var(--day-col-w);width:var(--day-col-w);text-align:center;padding:10px 8px;background:#fff;border-bottom:1px solid var(--line-200);border-radius:8px}.cal-table--scroll thead .sticky-col{background:var(--bg-panel, #fff);z-index:7}.fullmonth-wrapper .shift-badge{--size: 34px;font-size:10px}.fullmonth-wrapper .cal-table tbody tr>*{padding-top:8px;padding-bottom:8px}.cal-table:not(.cal-table--scroll){border-collapse:separate;border-spacing:10px 0;background:var(--bg-panel)}.cal-table:not(.cal-table--scroll) thead th{background:#fff;color:var(--ink-900);border-bottom:1px solid var(--line-200);padding:10px;font-size:12px;text-align:center;border-radius:8px;box-shadow:0 2px #0000000a}.cal-table:not(.cal-table--scroll) thead th:first-child{text-align:left}.cal-table:not(.cal-table--scroll) tbody td,.cal-table:not(.cal-table--scroll) tbody th{background:#fff;border-bottom:1px solid var(--line-200);border-radius:8px;padding:12px 10px}.hero-card{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;will-change:transform}.hero-card:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 14px 28px #00000024;filter:saturate(1.05)}.hero-card:active{transform:translateY(-1px) scale(1.01)}:root{--btn-hover: rgba(17, 24, 39, .08);--btn-active: rgba(17, 24, 39, .12)}.mode-btn,.header-copy-btn,.header-arrow,.emp-fullmonth-btn{transition:background-color .12s ease,transform .12s ease,box-shadow .12s ease}.mode-btn:hover,.header-copy-btn:hover,.header-arrow:hover,.emp-fullmonth-btn:hover{background:var(--btn-hover)!important}.mode-btn:active,.header-copy-btn:active,.header-arrow:active,.emp-fullmonth-btn:active{background:var(--btn-active)!important;transform:translateY(.5px)}.header-purple-outline-black .rhs-controls .mode-btn:hover,.header-purple-outline-black .rhs-controls .header-copy-btn:hover,.header-purple-outline-black .rhs-controls .header-arrow:hover,.header-purple-outline-black .rhs-controls .emp-fullmonth-btn:hover{background:var(--btn-hover)!important}.month-day.is-today{background:#f3e8ff!important;border-color:#d8b4fe!important;box-shadow:inset 0 0 0 3px #a855f759}.cal-table thead th.is-today{background:#ede9fe!important;border-bottom-color:#c4b5fd!important;box-shadow:inset 0 -2px #9333ea73}.cal-table tbody td.is-today{background:#f5f3ff!important;border-color:#ddd6fe!important}.fullmonth-wrapper .emp-cell{gap:8px}.fullmonth-wrapper .emp-avatar{width:26px;height:26px;font-size:12px}.fullmonth-wrapper .emp-meta{min-height:28px}.fullmonth-wrapper .emp-name{font-size:12px}.fullmonth-wrapper .cal-table thead th{padding:8px;font-size:11px}.fullmonth-wrapper .cal-day-number{font-size:12px}.fullmonth-wrapper .cal-day-name{font-size:10px}.fullmonth-wrapper .cal-table--scroll thead th:not(.sticky-col),.fullmonth-wrapper .cal-table--scroll tbody td{padding:6px 4px;border-radius:6px}.fullmonth-wrapper .cal-table--scroll{border-spacing:4px 0;--day-col-w: 60px;min-width:1000px}.fullmonth-wrapper .cal-table--scroll .sticky-col{width:220px;min-width:200px;max-width:240px}.es .rhs-container{background:var(--bg-panel);border:1px solid var(--line-200);border-radius:16px;box-shadow:var(--shadow-soft);overflow:hidden;display:flex;flex-direction:column;height:86vh;max-height:92vh}.es .rhs-header{color:#fff;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,var(--fin-purple-left),var(--fin-purple-right))}.es .rhs-title{font-weight:800;font-size:18px}.es .rhs-controls{display:flex;align-items:center;gap:10px}.es .dark-select{appearance:none;background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:10px;padding:8px 28px 8px 10px;font-weight:700;font-size:12px;cursor:pointer}.es .dark-select option{color:#111827}.es .header-arrow{width:36px;height:36px;display:grid;place-items:center;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:10px;cursor:pointer;font-size:16px}.es .header-arrow:hover{background:#ffffff1f}.es .emp-nav{display:inline-flex;align-items:center;gap:10px;margin-left:6px;padding:6px 10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:12px}.es .emp-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent-purple-100);color:var(--accent-purple);border:2px solid var(--accent-purple);display:grid;place-items:center;font-weight:800;font-size:12px}.es .emp-meta{line-height:1.1;color:#fff}.es .emp-name{font-weight:800;color:#fff}.es .emp-sub{font-size:11px;opacity:.9;color:#ffffffd9}.es .btn-cancel{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:38px;border-radius:12px;background:#ffffff1f;border:1px solid rgba(255,255,255,.28);color:#fff;font-size:1.2rem;font-weight:700;line-height:1;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .12s ease,box-shadow .14s ease}.es .btn-cancel:hover{background:#ffffff2e;border-color:#ffffff73;transform:translateY(-1px)}.es .btn-cancel:active{transform:translateY(0)}.es .btn-cancel:focus{outline:none;box-shadow:0 0 0 3px #b4a7ff40}.es .btn-cancel:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.es .cs2-body{flex:1 1 auto;min-height:0;overflow:auto;background:var(--bg-panel)}.es .rhs-content{padding:14px 16px 16px}.es .edit-pills-row+.edit-pills-row{margin-top:10px}.es .edit-pills-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#f8fafc;border:1px solid var(--line-200);border-radius:12px;padding:10px 12px}.es .pill-group{display:inline-flex;align-items:center;gap:8px}.es .pill-label{background:#eae9ff;color:#3b3b7e;border-radius:999px;padding:6px 10px;font-weight:800;font-size:12px}.es .pill-count{background:#fff;color:var(--purple-800);border:1px solid var(--line-300);border-radius:999px;padding:6px 10px;font-weight:800;font-size:12px;line-height:1}.es .pill-actions{display:inline-flex;align-items:center;gap:8px}.es .pill-actions--wrap{flex:1 1 auto;flex-wrap:wrap}.es .pill-control{border:1px solid var(--line-300);background:#fff;color:var(--purple-800);border-radius:999px;padding:6px 12px;font-weight:800;font-size:12px;line-height:1;cursor:pointer}.es .pill-control:focus{outline:none;box-shadow:0 0 0 3px #6366f126;border-color:var(--purple-800)}.es .pill-control--select{appearance:none;padding-right:26px;background-image:linear-gradient(45deg,transparent 50%,var(--purple-800) 50%),linear-gradient(135deg,var(--purple-800) 50%,transparent 50%);background-position:right 10px center,right 4px center;background-size:8px 8px,8px 8px;background-repeat:no-repeat}.es .btn-chip{border:1px solid var(--line-300);background:#fff;color:var(--purple-800);border-radius:999px;padding:6px 12px;font-weight:800;font-size:12px;line-height:1;cursor:pointer}.es .btn-chip:hover{background:#f8fafc}.es .btn-chip.active{background:var(--purple-800);color:#fff;border-color:var(--purple-800)}.es .btn-pill{border-radius:999px;padding:6px 14px;font-weight:800;font-size:12px;line-height:1;cursor:pointer;border:1px solid var(--line-300);background:#fff;color:var(--purple-800)}.es .btn-pill.btn-primary{background:var(--purple-800);color:#fff;border-color:var(--purple-800)}.es .btn-pill.btn-outline{background:#fff;color:var(--purple-800);border-color:var(--purple-800)}.es .btn-pill:hover{background:#f8fafc}.es .btn-pill.btn-primary:hover{background:var(--purple-700)}.es .month-day.is-selected{border-color:var(--accent-purple);box-shadow:0 0 0 3px #7c3aed2e}.es .cal-month{border:1px solid var(--line-200);border-radius:16px;background:var(--bg-panel);box-shadow:var(--shadow-soft);overflow:hidden}.es .cal-month-header{display:grid;grid-template-columns:repeat(7,1fr);background:#f8fafc;border-bottom:1px solid var(--line-200)}.es .cal-month-headcell{padding:10px 12px;font-weight:800;color:var(--ink-700);text-align:left;font-size:12px}.es .cal-month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;padding:12px}.es .month-day{position:relative;border:1px solid var(--line-200);border-radius:12px;min-height:110px;padding:8px;display:flex;flex-direction:column;gap:10px;background:#fff}.es .month-day__num{font-weight:900;color:var(--ink-900);font-size:16px;text-align:left}.es .month-day__badge{display:flex;justify-content:center;align-items:center;margin-top:2px;flex:1 1 auto}.es .month-day__none{color:var(--ink-400);font-size:12px}.es .month-day--placeholder{background:transparent;border:1px dashed var(--line-200);min-height:110px}.es .shift-badge{--size: 40px;width:var(--size);height:var(--size);aspect-ratio:1 / 1;border-radius:50%;display:inline-grid;place-items:center;font:900 12px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;box-shadow:0 2px #0000000f;box-sizing:border-box;padding:0;border:.8px solid currentColor;min-width:0}.es .shift-badge.emp-day{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;font-size:12px;border-radius:999px;min-width:44px;border:.8px solid currentColor}.es .shift-badge.s1{background:var(--chip-blue-bg);color:var(--chip-blue-tx)}.es .shift-badge.s2{background:var(--chip-green-bg);color:var(--chip-green-tx)}.es .shift-badge.s3{background:var(--chip-purple-bg);color:var(--chip-purple-tx)}.es .shift-badge.s4{background:var(--chip-orange-bg);color:var(--chip-orange-tx)}.es .shift-badge.s5{background:var(--chip-pink-bg);color:var(--chip-pink-tx)}.es .shift-badge.woff{background:var(--chip-gray-bg);color:var(--chip-gray-tx)}.es .shift-badge.holiday{background:#fde2e2;color:#b91c1c}.es .cs2-footer{background:#fff;padding:10px 18px 14px;flex:0 0 auto}.es .cal-legend{margin-top:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-right:30px}.es .legend-item{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-weight:800;font-size:12px;box-shadow:0 2px #0000000f}.es .legend-dot{width:8px;height:8px;border-radius:50%}.es .legend-item.s1{background:var(--chip-blue-bg);color:var(--chip-blue-tx)}.es .legend-item.s2{background:var(--chip-green-bg);color:var(--chip-green-tx)}.es .legend-item.s3{background:var(--chip-purple-bg);color:var(--chip-purple-tx)}.es .legend-item.s4{background:var(--chip-orange-bg);color:var(--chip-orange-tx)}.es .legend-item.s5{background:var(--chip-pink-bg);color:var(--chip-pink-tx)}.es .legend-item.woff{background:var(--chip-gray-bg);color:var(--chip-gray-tx)}.es .legend-item.h{background:#fde2e2;color:#b91c1c}.es .legend-item.s1 .legend-dot{background:var(--chip-blue-tx)}.es .legend-item.s2 .legend-dot{background:var(--chip-green-tx)}.es .legend-item.s3 .legend-dot{background:var(--chip-purple-tx)}.es .legend-item.s4 .legend-dot{background:var(--chip-orange-tx)}.es .legend-item.s5 .legend-dot{background:var(--chip-pink-tx)}.es .legend-item.woff .legend-dot{background:var(--chip-gray-tx)}.es .legend-item.h .legend-dot{background:#b91c1c}@media(max-width:800px){.es .edit-pills-row{gap:10px}.es .pill-actions--wrap{gap:6px}}.dash-main{padding:18px 20px}.gs-panel{width:100%;background:#fff;border:1px solid var(--line-200);border-radius:16px;box-shadow:var(--shadow-card);overflow:hidden}.gs-header{background:linear-gradient(90deg,var(--fin-purple-left),var(--fin-purple-right));color:#fff;padding:16px;display:grid;grid-template-columns:1fr auto;align-items:start}.gs-title-row{display:flex;align-items:center;gap:12px;white-space:nowrap}.gs-title{font-size:18px;font-weight:900;color:#fff;line-height:1}.gs-sub{margin-top:5px}.gs-month-btn{width:32px;height:32px;display:grid;place-items:center;background:#ffffff2e;border:1px solid rgba(255,255,255,.35);border-radius:10px;color:#fff;cursor:pointer;flex-shrink:0}.gs-month-btn:hover{background:#ffffff47}.gs-body{padding:16px;background:#fff}.gs-form{width:100%;display:grid;grid-template-columns:1fr;gap:14px}.form-row{display:grid;grid-template-columns:1fr;gap:6px}.form-label{font-size:14px;font-weight:700;color:#5b5757}.form-control.gs-control{height:41px;padding:8px 10px;border:1.5px solid var(--line-300);border-radius:8px;font-size:14px;background:#fff}.form-control.gs-control:focus{outline:none;border-color:var(--fin-purple-right);box-shadow:0 0 0 3px #6c3fd126}.gs-control:disabled{cursor:not-allowed;opacity:.85}.chip-wrap{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:16px;background:#f0ecff;color:#2d165e;border:1px solid #d8cdf8;font-size:13px}.chip-mini{padding:4px 8px;font-size:12px}.chip-close{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#6c3fd1;color:#fff;font-weight:700;cursor:pointer;line-height:1}.rot-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:2px}.rot-left{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.mini-label{font-size:12px;color:#555}.mini-select{height:32px;border:1px solid var(--line-300);border-radius:8px;padding:4px 8px;font-size:13px;background:#fff;color:#111}.mini-select:focus{outline:none;border-color:var(--fin-purple-right);box-shadow:0 0 0 3px #6c3fd126}.switch-label{display:inline-flex;align-items:center;gap:6px;margin-left:8px}.switch-input{width:14px;height:14px;accent-color:#7046ba}.btn-light,.btn-primary,.gs-primary,.primary-cta{border:none;border-radius:8px;padding:10px 14px;font-weight:700;font-size:14px;cursor:pointer}.btn-light{background:#f3f4f6;color:#333}.btn-light:hover{background:#e5e7eb}.btn-primary{background:var(--fin-purple-right);color:#fff;box-shadow:0 1px 0 var(--fin-purple-left),0 4px 8px #2d165e26;border-radius:10px}.btn-light+.btn-primary,.btn-primary+.btn-primary{margin-left:8px}.btn-primary:hover{filter:brightness(.98);box-shadow:0 1px 0 var(--fin-purple-left),0 5px 10px #2d165e2e}.primary-cta.gs-primary{align-self:flex-start;background:linear-gradient(90deg,var(--fin-purple-left),var(--fin-purple-right));color:#fff;box-shadow:0 2px 0 var(--fin-purple-left),0 6px 12px #2d165e2e}.primary-cta.gs-primary:hover{opacity:.95}.cta-row{margin-top:2px}.weekday-row{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:8px}.weekday{font-weight:700;text-align:center;font-size:12.5px;color:#333;background:#f6f7fd;border:1px solid #e7e8f4;border-radius:8px;padding:6px 0}.weekday.weekend{background:#fdf3f3;color:#9b2222;border-color:#f2d6d6}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:10px;width:100%}.day{background:#fff;border:1.5px solid #eaeaea;border-radius:10px;min-height:84px;padding:8px;display:grid;grid-template-rows:auto 1fr;align-items:start;justify-items:center;position:relative;box-shadow:0 1px 2px #0000000a;cursor:pointer;transition:background .12s ease,box-shadow .12s ease,border-color .12s ease}.day:hover{background:#f9f9ff}.day:focus{outline:none}.day.empty{background:transparent;border:none;box-shadow:none;cursor:default}.day .day-num{font-weight:800;color:var(--ink-900)}.day.selected{background:#fff;border-color:var(--fin-purple-right);box-shadow:inset 0 0 0 2px #6c3fd159}.day-disabled{background:#fbf9ff;border-color:#eee;cursor:not-allowed;opacity:.65}.shift-pill{margin-top:6px;border-radius:16px;padding:6px 10px;font-size:12px;font-weight:800;text-align:center;border:1px solid rgba(0,0,0,.06);background:transparent}.wo-pill{margin-top:6px;border-radius:16px;padding:6px 10px;font-size:12px;font-weight:800;text-align:center;background:#f5f6fd;color:#5b32b8;border:1px solid #dcdcea}.calendar .day .shift-pill.shift-s1{background:#ede9fe!important;color:#4c1d95!important;border-color:#ddd6fe!important}.calendar .day .shift-pill.shift-s2{background:#e0f2fe!important;color:#075985!important;border-color:#bae6fd!important}.calendar .day .shift-pill.shift-s3{background:#dcfce7!important;color:#166534!important;border-color:#bbf7d0!important}.calendar .day .shift-pill.shift-s4{background:#fff7ed!important;color:#9a3412!important;border-color:#fed7aa!important}.rot-status{margin-top:8px;font-size:13px;color:#555}.wo-edit-enabled{outline:2px dashed #f59e0b;outline-offset:-2px}.cs-wrap{position:relative}.cs-trigger{text-align:left}.cs-list{position:absolute;z-index:10;top:calc(100% - 10px);left:0;right:0;background:#fff;border:1.5px solid var(--fin-purple-right);border-radius:12px;box-shadow:0 8px 20px #2d165e26;padding:6px;max-height:260px;overflow:auto}.cs-item{padding:4px 12px;border-radius:8px;cursor:pointer;color:#5b5757;font-weight:490}.cs-item:hover{background:#d7d5e3;color:#2d165e}.form-control.gs-control{width:100%;display:block;box-sizing:border-box;border-radius:10px;color:#49346f;font-weight:700}.mini-select{box-sizing:border-box;min-width:140px}.gs-panel{overflow:visible}.cs-noscroll-weekoffs .cs-wrap{position:relative;overflow:visible;z-index:2}.cs-noscroll-weekoffs .cs-list{position:absolute;top:calc(100% + 6px);left:0;max-height:none!important;overflow:visible!important;min-width:220px;width:max(100%,220px);border-radius:12px;box-shadow:0 8px 20px #2d165e26;background:#fff;z-index:2000}.cs-noscroll-weekoffs .cs-list{right:auto}.weekoffs-inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.weekoffs-inline .cs-wrap{flex:0 0 auto}.weekoffs-inline .chip-wrap{margin-top:0;display:flex;gap:8px;flex-wrap:wrap}.cs-noscroll-weekoffs .cs-list{position:absolute;top:calc(100% + 6px);left:0;max-height:none!important;overflow:visible!important;list-style:none;margin:0;padding:6px 0;min-width:220px;width:max(100%,220px);background:#fff;border:1.5px solid var(--fin-purple-right);border-radius:12px;box-shadow:0 8px 20px #2d165e26;z-index:2000}.cs-noscroll-weekoffs .cs-item{white-space:nowrap}.cs-noscroll-weekoffs .cs-list .cs-item{list-style:none!important}.weekoffs-inline .cs-trigger.form-control.gs-control{min-width:100px;white-space:nowrap}.auth-page{display:flex;flex-direction:column;min-height:100vh;background:#f6f7fb;font-family:Segoe UI,Roboto,sans-serif}.auth-navbar{background:linear-gradient(90deg,var(--fin-purple-left, #2d165e),var(--fin-purple-right, #6c3fd1));color:#fff;padding:18px 24px;text-align:center;font-weight:800;font-size:22px;letter-spacing:.6px;box-shadow:var(--shadow-card, 0 10px 24px rgba(45,22,94,.12))}.auth-navbar-title{color:#fff}.auth-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px}.auth-card{width:100%;max-width:480px;background:#fff;border:1px solid var(--line-200, #e5e7eb);border-radius:16px;padding:40px 32px;box-shadow:var(--shadow-card, 0 10px 24px rgba(45,22,94,.12));display:flex;flex-direction:column;gap:20px}.auth-title{font-size:22px;font-weight:800;color:var(--fin-purple-left, #2d165e);text-align:center;margin-bottom:8px}.auth--login .auth-title{font-size:24px;margin-bottom:16px}.auth-label{display:block;font-weight:600;font-size:14px;color:#333;margin-bottom:8px}.auth-input{width:100%;height:48px;padding:0 14px;border:1.5px solid var(--line-400, #dcdcea);border-radius:8px;font-size:14px;background:#fff;color:#111;box-sizing:border-box}.auth-input::placeholder{color:#9aa3b9}.auth-input:focus{outline:none;border-color:var(--purple-600, #6c3fd1);box-shadow:0 0 0 3px #6c3fd126}.password-field{position:relative}.password-input{padding-right:48px}.password-toggle.integrated-eye{position:absolute;top:50%;right:12px;transform:translateY(-50%);height:24px;width:24px;border:none;background:transparent;color:#444;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.password-toggle.integrated-eye:hover{background:transparent}input[type=password]::-ms-reveal,input[type=password]::-ms-clear{display:none}.auth-row{margin-top:16px;display:flex;align-items:center;justify-content:space-between;font-size:14px}.auth-remember{display:inline-flex;align-items:center;gap:8px;color:#333}.link-btn{background:transparent;border:none;color:var(--purple-600, #6c3fd1);font-weight:700;cursor:pointer;padding:0}.link-btn:hover{text-decoration:underline}.auth-primary{width:100%;background:linear-gradient(90deg,var(--fin-purple-left, #2d165e),var(--fin-purple-right, #6c3fd1));color:#fff;border:none;border-radius:10px;font-weight:800;font-size:16px;cursor:pointer;box-shadow:0 4px 12px #6c3fd140;transition:opacity .2s ease}.auth--login .auth-primary{margin-top:32px;padding:16px}.auth--signup .auth-primary{margin-top:8px;padding:14px}.auth-primary:hover{opacity:.95}.auth-primary[disabled]{opacity:.7;cursor:not-allowed}.auth-footer{display:flex;justify-content:center;font-size:14px;color:#333;gap:6px}.auth-legal{margin-top:auto;padding-top:16px;display:flex;justify-content:center;gap:12px;font-size:13px;color:#666;border-top:1px solid var(--line-200, #e5e7eb)}.auth-legal button{color:var(--purple-600, #6c3fd1);font-weight:600;background:none;border:none;cursor:pointer}.auth-legal button:hover{text-decoration:underline}.input-error{color:#e74c3c;font-size:.875rem;margin-top:6px}.terms-row{display:inline-flex;align-items:flex-start;gap:8px;font-size:13.5px;color:#333;margin-top:4px}.terms-row input{margin-top:2px}.auth--login .auth-card{max-width:450px}.powered-by{margin-top:16px;text-align:center;color:#8a8a8a;font-size:23px;letter-spacing:.2px}.auth-powered{margin-top:32px;text-align:center;font-size:15px;color:var(--purple-600, #6c3fd1);font-weight:700;letter-spacing:.6px;opacity:.95}.auth-powered span{color:var(--purple-600, #6c3fd1);text-shadow:0 1px 0 rgba(108,63,209,.08)}.admin-shell{height:100vh;display:flex;flex-direction:column;background:#eef1f7;color:#1f2430;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}.tn-right{display:flex;align-items:center;gap:12px}.tn-search{display:flex;align-items:center;gap:8px;background:#ffffff2e;padding:6px 10px;border-radius:999px;color:#fff}.tn-search-ico{opacity:.9}.tn-search-input{border:none;outline:none;background:transparent;color:#fff;width:160px}.tn-search-input::placeholder{color:#fffc}.dash-main-admin{flex:1;min-width:0;display:flex}.admin-main{flex:1;min-height:0;width:100%;max-width:none;margin:20px auto 40px;padding:0 16px;overflow:auto}.admin-h1{font-size:22px;font-weight:700;margin:14px 0 16px}.grid{display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gap{gap:16px}.mtop{margin-top:18px}@media(max-width:1280px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.grid-3{grid-template-columns:1fr}}.card{position:relative;display:flex;flex-direction:column;border-radius:16px;padding:16px;height:190px;background:radial-gradient(120% 120% at 0% 0%,#fff,#fafbff 60%,#f4f6fb);border:1px solid rgba(226,232,240,.9);box-shadow:0 12px 28px #1e293b14,0 2px 6px #1e293b0f,inset 0 1px #ffffffb3;transition:transform .18s ease,box-shadow .18s ease;overflow:hidden}.card:before{position:absolute;inset:0;border-radius:16px;background:linear-gradient(180deg,#ffffffe6,#fff9);pointer-events:none;mix-blend-mode:normal}.card:hover{transform:translateY(-3px);box-shadow:0 16px 36px #1e293b1f,0 4px 10px #1e293b14,inset 0 1px #ffffffb3}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.card-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#fff;box-shadow:inset 0 1px #ffffff4d,0 6px 14px #00000014}.tile-green{background:#5a8f58}.tile-blue{background:#6b40bb}.tile-purple{background:#515151}.card-dots{border:none;background:transparent;font-size:22px;line-height:1;color:#9aa3b2;padding:0 6px}.card-title{font-weight:800;font-size:16px;color:#1e293b}.card-desc{color:#616a78;font-size:13.5px;margin-top:4px}.btn-cta{margin-top:auto;display:inline-flex;align-items:center;gap:10px;width:100%;border:0;border-radius:12px;padding:10px 14px;color:#fff;font-weight:700;cursor:pointer;position:relative;overflow:hidden;transition:filter .18s ease,transform .18s ease;justify-content:space-between}.btn-cta .ico{display:inline-grid;place-items:center}.btn-cta .cta-arrow{margin-left:0;opacity:.9}.btn-green{background:#5a8f58;box-shadow:0 8px 18px #2fa26240}.btn-blue{background:#6b40bb;box-shadow:0 8px 18px #3b82f640}.btn-purple{background:#515151;box-shadow:0 8px 18px #7c3aed40}.btn-cta:hover{filter:brightness(.98);transform:translateY(-1px)}.btn-cta:active{transform:translateY(0)}.panel{border-radius:16px;background:#fff;border:1px solid rgba(226,232,240,.9);box-shadow:0 10px 22px #1e293b12,0 1px 3px #1e293b0f,inset 0 1px #ffffffb3;display:flex;flex-direction:column;min-height:470px;height:100%}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px}.panel-title{font-weight:800;color:#1e293b}.panel-dots{border:none;background:transparent;font-size:22px;color:#9aa3b2}.panel-body{padding:0 14px 10px;flex:1;min-height:0;overflow:auto}.panel-foot{display:flex;justify-content:flex-end;padding:10px 14px 12px;border-top:1px dashed #e7ebf3}.link{background:none;border:none;color:#6b4ce6;font-weight:700;display:inline-flex;align-items:center;gap:6px}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th,.tbl td{padding:10px 8px;border-bottom:1px solid #f0f2f7}.tbl thead th{text-align:left;color:#6a7280;font-weight:800;background:#fafbfe}.txt-right{text-align:right}.avatars{display:flex;gap:6px;align-items:center}.av{width:26px;height:26px;border-radius:50%;background:#eef0f6;color:#5b6270;display:grid;place-items:center;font-size:12px;font-weight:800;border:1px solid #e2e6f1}.btn-line{margin-top:10px;border:1px dashed #d6d9e4;background:#f7f8fc;color:#5b6270;border-radius:10px;padding:8px 10px;display:inline-flex;align-items:center;gap:8px}.btn-line .ico{color:#6b4ce6}.settings-pillbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:12px;background:#fff;border-radius:16px;border:1px solid rgba(226,232,240,.9);box-shadow:0 10px 22px #1e293b12,0 1px 3px #1e293b0f,inset 0 1px #ffffffb3}@media(max-width:980px){.settings-pillbar{grid-template-columns:1fr 1fr}}.pill{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#f5f6fc;border:1px solid #e7e9f5;color:#373d4a;font-weight:700}.pill--purple{background:linear-gradient(135deg,#f6f2ff,#efe8ff);border-color:#e6dbff}:root{--fin-purple-left: var(--purple-900);--fin-purple-right: var(--purple-600);--fin-purple-cta: var(--purple-600);--fin-purple-cta-2: var(--purple-500);--fin-purple-200: #e3dcfd;--fin-purple-150: #efe8ff;--fin-purple-100: #f6f3ff;--fin-metric-blue: #2563eb;--fin-metric-amber: #f59e0b;--fin-metric-violet: #7c3aed;--fin-metric-purple: var(--purple-600);--fin-approved-bg: #e9fbe9;--fin-approved-bd: #a7e3b8;--fin-approved-tx: #166534;--fin-pending-bg: #f5f0ff;--fin-pending-bd: #e8ddff;--fin-pending-tx: var(--purple-700);--fin-rejected-bg: #ffefef;--fin-rejected-bd: #f9b5b5;--fin-rejected-tx: #7f1d1d;--fin-gray-950: #111827;--fin-gray-900: #1f2937;--fin-gray-800: #2b3442;--fin-gray-700: #374151;--fin-gray-600: #4b5563;--fin-gray-500: #6b7280;--fin-gray-300: #d1d5db;--fin-gray-200: #e5e7eb;--fin-gray-150: #edf0f5;--fin-gray-100: #f3f4f6;--fin-line: #e8eaf5;--fin-shadow-soft: 0 6px 18px rgba(0,0,0,.06);--fin-shadow-card: 0 10px 24px rgba(45,22,94,.12)}.finance-approval-panel{background:#fff;border:1px solid var(--fin-line);border-radius:16px;box-shadow:var(--fin-shadow-card);overflow:hidden}.fap-header{background:linear-gradient(90deg,var(--fin-purple-left),var(--fin-purple-right));color:#fff;padding:16px;display:grid;grid-template-columns:1fr auto;align-items:start}.fap-header-left{display:flex;flex-direction:column;gap:6px}.fap-title-row{display:flex;align-items:center;gap:10px;white-space:nowrap}.fap-title{font-weight:800;font-size:18px;letter-spacing:.2px;line-height:1.1}.fap-sub{font-size:13px;opacity:.95}.fap-header-actions{display:inline-flex;align-items:center;gap:8px;margin-bottom:15px}.fap-month-btn{background:#ffffff2e;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:8px;width:36px;height:36px;display:grid;place-items:center;cursor:pointer;transition:background .12s ease,transform .12s ease;flex-shrink:0}.fap-month-btn:hover{background:#ffffff47;transform:translateY(-1px)}.fap-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:14px;background:var(--fin-gray-100);border-bottom:1px solid var(--fin-line)}.metric-card{background:#fff;border:1px solid var(--fin-line);border-radius:12px;padding:12px;box-shadow:var(--fin-shadow-soft);display:flex;flex-direction:column;gap:6px;min-height:80px}.metric-title{font-size:13px;color:var(--fin-gray-700);font-weight:700}.metric-value{font-size:22px;font-weight:800}.metric-blue .metric-value{color:var(--fin-metric-blue)}.metric-green .metric-value{color:var(--fin-metric-purple)}.metric-orange .metric-value{color:var(--fin-metric-amber)}.metric-purple .metric-value{color:var(--fin-metric-violet)}.fap-table-viewport{--fap-table-viewport-h: 420px;height:var(--fap-table-viewport-h);min-height:var(--fap-table-viewport-h);background:#fff;display:flex;flex-direction:column}.fap-table-wrap{padding:14px}.fap-table{width:100%;border-collapse:collapse;font-size:14px}.fap-table thead th{text-align:left;background:var(--fin-gray-100);border-bottom:1px solid var(--fin-gray-200);color:var(--fin-gray-700);padding:15px;font-weight:800}.fap-table tbody td{border-bottom:1px solid var(--fin-gray-200);padding:10px;color:var(--fin-gray-900);vertical-align:middle}.fap-table tbody tr:last-child td{border-bottom:none}.fap-emp{display:flex;align-items:center;gap:10px}.fap-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.fap-avatar.fallback{background:#dcd3ff;color:#3a2a7a;display:grid;place-items:center;font-weight:800}.fap-emp-text{display:flex;flex-direction:column;line-height:1.2}.fap-emp-name{font-weight:700}.fap-emp-code{font-size:12px;color:var(--fin-gray-600)}.fap-table td.num{text-align:center;font-weight:700}.fap-table td.money{text-align:center;font-weight:800;color:var(--purple-600)}.fp-status{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 10px;border-radius:999px;font-weight:800;font-size:12px;border:1px solid transparent}.fp-approved{background:var(--fin-approved-bg);color:var(--fin-approved-tx);border-color:var(--fin-approved-bd)}.fp-pending{background:var(--fin-pending-bg);color:var(--fin-pending-tx);border-color:var(--fin-pending-bd)}.row-actions-inline{display:flex;align-items:center;gap:12px}.fp-revise,.fp-approve{display:inline-flex;align-items:center;justify-content:center;height:38px;min-width:120px;padding:0 14px;font-size:13px;line-height:1;border-radius:999px;font-weight:800;border:none;cursor:pointer;box-shadow:0 2px #0000004d,0 4px 10px #00000014;transition:background .12s ease,transform 90ms ease}.fp-revise{background:var(--fin-purple-cta);color:#fff}.fp-approve{background:#22c55e;color:#fff}.fp-approve.disabled,.fp-approve:disabled{background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb;box-shadow:none;cursor:not-allowed}.fp-revise.disabled,.fp-revise:disabled{background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb;box-shadow:none;cursor:not-allowed}.fp-revise:not(.disabled):not(:disabled):hover,.fp-revise:not(.disabled):not(:disabled):focus{filter:brightness(.95)}.fap-action-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.bulk-head-trigger{position:relative;font-weight:800;font-size:12px;color:var(--fin-gray-700);cursor:pointer;-webkit-user-select:none;user-select:none}.bulk-menu{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--fin-line);border-radius:8px;padding:6px 0;box-shadow:var(--fin-shadow-soft);z-index:30;min-width:160px}.bulk-menu button{width:100%;padding:8px 14px;text-align:left;background:none;border:none;font-size:13px;cursor:pointer;color:var(--fin-gray-800)}.fp-pagination{display:flex;justify-content:space-between}.fp-page-left{font-size:12px;color:var(--fin-gray-600);margin-left:8px}.fp-page-right{display:inline-flex;gap:6px;margin-right:16px}.page-btn{padding:6px 10px;border-radius:8px;border:1px solid var(--fin-line);background:#fff;font-size:12px;cursor:pointer}.page-btn.active{background:var(--purple-600);color:#fff}.fp-info{display:grid;grid-template-columns:auto 1fr;gap:10px;margin:14px;padding:12px;background:var(--fin-purple-150);border-radius:10px}.fp-info-ico{width:28px;height:28px;display:grid;place-items:center}.fp-info-text{font-size:13px}.fp-review-row{display:inline-flex;align-items:center;gap:10px;font-size:14px;margin:0 14px 14px}.fp-actions{display:flex;justify-content:space-between;background:var(--fin-gray-100);padding:12px 14px}.fp-close-btn{background:#fff;border:1px solid var(--fin-gray-300);border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer}.fp-send-btn{background:linear-gradient(90deg,var(--fin-purple-left),var(--fin-purple-cta));color:#fff;border:none;border-radius:10px;padding:10px 16px;font-weight:800;cursor:pointer}.fp-send-btn:not(:disabled):hover{filter:brightness(.95)}.fp-send-btn:disabled{background:#9ca3af;border-color:#9ca3af;color:#fff;cursor:not-allowed;filter:none;opacity:1;pointer-events:none;box-shadow:none}.approvals-select-control{font-weight:600;font-family:Poppins,sans-serif;font-style:normal;color:var(--fin-gray-900, #000)}.approvals-select{display:inline-flex;flex-direction:column;gap:6px}.approvals-select-label{font-size:.9rem;color:var(--fin-gray-900, #1f2937);font-weight:500}.approvals-select-control{appearance:none;-webkit-appearance:none;-moz-appearance:none;min-width:180px;padding:8px 12px;border-radius:8px;border:2px solid var(--fin-purple-cta, #7c3aed);color:var(--fin-gray-900, #1f2937);background-color:#fff;font-size:.95rem;line-height:1;outline:none;box-shadow:0 1px 2px #0000000a}.approvals-select-control:focus{border-color:var(--fin-purple-cta, #7c3aed);box-shadow:0 0 0 3px #7c3aed40}.approvals-select-control:hover{border-color:var(--fin-purple-left, #6d28d9)}.approvals-select-control:disabled{border-color:var(--fin-gray-200, #e5e7eb);color:var(--fin-gray-600, #4b5563);background-color:#f9fafb;cursor:not-allowed;box-shadow:none}.fp-send-btn.is-loading{background-color:var(--fin-purple-left, #6d28d9)!important;border-color:var(--fin-purple-left, #6d28d9)!important;color:#fff!important}.fp-send-btn:disabled{opacity:.75;cursor:not-allowed}.fp-send-btn,.fp-send-btn.is-loading{transition:background-color .15s ease,border-color .15s ease,color .15s ease}.manual-wrapper{display:flex;background:var(--bg-page);min-height:100vh}.manual-main{width:100%;padding:24px 28px 40px;background:var(--bg-page);overflow-y:auto}.manual-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:16px;border-radius:14px;background:linear-gradient(90deg,var(--fin-purple-left),var(--fin-purple-right));box-shadow:var(--shadow-card);margin-bottom:18px;color:#fff}.manual-hero-row{display:inline-flex;align-items:center;gap:12px}.manual-title{font-size:26px;line-height:1.15;font-weight:800;color:#fff}.manual-title--tight{margin:0}.manual-intro{margin-top:10px;font-size:14.5px;color:#ffffffe6}.hero-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:10px}.manual-grid{display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:1080px){.manual-grid{grid-template-columns:1fr 1fr}}.manual-card{background:var(--bg-panel);border:1px solid var(--line-100);border-radius:14px;box-shadow:var(--shadow-soft);padding:18px 20px}.card-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.card-title{margin:0;font-size:18px;line-height:1.3;color:var(--purple-900);font-weight:800}.step-badge{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:999px;color:#fff;font-weight:800;background:linear-gradient(90deg,var(--fin-purple-left),var(--fin-purple-right));box-shadow:0 6px 16px #7c3aed40}.steps{margin:0;padding:6px 0 0;list-style:none}.steps li{position:relative;padding-left:26px;font-size:14px;line-height:1.55;color:var(--ink-700);margin:8px 0}.steps li:before{content:"✓";position:absolute;left:0;top:0;width:18px;height:18px;line-height:18px;text-align:center;font-size:12px;color:var(--chip-green-tx);background:var(--chip-green-bg);border:1px solid #d9f2e5;border-radius:50%}.card-actions{margin-top:12px}.link-cta{appearance:none;background:transparent;border:0;padding:0;cursor:pointer;font-weight:800;color:var(--accent-purple-600);border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease;margin-top:10px}.link-cta:hover{color:var(--accent-purple-600);border-color:var(--accent-purple-600)}.manual-card strong{color:var(--purple-800);font-weight:800}.manual-main::-webkit-scrollbar{width:10px}.manual-main::-webkit-scrollbar-thumb{background:var(--line-300);border-radius:8px}