:root{--bg: #f6f7fb;--panel: #ffffff;--panel-2: #f3f4f6;--text: #0f172a;--text-2: #334155;--muted: #64748b;--border: rgba(15, 23, 42, .12);--hover: rgba(15, 23, 42, .04);--row-hover: rgba(78, 115, 223, .08);--shadow: 0 12px 30px rgba(2, 6, 23, .1);--shadow-soft: 0 10px 30px rgba(2, 6, 23, .08);--table-header: #4e73df;--primary: #4f46e5;--primary-hover: #4338ca}[data-theme=dark]{--bg: #0b1220;--panel: #0f1a2e;--panel-2: #101d36;--text: #e5e7eb;--text-2: #cbd5e1;--muted: #94a3b8;--border: rgba(255, 255, 255, .1);--hover: rgba(255, 255, 255, .06);--row-hover: rgba(43, 99, 255, .12);--shadow: 0 18px 45px rgba(0, 0, 0, .45);--shadow-soft: 0 12px 40px rgba(0, 0, 0, .4);--table-header: #2b63ff}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Outfit,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;letter-spacing:.2px;background:var(--bg);color:var(--text)}.layout{display:flex;height:100vh;width:100%;background:var(--bg)}.sidebar{position:sticky;top:0;height:100vh;flex-shrink:0}.main-content{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg)}.header{position:sticky;top:0;z-index:50}.page-content{flex:1;overflow:auto;padding:24px}.page-content>*{max-width:1400px}.staff-table td{font-weight:400}.staff-table th{font-weight:600;letter-spacing:.5px}.sidebar{width:220px;height:100vh;background:var(--panel);border-right:1px solid var(--border);padding:14px 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;transition:width .25s ease}.sidebar.collapsed{width:68px}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;background:var(--panel-2);border:1px solid var(--border)}.logo-img{width:42px;height:42px;object-fit:contain;border-radius:12px}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-title{font-size:14px;font-weight:800;color:var(--text)}.brand-subtitle{font-size:11px;font-weight:600;color:var(--muted)}.sidebar.collapsed .brand-text{display:none}.sidebar-section-title{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--muted);padding:8px 12px;text-transform:uppercase}.sidebar-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;text-decoration:none;color:var(--text);border:1px solid transparent;transition:.15s ease}.sidebar-link:hover{background:var(--panel-2);border-color:var(--border);transform:translateY(-1px)}.sidebar-link.active{background:color-mix(in srgb,var(--primary) 16%,transparent);border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}.sidebar-icon{font-size:18px;min-width:22px;display:grid;place-items:center}.sidebar-label-wrap{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:0}.sidebar-label{font-size:13px;font-weight:700;color:var(--text-2)}.sidebar-badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;line-height:1;flex:0 0 auto}.sidebar-dropdown{display:grid;gap:4px}.sidebar-dropdown-toggle{width:100%;background:none;cursor:pointer}.sidebar-arrow{margin-left:auto;font-size:12px;opacity:.8;transition:transform .2s ease}.sidebar-arrow.open{transform:rotate(180deg)}.sidebar-submenu{margin-left:34px;display:grid;gap:4px}.sidebar-sub-link{padding:8px 10px;border-radius:10px;color:var(--text);text-decoration:none;font-size:13px;font-weight:800;opacity:.85}.sidebar-sub-link:hover,.sidebar-sub-link.active{background:#6366f12e;color:#fff}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background-color:#64748b80;border-radius:3px}.sidebar-sub-link{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-sub-badge{min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-weight:900;display:inline-flex;align-items:center;justify-content:center}.header{height:64px;background:color-mix(in srgb,var(--panel) 88%,transparent);color:var(--text);display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-toggle{background:var(--card);border:1px solid var(--border);color:var(--text);padding:8px 10px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.menu-toggle:hover{background:#ffffff14}[data-theme=dark] .menu-toggle{color:#e7edf7}[data-theme=dark] .menu-toggle:hover{background:#ffffff1a}.admin-profile{position:relative}.admin-info{display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--text);padding:7px 10px;border-radius:999px;border:1px solid transparent;transition:.15s ease}.admin-info:hover{background:var(--panel-2);border-color:var(--border)}.admin-info span{font-size:13px;font-weight:700;color:var(--text-2)}.dropdown{position:absolute;right:0;top:52px;width:200px;background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-soft);overflow:hidden;z-index:1000;animation:fadeIn .18s ease-in-out}.dropdown-item{padding:12px 14px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:.15s ease;color:var(--text);font-size:13px;font-weight:600}.dropdown-item svg{font-size:14px;opacity:.9}.dropdown-item:hover{background:var(--panel-2)}.dropdown-item.logout{border-top:1px solid var(--border)}.dropdown-item.logout:hover{background:#ef44441f;color:#ef4444}.icon{font-size:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.avatar-img,.avatar-placeholder{width:34px;height:34px;border-radius:50%}.avatar-img{object-fit:cover;border:2px solid color-mix(in srgb,var(--border) 50%,transparent)}.avatar-placeholder{background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;border:2px solid color-mix(in srgb,var(--border) 50%,transparent)}.header-right{margin-left:auto;display:flex;align-items:center;gap:10px}.theme-btn{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:8px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:.15s ease}.theme-btn:hover{background:var(--panel-2);transform:translateY(-1px)}.theme-btn:active{transform:translateY(0)}.theme-text{font-size:13px;font-weight:600;color:var(--text-2)}.admin-label{display:flex;flex-direction:column;line-height:1.1}.admin-name{font-size:13px;font-weight:800;color:var(--text-2)}.admin-role{font-size:11px;font-weight:600;color:var(--muted)}.notif-wrap{position:relative;display:flex;align-items:center}.notif-btn{position:relative;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:12px;padding:10px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.notif-btn:hover{filter:brightness(1.03)}.notif-badge{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;font-size:11px;font-weight:800;border-radius:999px;padding:2px 6px;border:2px solid var(--card);line-height:1}.notif-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:360px;max-width:90vw;background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 30px #00000040;overflow:hidden;z-index:50}.notif-head{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid var(--border)}.notif-title{font-weight:900}.notif-actions{display:flex;gap:8px}.notif-action{border:1px solid var(--border);background:transparent;color:var(--text);border-radius:10px;padding:8px 10px;cursor:pointer}.notif-action:hover{filter:brightness(1.05)}.notif-list{max-height:360px;overflow:auto}.notif-empty{padding:18px 12px;opacity:.85}.notif-item{padding:10px 12px;border-bottom:1px solid var(--border);cursor:pointer}.notif-item:hover{filter:brightness(1.03)}.notif-item.unread{background:#3b82f61a}.notif-item-top{display:flex;justify-content:space-between;gap:10px}.notif-item-title{font-weight:800}.notif-item-time{font-size:11px;opacity:.75;white-space:nowrap}.notif-item-msg{margin-top:4px;font-size:12px;opacity:.9}.notif-foot{padding:10px 12px}.notif-btn svg{font-size:18px}.dash{--bg: #f4f6fb;--card: #ffffff;--text: #0f172a;--muted: #6b7280;--border: rgba(15, 23, 42, .08);--shadow: 0 10px 30px rgba(15, 23, 42, .08);--blue: #2d7ff9;--green: #28c76f;--red: #ea5455;--orange: #ff9f43;background:var(--bg);color:var(--text);padding:18px 18px 28px;min-height:calc(100vh - 64px)}.dash[data-theme=dark]{--bg: #0b1220;--card: #0f1a2e;--text: #e7edf7;--muted: #9aa7bd;--border: rgba(231, 237, 247, .1);--shadow: 0 10px 30px rgba(0, 0, 0, .35)}.dash__head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}.dash__title{font-size:22px;font-weight:900}.dash__sub{margin-top:3px;font-size:12px;color:var(--muted);font-weight:700}.pill{border:1px solid var(--border);background:#7f7f7f14;color:var(--text);padding:8px 12px;border-radius:999px;font-weight:800;font-size:12px}.dash__kpis{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:14px}.dash__panels{margin-top:14px;display:grid;grid-template-columns:2fr 1fr;gap:14px}.dash__mini{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:14px}.dash__targetHead{margin-top:18px;display:flex;align-items:center;justify-content:space-between}.dash__targetTitle{font-weight:900;color:var(--muted);letter-spacing:.2px}.dash__targets{margin-top:10px;display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:14px}.dash__grid{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:14px}.card,.kpi,.mini,.target,.infoCard{background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.card--panel{padding:14px}.card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.card__title{font-weight:900}.card__sub{font-size:12px;color:var(--muted);margin-top:2px;font-weight:700}.btn{border:1px solid var(--border);background:transparent;color:var(--text);border-radius:10px;padding:8px 10px;font-weight:800;cursor:pointer}.btn--ghost:hover{background:#7f7f7f14}.icons{display:flex;gap:8px}.iconBtn{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer}.iconBtn:hover{background:#7f7f7f14}.kpi{padding:14px;position:relative;overflow:hidden}.kpi__top{display:flex;justify-content:space-between;align-items:center;gap:10px}.kpi__title{font-size:12px;font-weight:900;color:var(--muted)}.kpi__badge{width:30px;height:30px;border-radius:999px;border:3px solid var(--border);display:grid;place-items:center;font-size:12px;font-weight:900;color:var(--muted)}.kpi__valueRow{margin-top:10px;display:flex;gap:10px;align-items:center;justify-content:space-between}.kpi__value{font-size:22px;font-weight:1000}.kpi__subtitle{margin-top:6px;font-size:12px;color:var(--muted);font-weight:700}.kpi__trend{font-weight:1000}.kpi__trend--up{color:var(--green)}.kpi__trend--down{color:var(--red)}.kpi__trend--flat{color:var(--muted)}.kpi__bar{height:3px;border-radius:999px;margin-top:10px;background:var(--border);position:relative}.kpi--blue .kpi__bar:after,.kpi--green .kpi__bar:after,.kpi--red .kpi__bar:after,.kpi--orange .kpi__bar:after{content:"";position:absolute;inset:0;border-radius:999px}.kpi--blue .kpi__bar:after{background:var(--blue)}.kpi--green .kpi__bar:after{background:var(--green)}.kpi--red .kpi__bar:after{background:var(--red)}.kpi--orange .kpi__bar:after{background:var(--orange)}.chart{height:280px;border-radius:12px;border:1px dashed var(--border);display:grid;place-items:center}.chart__placeholder{color:var(--muted);font-weight:900;text-align:center;padding:0 12px}.legend{margin-top:10px;display:flex;align-items:center;color:var(--muted);font-size:12px;font-weight:900}.legend__spacer{width:18px}.dot{width:10px;height:10px;border-radius:999px;display:inline-block;margin-right:8px}.dot--blue{background:var(--blue)}.dot--green{background:var(--green)}.donutWrap{display:grid;grid-template-rows:auto auto;gap:14px}.donut{width:230px;height:230px;margin:6px auto 0;border-radius:999px;background:conic-gradient(var(--blue) 0 var(--deg),rgba(127,127,127,.16) var(--deg) 360deg);display:grid;place-items:center;box-shadow:inset 0 0 0 12px #7f7f7f0f}.donut__inner{width:160px;height:160px;border-radius:999px;background:var(--card);border:1px solid var(--border);display:grid;place-items:center;text-align:center}.donut__label{font-size:12px;color:var(--muted);font-weight:900;margin-top:10px}.donut__value{font-size:38px;font-weight:1000;margin-bottom:10px}.donutMeta{padding:0 8px 6px;display:grid;gap:8px}.donutMeta__label{color:var(--muted);font-weight:900;font-size:12px}.donutMeta__bar{height:3px;background:#7f7f7f2e;border-radius:999px;overflow:hidden}.donutMeta__bar span{display:block;height:100%;background:var(--orange);border-radius:999px}.donutMeta__pct{font-weight:1000;color:var(--orange)}.mini{padding:14px}.mini__label{color:var(--muted);font-weight:900;font-size:12px}.mini__row{margin-top:8px;display:flex;align-items:baseline;justify-content:space-between;gap:10px}.mini__value{font-size:18px;font-weight:1000}.link{color:var(--blue);font-weight:900;text-decoration:none}.link:hover{text-decoration:underline}.target{padding:14px}.target__top{display:flex;align-items:baseline;gap:10px}.target__pct{font-size:18px;font-weight:1000}.target__label{color:var(--muted);font-weight:900;font-size:12px}.target__bar{margin-top:10px;height:3px;background:#7f7f7f2e;border-radius:999px;overflow:hidden}.target__bar>span{display:block;height:100%;border-radius:999px}.target__pct--red{color:var(--red)}.target__pct--green{color:var(--green)}.target__pct--orange{color:var(--orange)}.target__pct--blue{color:var(--blue)}.target__bar--red>span{background:var(--red)}.target__bar--green>span{background:var(--green)}.target__bar--orange>span{background:var(--orange)}.target__bar--blue>span{background:var(--blue)}.infoCard{padding:14px}.infoCard__title{font-size:12px;font-weight:900;color:var(--muted)}.infoCard__value{margin-top:8px;font-size:18px;font-weight:1000}.infoCard--strong .infoCard__value{font-size:20px}@media(max-width:1200px){.dash__kpis,.dash__mini,.dash__targets,.dash__grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.dash__panels{grid-template-columns:1fr}}@media(max-width:620px){.dash__kpis,.dash__mini,.dash__targets,.dash__grid{grid-template-columns:1fr}}.dash__approvalCharts{display:grid;grid-template-columns:1fr;gap:14px;margin-top:10px}.dash__approvalChart{width:100%}.dash__approvalLabel{font-size:13px;font-weight:800;color:var(--text, #e2e8f0);margin-bottom:8px}.chart{width:100%;height:300px}.recharts-default-tooltip{border-radius:12px!important}@media(min-width:1100px){.dash__approvalCharts{grid-template-columns:1fr}}.dash__panels>.dashTravel{min-width:0}.dashTravel{min-width:0;min-height:470px;padding:0;display:grid;grid-template-columns:190px minmax(0,1fr);overflow:hidden;background:radial-gradient(circle at 78% 18%,rgba(45,127,249,.24),transparent 38%),linear-gradient(125deg,#10283c,#0c1c2e 45%,#091522);color:#fff}.dashTravel__side{padding:22px 18px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.12);background:#051521ad;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dashTravel__brand{font-size:18px;font-weight:1000;letter-spacing:.2px}.dashTravel__selectedDate{margin-top:28px;display:flex;flex-direction:column;gap:3px}.dashTravel__selectedDate span{font-size:15px;font-weight:900}.dashTravel__selectedDate strong{font-size:64px;line-height:1}.dashTravel__selectedDate small{color:#ffffff9e;font-weight:700}.dashTravel__weekStats{margin-top:26px;display:grid;gap:9px}.dashTravel__weekStats>div{padding:10px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff0e}.dashTravel__weekStats span{color:#ffffffb3;font-size:11px;font-weight:800}.dashTravel__weekStats b{font-size:15px}.dashTravel__openButton{margin-top:auto;padding:10px 12px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:#ffffff14;color:#fff;font-weight:900;cursor:pointer}.dashTravel__openButton:hover{background:#ffffff24}.dashTravel__main{min-width:0;padding:25px;display:flex;flex-direction:column}.dashTravel__hero{min-height:125px;display:flex;align-items:center;justify-content:space-between;gap:22px}.dashTravel__dateLabel{color:#ffffff94;font-size:11px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.dashTravel__hero h2{margin:8px 0 7px;font-size:clamp(27px,4vw,47px);line-height:1}.dashTravel__hero p{max-width:590px;margin:0;color:#ffffffa8;font-size:12px;font-weight:700}.dashTravel__heroCount{flex:0 0 82px;width:82px;height:82px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#ffffff12;font-size:32px;font-weight:1000}.dashTravel__planList{min-height:115px;max-height:145px;display:grid;gap:7px;overflow-y:auto}.dashTravel__plan{width:100%;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:#ffffff0e;color:#fff;cursor:pointer}.dashTravel__plan:hover{background:#ffffff18}.dashTravel__planInfo{min-width:0;display:grid;gap:2px}.dashTravel__planInfo strong,.dashTravel__planInfo span,.dashTravel__planInfo small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashTravel__planInfo span,.dashTravel__planInfo small{color:#ffffff9e;font-size:11px}.dashTravel__status{flex:0 0 auto;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:1000}.dashTravel__status.completed{border:1px solid rgba(40,199,111,.42);background:#28c76f24;color:#65e7a1}.dashTravel__status.pending{border:1px solid rgba(255,159,67,.42);background:#ff9f4324;color:#ffc078}.dashTravel__empty{min-height:110px;display:grid;place-items:center;border:1px dashed rgba(255,255,255,.17);border-radius:11px;color:#ffffff8f;font-size:12px;font-weight:800}.dashTravel__week{margin-top:auto;padding-top:17px;display:grid;grid-template-columns:repeat(7,minmax(62px,1fr));gap:7px}.dashTravel__day{min-width:0;min-height:83px;padding:9px 5px;display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:#ffffff09;color:#ffffffa6;cursor:pointer}.dashTravel__day span{font-size:10px;font-weight:900;text-transform:uppercase}.dashTravel__day strong{color:#fff;font-size:22px}.dashTravel__day small{font-size:9px;font-weight:800}.dashTravel__day.active{transform:translateY(-3px);border-color:#7dd3fcad;background:#2d7ff933;color:#fff}@media(max-width:1050px){.dashTravel{grid-template-columns:155px minmax(0,1fr)}.dashTravel__side{padding:18px 14px}.dashTravel__main{padding:20px}.dashTravel__selectedDate strong{font-size:50px}.dashTravel__week{grid-template-columns:repeat(4,minmax(60px,1fr))}}@media(max-width:720px){.dashTravel{grid-template-columns:1fr}.dashTravel__side{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.dashTravel__weekStats{grid-template-columns:repeat(3,1fr)}.dashTravel__openButton{margin-top:18px}.dashTravel__heroCount{display:none}.dashTravel__week{grid-template-columns:repeat(2,minmax(0,1fr))}}.staff-page{display:flex;flex-direction:column;gap:18px}.staff-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.staff-title{margin:0;font-size:24px;font-weight:900;color:var(--text)}.staff-subtitle{margin:6px 0 0;font-size:13px;font-weight:600;color:var(--muted)}.staff-actions{display:flex;align-items:center;gap:12px}.open-modal-btn{background:var(--primary);color:#fff;padding:10px 18px;border:none;border-radius:12px;cursor:pointer;font-weight:800;transition:.2s ease}.open-modal-btn:hover{background:var(--primary-hover)}.staff-card{width:100%;min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-soft);overflow:hidden}.staff-card-header{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.staff-card-title{font-size:13px;font-weight:900;color:var(--text-2)}.staff-count{margin-left:8px;padding:2px 10px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);font-size:12px;font-weight:900;color:var(--text)}.staff-table-wrapper{width:100%;max-height:500px;overflow-y:auto;overflow-x:auto}.staff-table{width:100%;min-width:1050px;border-collapse:collapse;table-layout:auto;background:transparent;color:var(--text)}.staff-table thead th{background:var(--table-header);color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.5px;padding:14px 8px;position:sticky;top:0;z-index:1}.staff-table th,.staff-table td{text-align:center;padding:12px 8px;border-bottom:1px solid var(--border)}.staff-table tbody tr:hover{background:var(--row-hover);transition:.15s ease}.td-strong{font-weight:900;color:var(--text)}.action-cell{display:flex;justify-content:center;gap:8px}.edit-btn,.delete-btn{padding:7px 14px;border:none;border-radius:10px;font-size:12px;font-weight:800;cursor:pointer;transition:.15s ease}.edit-btn{background:#10b981;color:#fff}.edit-btn:hover{background:#059669}.delete-btn{background:#ef4444;color:#fff}.delete-btn:hover{background:#dc2626}.modal-saas{width:min(880px,95vw);max-height:90vh;overflow-y:auto;border-radius:18px;padding:18px;border:1px solid var(--border);box-shadow:var(--shadow);background:var(--panel);color:var(--text)}.modal-subtitle{margin:6px 0 0;font-size:13px;color:var(--muted);font-weight:600}.modal-x:hover{filter:brightness(1.05)}.modal-divider{height:1px;background:var(--border);margin:18px 0}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:800;margin-bottom:6px;font-size:12px;color:var(--text-2)}.form-group input{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text)}.form-group input::placeholder{color:var(--muted)}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 20%,transparent)}.modal-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.btn-primary:disabled{opacity:.75;cursor:not-allowed}[data-theme=dark] .modal-saas{background:#0b152b;border-color:#ffffff1a}[data-theme=dark] .modal-saas .form-group input{background:#0f1f3d;border-color:#ffffff1a;color:#e5e7eb}[data-theme=dark] .modal-saas .form-group label{color:#e5e7ebd9}[data-theme=dark] .modal-saas input[type=date]{color-scheme:dark}@media(max-width:768px){.staff-page-header{flex-direction:column;align-items:stretch}.staff-actions{justify-content:space-between;flex-wrap:wrap}.search-input{width:100%}.modal-grid{grid-template-columns:1fr}}.transpo-page{display:flex;flex-direction:column;gap:14px}.td-left{text-align:left!important}.transpo-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.transpo-title{margin:0;font-size:24px;font-weight:900;color:var(--text)}.transpo-subtitle{margin:6px 0 0;font-size:13px;font-weight:700;color:var(--muted)}.transpo-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.transpo-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-soft);overflow:hidden;min-width:0}.transpo-card-head{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px}.transpo-card-title{font-size:13px;font-weight:900;color:var(--text-2)}.transpo-meta{font-size:12px;font-weight:800;color:var(--muted)}.transpo-loading,.transpo-error{padding:18px;font-weight:800;color:var(--muted)}.transpo-error{color:#ef4444}.transpo-table-wrap{width:100%;overflow:auto;max-height:72vh}.transpo-table{width:100%;min-width:1750px;border-collapse:collapse;table-layout:auto;color:var(--text)}.transpo-table th,.transpo-table td{border-bottom:1px solid var(--border);padding:10px;font-size:12px;white-space:nowrap;text-align:center}.transpo-table thead th{position:sticky;z-index:2;background:var(--table-header);color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.4px}.transpo-table thead tr:first-child th{top:0;z-index:3}.transpo-table thead tr:nth-child(2) th{top:38px;z-index:2}.transpo-table tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--panel) 88%,var(--panel-2))}.transpo-table tbody tr:hover td{background:color-mix(in srgb,var(--panel-2) 95%,transparent)}.empty-state{padding:22px;text-align:center;color:var(--muted);font-weight:900}.transpo-hint{padding:10px 14px;border-top:1px solid var(--border);font-size:12px;font-weight:700;color:var(--muted)}.transpo-dots-btn{background:transparent;border:1px solid var(--border);color:var(--text);width:38px;height:32px;border-radius:10px;font-weight:900;cursor:pointer}.transpo-dots-btn:hover{background:color-mix(in srgb,var(--panel-2) 70%,transparent)}.transpo-action-menu{position:absolute;right:6px;top:38px;min-width:170px;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-soft);overflow:hidden;z-index:10}.transpo-action-item{width:100%;text-align:left;padding:10px 12px;background:transparent;border:none;color:var(--text);font-weight:800;cursor:pointer}.transpo-action-item:hover{background:color-mix(in srgb,var(--panel-2) 70%,transparent)}.transpo-action-item.danger{color:#ef4444}.transpo-modal-overlay{position:fixed;inset:0;background:#0009;z-index:50;display:flex;align-items:center;justify-content:center;padding:18px}.transpo-modal{width:min(980px,100%);background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-soft);overflow:hidden}.transpo-modal-head{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.transpo-modal-title{font-size:14px;font-weight:1000;color:var(--text)}.transpo-modal-sub{font-size:12px;color:var(--muted);margin-top:4px}.transpo-modal-x{background:transparent;border:1px solid var(--border);color:var(--text);border-radius:10px;width:36px;height:32px;cursor:pointer;font-weight:900}.transpo-modal-body{padding:14px 16px}.transpo-modal-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.transpo-modal-row label{font-size:12px;font-weight:900;color:var(--muted)}.transpo-modal-row input{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-weight:800}.transpo-modal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.transpo-modal-field label{display:block;font-size:11px;font-weight:900;color:var(--muted);margin-bottom:6px}.transpo-modal-field input{width:100%;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-weight:800}.transpo-modal-actions{padding:14px 16px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.branch-transpo-print{display:none}@media print{html,body{margin:0!important;padding:0!important;background:#fff!important;color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}body *{visibility:hidden!important}.print-only,.print-only *{visibility:visible!important}.no-print,.transpo-page-header,.transpo-card,.sidebar,.header{display:none!important}.print-only{display:block!important;position:absolute;inset:0;width:100%;background:#fff!important;margin:0!important;padding:0!important}.branch-transpo-print{display:block!important;width:100%;background:#fff!important;color:#000!important;font-family:Arial,Helvetica,sans-serif;font-size:9px;box-sizing:border-box;padding:2mm}.branch-transpo-print__title{text-align:center;font-size:20px;font-weight:700;margin-bottom:2px}.branch-transpo-print__subtitle{text-align:center;font-size:12px;font-weight:700;margin-bottom:2px}.branch-transpo-print__branch{text-align:center;font-size:14px;font-weight:700;margin-bottom:2px}.branch-transpo-print__period{text-align:center;font-size:11px;margin-bottom:8px}.branch-transpo-print__meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:9px}.branch-transpo-print-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:7px}.branch-transpo-print-table th,.branch-transpo-print-table td{border:1px solid #666;padding:2px 3px;text-align:center;vertical-align:middle;word-break:break-word}.branch-transpo-print-table thead th{background:#ececec!important;color:#000!important;font-weight:700}.branch-transpo-print-total td{font-weight:700;color:#c00000!important;background:#fff8dc!important}.branch-transpo-print__signatures{display:flex;justify-content:space-between;gap:24px;margin-top:22px}.branch-transpo-print__sign-box{flex:1;text-align:center;font-size:9px}.branch-transpo-print__sign-line{border-top:1px solid #000;height:20px;margin-bottom:4px}.transpo-page{display:block!important;background:#fff!important}}@media(max-width:900px){.transpo-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.transpo-page-header{flex-direction:column;align-items:stretch}}@media(max-width:640px){.transpo-modal-grid{grid-template-columns:1fr}}.payroll-page{display:flex;flex-direction:column;gap:14px}.print-only{display:none}.num{text-align:right}.td-strong{font-weight:1000}.payroll-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.payroll-title{margin:0;font-size:24px;font-weight:900;color:var(--text)}.payroll-subtitle{margin:6px 0 0;font-size:13px;font-weight:700;color:var(--muted)}.payroll-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.payroll-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-soft);overflow:visible;min-width:0}.payroll-card-head{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px}.payroll-card-title{font-size:13px;font-weight:900;color:var(--text-2)}.payroll-meta{font-size:12px;font-weight:800;color:var(--muted)}.payroll-loading,.payroll-error{padding:18px;font-weight:800;color:var(--muted)}.payroll-error{color:#ef4444}.payroll-table-wrap{width:100%;overflow-x:auto;overflow-y:visible;max-height:none;position:relative}.payroll-table{width:100%;min-width:1750px;border-collapse:collapse;table-layout:auto;color:var(--text)}.payroll-table th,.payroll-table td{border-bottom:1px solid var(--border);padding:10px;font-size:12px;white-space:nowrap;text-align:center}.payroll-table thead th{position:sticky;z-index:2;background:var(--table-header);color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.4px}.payroll-table thead tr:first-child th{top:0;z-index:3}.payroll-table thead tr:nth-child(2) th{top:38px;z-index:2}.payroll-table tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--panel) 88%,var(--panel-2))}.payroll-table tbody tr:hover td{background:color-mix(in srgb,var(--panel-2) 95%,transparent)}.totals-row td{background:color-mix(in srgb,var(--panel-2) 85%,transparent);border-top:2px solid color-mix(in srgb,var(--border) 70%,transparent);font-weight:1000}.totals-label{text-align:right!important}.pos{color:#10b981}.neg{color:#ef4444}.payroll-hint{padding:10px 14px;border-top:1px solid var(--border);font-size:12px;font-weight:700;color:var(--muted)}.payroll-dots-btn{background:transparent;border:1px solid var(--border);color:var(--text);width:38px;height:32px;border-radius:10px;font-weight:900;cursor:pointer}.payroll-dots-btn:hover{background:color-mix(in srgb,var(--panel-2) 70%,transparent)}.payroll-action-menu{min-width:190px;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-soft);overflow:hidden;z-index:99999}.payroll-action-menu--floating{position:fixed}.payroll-action-item{width:100%;text-align:left;padding:10px 12px;background:transparent;border:none;color:var(--text);font-weight:800;cursor:pointer}.payroll-action-item:hover{background:color-mix(in srgb,var(--panel-2) 70%,transparent)}.payroll-action-item:disabled{opacity:.55;cursor:not-allowed}.payroll-action-item.danger{color:#ef4444}.payroll-modal-overlay{position:fixed;inset:0;background:#0009;z-index:50;display:flex;align-items:center;justify-content:center;padding:18px}.payroll-modal{width:min(980px,100%);background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-soft);overflow:hidden}.payroll-modal-head{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.payroll-modal-title{font-size:14px;font-weight:1000;color:var(--text)}.payroll-modal-sub{font-size:12px;color:var(--muted);margin-top:4px}.payroll-modal-x{background:transparent;border:1px solid var(--border);color:var(--text);border-radius:10px;width:36px;height:32px;cursor:pointer;font-weight:900}.payroll-modal-body{padding:14px 16px}.payroll-modal-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.payroll-modal-row label{font-size:12px;font-weight:900;color:var(--muted)}.payroll-modal-row input{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-weight:800}.payroll-modal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media(max-width:900px){.payroll-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.payroll-modal-grid{grid-template-columns:1fr}}.payroll-modal-field label{display:block;font-size:11px;font-weight:900;color:var(--muted);margin-bottom:6px}.payroll-modal-field input{width:100%;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-weight:800}.payroll-modal-actions{padding:14px 16px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.branch-payroll-print{display:none}@page{size:legal landscape;margin:8mm}@media print{html,body{margin:0!important;padding:0!important;background:#fff!important;color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}body *{visibility:hidden!important}.print-only,.print-only *{visibility:visible!important}.no-print,.payroll-page-header,.payroll-card,.sidebar,.header{display:none!important}.print-only{display:block!important;position:absolute;inset:0;width:100%;background:#fff!important;margin:0!important;padding:0!important}.branch-payroll-print{display:block!important;width:100%;background:#fff!important;color:#000!important;font-family:Arial,Helvetica,sans-serif;font-size:9px;box-sizing:border-box;padding:2mm}.branch-payroll-print__title{text-align:center;font-size:20px;font-weight:700;margin-bottom:2px}.branch-payroll-print__subtitle{text-align:center;font-size:12px;font-weight:700;margin-bottom:2px}.branch-payroll-print__branch{text-align:center;font-size:14px;font-weight:700;margin-bottom:2px}.branch-payroll-print__period{text-align:center;font-size:11px;margin-bottom:8px}.branch-payroll-print__meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:9px}.branch-payroll-print-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:7px}.branch-payroll-print-table th,.branch-payroll-print-table td{border:1px solid #666;padding:2px 3px;text-align:center;vertical-align:middle;word-break:break-word}.branch-payroll-print-table thead th{background:#ececec!important;color:#000!important;font-weight:700}.branch-payroll-print-total td{font-weight:700;color:#c00000!important;background:#fff8dc!important}.branch-payroll-print__signatures{display:flex;justify-content:space-between;gap:24px;margin-top:22px}.branch-payroll-print__sign-box{flex:1;text-align:center;font-size:9px}.branch-payroll-print__sign-line{border-top:1px solid #000;height:20px;margin-bottom:4px}.payroll-page{display:block!important;background:#fff!important}}@media(max-width:768px){.payroll-page-header{flex-direction:column;align-items:stretch}}.payroll-grid-2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.payroll-field{min-width:0}.payroll-field label{display:block;margin-bottom:6px;color:var(--muted);font-size:12px;font-weight:900}.payroll-field input{width:100%;box-sizing:border-box;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:13px;font-weight:700;outline:none}.payroll-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.branches-page,.saas-page{display:flex;flex-direction:column;gap:14px}.saas-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.saas-title h2{margin:0;font-size:24px;font-weight:900;color:var(--text)}.saas-title p{margin:6px 0 0;font-size:13px;font-weight:600;color:var(--muted)}.saas-actions{display:flex;gap:10px;align-items:center}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-soft);overflow:hidden}.controls-card{padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.controls-left{flex:1;min-width:260px}.controls-right,.search-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.input{background:var(--panel);color:var(--text);border:1px solid var(--border);padding:10px 12px;border-radius:12px;outline:none;font-size:13px;transition:.2s ease;min-width:320px}.input::placeholder{color:var(--muted)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 20%,transparent)}.pill{padding:9px 12px;border-radius:999px;font-size:13px;background:var(--panel-2);color:var(--text);border:1px solid var(--border);font-weight:800}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid transparent;font-size:13px;font-weight:900;cursor:pointer;transition:.15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--primary);color:#fff;border:none}.btn-outline{background:var(--panel);border:1px solid var(--border);color:var(--text)}.btn-ghost{background:var(--panel-2);border:1px solid transparent;color:var(--text)}.table-card{overflow:hidden}.table-scroll{width:100%;overflow:auto}.saas-table{width:100%;border-collapse:collapse;table-layout:auto;min-width:900px;color:var(--text)}.saas-table thead th{background:var(--table-header);color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.5px;padding:14px 10px;position:sticky;top:0;z-index:1}.saas-table th,.saas-table td{padding:12px 10px;border-bottom:1px solid var(--border);font-size:13px;vertical-align:middle}.saas-table tbody tr:hover td{background:var(--row-hover)}.empty{text-align:center;padding:22px!important;color:var(--muted);font-weight:800}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px}.actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.action-group{display:flex;gap:8px;flex-wrap:wrap}.action-btn{padding:6px 12px;border-radius:9px;font-size:12px;font-weight:700;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;transition:all .15s ease;white-space:nowrap}.action-btn:hover{transform:translateY(-1px)}.btn-payroll{background:#2563eb;border:none;color:#fff}.btn-transpo{background:#f59e0b;border:none;color:#fff}.btn-bonus{background:#8b5cf6;border:none;color:#fff}.btn-view{background:#10b981;border:none;color:#fff}.btn-delete{background:#ef4444;color:#fff;border:none}.btn-delete:hover{filter:brightness(.96)}.btn-sm{padding:8px 10px;border-radius:10px;font-size:12px}.table-loading{padding:16px;color:var(--muted);font-weight:800}.modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:18px;z-index:999}.modal{width:min(560px,95vw);background:var(--panel);color:var(--text);border-radius:18px;border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden;animation:pop .14s ease-out}@keyframes pop{0%{transform:translateY(6px);opacity:.85}to{transform:translateY(0);opacity:1}}[data-theme=dark] .modal{background:#0b152b;border-color:#ffffff1a}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.modal-head h3{margin:0;font-size:16px;font-weight:900;color:var(--text)}.icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer}.modal-body{padding:16px}.modal-body.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field label{font-size:12px;font-weight:900;color:var(--muted);display:block;margin-bottom:6px}.field.full{grid-column:1 / -1}.kv{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px dashed color-mix(in srgb,var(--border) 70%,transparent)}.kv span{color:var(--muted);font-size:13px;font-weight:700}.modal-foot{padding:14px 16px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.map-modal{width:min(960px,96vw)}.map-modal .modal-body{display:grid;gap:14px}.branch-map-meta{display:grid;gap:4px}.branch-map-title{font-weight:900;font-size:16px;color:var(--text)}.branch-map-address{color:var(--muted);font-size:13px;line-height:1.4}.branch-map-coords{color:var(--muted);font-size:12px;font-weight:700}.branch-map-frame{width:100%;height:420px;border-radius:14px;overflow:hidden;border:1px solid var(--border);background:var(--panel-2)}.branch-map-frame iframe{width:100%;height:100%;border:0;display:block}@media(max-width:768px){.input{min-width:100%;width:100%}.modal-body.grid-2{grid-template-columns:1fr}.actions{justify-content:flex-start}.saas-table{min-width:760px}.branch-map-frame{height:320px}}.salary-page{display:flex;flex-direction:column;gap:18px}.salary-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.salary-title{margin:0;font-size:24px;font-weight:900;color:var(--text)}.salary-subtitle{margin:6px 0 0;font-size:13px;font-weight:600;color:var(--muted)}.salary-actions{display:flex;align-items:center;gap:10px}.salary-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-soft);overflow:hidden;min-width:0}.salary-card-header{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.salary-card-title{font-size:13px;font-weight:900;color:var(--text-2)}.salary-count{margin-left:8px;padding:2px 10px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);font-size:12px;font-weight:900}.salary-table-wrapper{width:100%;max-height:500px;overflow:auto}.salary-table{width:100%;min-width:820px;border-collapse:collapse;table-layout:auto;color:var(--text)}.salary-table thead th{background:var(--table-header);color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.5px;padding:14px 10px;position:sticky;top:0;z-index:1}.salary-table th,.salary-table td{padding:12px 10px;border-bottom:1px solid var(--border);text-align:left}.salary-table tbody tr:hover{background:var(--row-hover)}.empty-state{padding:24px;text-align:center;font-weight:800;color:var(--muted)}.view-btn{padding:7px 14px;background:var(--primary);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:800}.view-btn:hover{background:var(--primary-hover)}.salary-modal{width:min(980px,95vw);max-height:90vh;overflow-y:auto;border-radius:18px;padding:18px;border:1px solid var(--border);box-shadow:var(--shadow);background:var(--panel);color:var(--text)}[data-theme=dark] .salary-modal{background:#0b152b;border-color:#ffffff1a}.modal-subtitle{margin:6px 0 0;color:var(--muted);font-weight:700;font-size:13px}.salary-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.salary-box{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px}[data-theme=dark] .salary-box{background:#0f1f3d;border-color:#ffffff1a}.salary-box.full{grid-column:1 / -1}.box-title{font-size:12px;font-weight:900;color:var(--text-2);margin-bottom:10px;text-transform:uppercase;letter-spacing:.08em}.box-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dashed color-mix(in srgb,var(--border) 60%,transparent);font-size:13px}.box-row.total{border-bottom:none;padding-top:10px;font-weight:900}.net-pay{font-size:22px;font-weight:1000;padding:10px 0 4px}.modal-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}@media(max-width:768px){.salary-page-header{flex-direction:column;align-items:stretch}.salary-actions{flex-wrap:wrap;justify-content:space-between}.search-input{width:100%}.salary-modal-grid{grid-template-columns:1fr}}.balances-page{display:flex;flex-direction:column;gap:18px}.balances-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.balances-title{margin:0;font-size:24px;font-weight:900;color:var(--text)}.balances-subtitle{margin:6px 0 0;font-size:13px;font-weight:600;color:var(--muted)}.balances-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search-input{padding:10px 14px;width:260px;border-radius:12px;border:1px solid var(--border);font-size:13px;background:var(--panel);color:var(--text);transition:.2s ease}.search-input::placeholder{color:var(--muted)}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 20%,transparent)}.branch-select{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:13px;font-weight:700;cursor:pointer}.branch-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 20%,transparent)}.btn-primary{background:var(--primary);color:#fff;border:none;padding:10px 16px;border-radius:12px;font-weight:900;cursor:pointer}.btn-secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--border);padding:10px 16px;border-radius:12px;font-weight:900;cursor:pointer}.balances-card{width:100%;min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-soft);overflow:hidden}.balances-card-header{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px}.balances-card-title{font-size:13px;font-weight:900;color:var(--text-2)}.balances-count{margin-left:8px;padding:2px 10px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);font-size:12px;font-weight:900;color:var(--text)}.balances-loading{font-size:12px;font-weight:800;color:var(--muted)}.balances-table-wrapper{width:100%;max-height:560px;overflow:auto}.balances-table{width:100%;min-width:1250px;border-collapse:collapse;table-layout:auto;color:var(--text)}.balances-table thead th{background:var(--table-header);color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.5px;padding:14px 10px;position:sticky;top:0;z-index:1;text-align:center}.balances-table th,.balances-table td{padding:12px 10px;border-bottom:1px solid var(--border);text-align:center}.balances-table tbody tr:hover{background:var(--row-hover)}.td-money{font-variant-numeric:tabular-nums}.totals-row td{background:color-mix(in srgb,var(--panel-2) 85%,transparent);border-top:2px solid color-mix(in srgb,var(--border) 70%,transparent)}.totals-label{font-weight:1000;text-align:right!important;color:var(--text)}.totals-money{font-weight:1000}@media(max-width:768px){.balances-page-header{flex-direction:column;align-items:stretch}.search-input,.branch-select{width:100%}.balances-actions{justify-content:space-between}}.table-wrap{width:100%;overflow:auto}.modal.saas-modal{background:var(--panel);border:1px solid var(--border);border-radius:18px}.modal-buttons{padding:14px 16px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border)}.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-top:1px solid var(--border);background:var(--panel)}.pager-left{color:var(--muted);font-size:13px;font-weight:700}.pager-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pager-page{padding:8px 10px;border-radius:12px;font-size:13px;background:var(--panel-2);color:var(--text);border:1px solid var(--border);font-weight:800}.page-size{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:var(--panel-2);color:var(--text);border:1px solid var(--border);font-size:13px;font-weight:800}.page-size select{border-radius:10px;padding:6px 8px;outline:none;background:var(--panel);color:var(--text);border:1px solid var(--border)}.staff-action-cell{display:flex;align-items:center;gap:10px}.staff-edit-btn{border:none;outline:none;cursor:pointer;padding:6px 12px;border-radius:10px;background:linear-gradient(135deg,#6d5dfc,#8b7bff);color:#fff;font-size:12px;font-weight:700;transition:.2s ease}.staff-edit-btn:hover{transform:translateY(-1px);opacity:.95}.balances-page .branch-staff-search-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--panel);flex-wrap:wrap}.balances-page .branch-staff-search-input{flex:1;min-width:260px;padding:10px 13px;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:11px;outline:none;font-size:13px;font-weight:700;transition:border-color .15s ease,box-shadow .15s ease}.balances-page .branch-staff-search-input::placeholder{color:var(--muted)}.balances-page .branch-staff-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.balances-page .branch-staff-search-count{color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap}@media(max-width:700px){.balances-page .branch-staff-search-bar{align-items:stretch}.balances-page .branch-staff-search-input{width:100%;min-width:100%}.balances-page .branch-staff-search-count{width:100%}}.balances-page .staff-action-cell{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.balances-page .staff-view-btn{padding:6px 12px;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:10px;font-size:12px;font-weight:800;cursor:pointer;transition:.15s ease}.balances-page .staff-view-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.balances-page .yearly-savings-modal{width:min(900px,96vw);max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.balances-page .yearly-savings-toolbar{display:flex;align-items:flex-end;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.balances-page .yearly-savings-toolbar label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:12px;font-weight:900}.balances-page .yearly-savings-toolbar input{width:130px;padding:9px 11px;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:10px;outline:none;font-weight:800}.balances-page .yearly-savings-toolbar input:focus{border-color:var(--primary)}.balances-page .yearly-savings-table-wrap{max-height:540px;overflow:auto}.balances-page .yearly-savings-table{min-width:720px}.balances-page .yearly-savings-error{padding:12px 16px;color:#ef4444;font-size:13px;font-weight:800;border-bottom:1px solid var(--border)}.balances-page .yearly-source-badge{display:inline-flex;justify-content:center;min-width:82px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900}.balances-page .yearly-source-badge.current{color:#166534;background:#dcfce7}.balances-page .yearly-source-badge.historical{color:#1d4ed8;background:#dbeafe}.balances-page .yearly-source-badge.future{color:var(--muted);background:var(--panel-2);border:1px solid var(--border)}.balances-page .yearly-source-badge.missing{color:#92400e;background:#fef3c7}.transactions-page{display:flex;flex-direction:column;gap:18px}.transactions-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.transactions-title{margin:0;font-size:24px;font-weight:900;color:var(--text)}.transactions-subtitle{margin:6px 0 0;font-size:13px;font-weight:600;color:var(--muted)}.transactions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media(max-width:900px){.transactions-grid{grid-template-columns:1fr}}.transactions-card{width:100%;text-align:left;background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-soft);overflow:hidden;cursor:pointer;padding:0;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.transactions-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.transactions-card:active{transform:translateY(0)}.transactions-card-head{padding:14px 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border)}.transactions-card-title{font-size:14px;font-weight:900;color:var(--text)}.transactions-card-meta{margin-top:6px;font-size:12px;font-weight:700;color:var(--muted)}.transactions-card-body{padding:14px 18px}.transactions-mini{margin:0;font-size:12px;color:var(--muted);font-weight:600}.transactions-actions{margin-top:14px;display:flex;justify-content:flex-end}.transactions-link{font-size:12px;font-weight:900;color:var(--text);opacity:.9}.transactions-pill{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:22px;padding:0 10px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);color:var(--text);font-weight:900;font-size:12px}[data-theme=dark] .transactions-card{background:#0f1f3d;border-color:#ffffff1a}[data-theme=dark] .transactions-pill{background:#ffffff0f;border-color:#ffffff1f}.sys-page{display:flex;flex-direction:column;gap:18px}.sys-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.sys-subtitle{margin:6px 0 0;font-size:13px;font-weight:600;color:var(--muted)}.sys-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media(max-width:900px){.sys-grid{grid-template-columns:1fr}}.sys-card{width:100%;text-align:left;background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-soft);overflow:hidden;cursor:pointer;padding:0;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;color:var(--text)}.sys-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.sys-card:active{transform:translateY(0)}.sys-card-head{padding:14px 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border)}.sys-card-meta{margin-top:6px;font-size:12px;font-weight:700;color:var(--muted)}.sys-card-body{padding:14px 18px}.sys-mini{margin:0;font-size:12px;color:var(--muted);font-weight:600}.sys-actions{margin-top:14px;display:flex;justify-content:flex-end}.sys-link{font-size:12px;font-weight:900;color:var(--text);opacity:.9}.sys-pill{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:22px;padding:0 10px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);color:var(--text);font-weight:900;font-size:12px}[data-theme=dark] .sys-pill{background:#ffffff0f;border-color:#ffffff1f}.sys-row.sys-row-head{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr 1.2fr;gap:10px;align-items:center;padding:12px 18px;background:var(--table-header);color:#fff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;z-index:2}.sys-row{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr 1.2fr;gap:10px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--border);background:var(--panel);color:var(--text)}.sys-row.sys-row-new{background:color-mix(in srgb,var(--panel-2) 80%,transparent)}.sys-btn{border:none;border-radius:12px;padding:8px 12px;font-weight:900;cursor:pointer;transition:.2s;background:var(--primary);color:#fff}@media(max-width:900px){.sys-row,.sys-row.sys-row-head{grid-template-columns:1.8fr 1fr 1fr;grid-template-areas:"pos pos pos" "sal ecola trans" "actions actions actions"}.sys-row>:nth-child(1){grid-area:pos}.sys-row>:nth-child(2){grid-area:sal}.sys-row>:nth-child(3){grid-area:ecola}.sys-row>:nth-child(4){grid-area:trans}.sys-row>:nth-child(5){grid-area:actions}.sys-actions{justify-content:flex-start}}.sys-page{display:flex;flex-direction:column;gap:18px;padding:22px;color:var(--text)}.sys-header{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}.sys-title{margin:0;font-size:24px;font-weight:900;color:var(--text)}.sys-subtitle{margin:6px 0 0;font-size:13px;font-weight:700;color:var(--muted)}.sys-error{padding:12px 14px;border-radius:12px;border:1px solid rgba(239,68,68,.28);background:#ef44441a;color:#fca5a5;font-size:13px;font-weight:800}.sys-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.sys-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-soft);overflow:hidden;color:var(--text)}.sys-card.clickable{padding:16px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;text-align:left}.sys-card.clickable:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--border) 70%,var(--primary))}.sys-card *{color:inherit}.sys-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border)}.sys-card-title{font-size:14px;font-weight:900;color:var(--text)}.sys-card-meta{margin-top:4px;font-size:12px;font-weight:800;color:var(--muted)}.sys-card-body{margin-top:10px}.sys-mini{font-size:13px;font-weight:700;color:var(--muted);margin:0}.sys-link{font-size:13px;font-weight:900;color:var(--primary)}.sys-pill{display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 10px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);color:var(--text);font-size:11px;font-weight:900}.sys-table{width:100%;overflow-x:auto}.sys-row.sys-row-head,.sys-row{display:grid;grid-template-columns:2.6fr 1fr 1fr 1.2fr 1.5fr;gap:12px;align-items:center}.sys-row.sys-row-head{padding:12px 18px;background:var(--table-header);color:#fff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.4px}.sys-row:not(.sys-row-head){padding:14px 18px;border-top:1px solid var(--border)}.sys-row:nth-child(2n):not(.sys-row-head){background:var(--panel-2)}.sys-row:not(.sys-row-head):hover{background:var(--row-hover)}.sys-row.sys-row-new{background:color-mix(in srgb,var(--panel-2) 82%,transparent)}.sys-row>div,.sys-row>input{min-width:0}.sys-row>div{font-size:13px;font-weight:700;line-height:1.35}.sys-row>div:first-child{font-weight:800}.sys-row>div:not(:first-child):not(.sys-actions){white-space:nowrap}.sys-row input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-weight:800;outline:none;transition:.15s}.sys-row input::placeholder{color:color-mix(in srgb,var(--muted) 85%,transparent);font-weight:700}.sys-row input:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 18%,transparent)}.sys-row input:disabled{opacity:.6;cursor:not-allowed;background:var(--panel-2)}.sys-actions{display:flex;justify-content:flex-start;align-items:center;gap:8px;flex-wrap:wrap}.sys-btn{border:none;border-radius:12px;padding:8px 12px;font-weight:900;cursor:pointer;transition:.2s;background:var(--primary);color:#fff;white-space:nowrap}.sys-btn:hover{background:var(--primary-hover)}.sys-btn.danger{background:#ef4444}.sys-btn.danger:hover{background:#dc2626}.sys-btn:disabled{opacity:.55;cursor:not-allowed}.sys-note{padding:12px 18px;font-size:12px;font-weight:800;color:var(--muted)}.sys-modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:18px;z-index:9999}.sys-modal{width:100%;max-width:760px;background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-soft);overflow:hidden}.sys-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border)}.sys-modal-title{margin:0;font-size:18px;font-weight:900;color:var(--text)}.sys-modal-sub{margin:6px 0 0;font-size:12px;font-weight:600;color:var(--muted)}.sys-modal-close{width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:var(--panel-2, var(--panel));color:var(--text);cursor:pointer;font-weight:900}.sys-modal-close:hover{background:var(--hover)}.sys-modal-body{padding:18px}.sys-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sys-field{display:flex;flex-direction:column;gap:6px}.sys-field.full{grid-column:1 / -1}.sys-field label{font-size:12px;font-weight:800;color:var(--text-2, var(--text))}.sys-field input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel-2, var(--panel));color:var(--text);outline:none}.sys-field input:focus{border-color:#4f46e58c}.sys-modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px 18px;border-top:1px solid var(--border)}.sys-view-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sys-view-field{display:flex;flex-direction:column;gap:6px}.sys-view-field.full{grid-column:1 / -1}.sys-view-field label{font-size:13px;font-weight:700;color:var(--muted)}.sys-view-box{min-height:44px;padding:12px 14px;border-radius:12px;background:var(--panel-2);border:1px solid var(--border);color:var(--text);display:flex;align-items:center;font-weight:600}[data-theme=dark] .sys-card{background:#0f1f3d;border-color:#ffffff1a}[data-theme=dark] .sys-pill{background:#ffffff0f;border-color:#ffffff1a}[data-theme=dark] .sys-modal{background:#0f1f3d;border-color:#ffffff1a}@media(max-width:1100px){.sys-header{align-items:flex-start}}@media(max-width:860px){.sys-row.sys-row-head,.sys-row{grid-template-columns:2.2fr 1fr 1fr 1.1fr 1.4fr}}@media(max-width:720px){.sys-form-grid,.sys-view-grid{grid-template-columns:1fr}}@media(max-width:640px){.sys-row.sys-row-head,.sys-row{min-width:720px}}.sr-payroll-wrap{width:100%;overflow-x:auto}.sr-payroll-table{width:100%;min-width:1200px;border-collapse:collapse}.sr-payroll-table thead th{background:var(--table-header);color:#fff;font-size:12px;font-weight:900;text-transform:uppercase;padding:10px 8px;border-bottom:1px solid var(--border);text-align:center;white-space:nowrap}.sr-payroll-table thead tr:nth-child(2) th{background:color-mix(in srgb,var(--table-header) 85%,black);font-size:11px}.sr-payroll-table tbody td{padding:12px 8px;border-bottom:1px solid var(--border);font-size:13px;font-weight:700;color:var(--text);text-align:center;white-space:nowrap}.sr-payroll-table tbody tr:nth-child(2n) td{background:var(--panel-2)}.sr-payroll-table tbody tr:hover td{background:var(--row-hover)}.sr-strong{font-weight:900;text-align:left!important}.sr-total-row td{background:var(--panel-2);font-weight:900}.sr-payroll-table .sys-actions{justify-content:center}.users-page{display:flex;flex-direction:column;gap:14px;min-width:0}.users-page .users-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.users-page .users-title{margin:0;color:var(--text);font-size:22px;font-weight:900}.users-page .users-subtitle{margin:6px 0 0;color:var(--muted);font-size:13px;font-weight:600}.users-page .users-card{min-width:0;overflow:hidden;background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-soft)}.users-page .users-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border);background:var(--panel)}.users-page .input{width:100%;min-width:0;box-sizing:border-box;padding:10px 12px;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:11px;outline:none;font-size:13px;font-weight:600;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.users-page .users-controls>.input{max-width:420px}.users-page .input::placeholder{color:var(--muted)}.users-page .input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.users-page .pill{flex-shrink:0;padding:8px 12px;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.users-page .btn-primary,.users-page .btn-secondary,.users-page .btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border-radius:11px;font-size:13px;font-weight:800;white-space:nowrap;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease,opacity .15s ease}.users-page .btn-primary{color:#fff;background:var(--primary);border:1px solid transparent}.users-page .btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.users-page .btn-secondary{color:var(--text);background:var(--panel-2);border:1px solid var(--border)}.users-page .btn-secondary:hover:not(:disabled){background:var(--row-hover);transform:translateY(-1px)}.users-page .btn-danger{color:#fff;background:#dc2626;border:1px solid transparent}.users-page .btn-danger:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.users-page button:disabled{opacity:.55;cursor:not-allowed;transform:none}.users-page .table-wrap{width:100%;max-height:470px;overflow:auto}.users-page .table{width:100%;min-width:1500px;border-collapse:collapse;table-layout:auto;color:var(--text)}.users-page .table thead th{position:sticky;top:0;z-index:3;padding:12px 10px;color:#fff;background:var(--table-header);border-bottom:1px solid var(--border);font-size:11px;font-weight:900;text-align:left;text-transform:uppercase;letter-spacing:.35px;white-space:nowrap}.users-page .table td{padding:12px 10px;color:var(--text);background:var(--panel);border-bottom:1px solid var(--border);font-size:12px;vertical-align:middle}.users-page .table tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--panel) 92%,var(--panel-2))}.users-page .table tbody tr:hover td{background:var(--row-hover)}.users-page .table th:last-child,.users-page .table td:last-child{width:190px;min-width:190px;text-align:center}.users-page .empty,.users-page .loading{padding:28px!important;color:var(--muted);text-align:center;font-weight:800}.users-page .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.users-page .strong{font-weight:900}.users-page .status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:68px;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:900}.users-page .status-badge.active{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.users-page .status-badge.inactive{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.users-page .row-actions{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:4px;background:var(--panel-2);border:1px solid var(--border);border-radius:11px;white-space:nowrap}.users-page .users-icon-btn{width:31px;height:31px;min-width:31px;padding:0;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;font-size:14px;transition:color .15s ease,background .15s ease,border-color .15s ease,transform .15s ease}.users-page .users-icon-btn:hover{transform:translateY(-1px)}.users-page .users-icon-btn.edit:hover{color:#60a5fa;background:#2563eb24;border-color:#2563eb59}.users-page .users-icon-btn.reset:hover{color:#c084fc;background:#7c3aed24;border-color:#7c3aed59}.users-page .users-icon-btn.delete:hover{color:#f87171;background:#ef444424;border-color:#ef444459}.users-page .users-switch{position:relative;display:inline-block;width:42px;height:24px;flex-shrink:0}.users-page .users-switch input{width:0;height:0;opacity:0}.users-page .users-slider{position:absolute;inset:0;cursor:pointer;background:#64748b;border-radius:999px;transition:.2s ease;box-shadow:inset 0 0 0 1px #ffffff14}.users-page .users-slider:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:.2s ease;box-shadow:0 2px 5px #00000047}.users-page .users-switch input:checked+.users-slider{background:#22c55e}.users-page .users-switch input:checked+.users-slider:before{transform:translate(18px)}.users-page .users-pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:13px 14px;background:var(--panel);border-top:1px solid var(--border)}.users-page .users-page-size,.users-page .users-page-buttons{display:flex;align-items:center;gap:9px}.users-page .users-page-buttons{justify-content:flex-end}.users-page .users-page-size span,.users-page .users-page-info{color:var(--muted);font-size:12px;font-weight:800}.users-page .users-page-info{text-align:center}.users-page .users-page-size select{width:90px;min-height:36px;padding:7px 9px}.users-page .modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:18px;background:#0000009e}@supports (backdrop-filter: blur(8px)){.users-page .modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.users-page .modal{width:min(620px,96vw);max-height:calc(100vh - 36px);display:flex;flex-direction:column;overflow:hidden;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:17px;box-shadow:var(--shadow)}.users-page .confirm-modal{width:min(460px,96vw)}.users-page .modal-head{flex-shrink:0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid var(--border)}.users-page .modal-title{margin:0;color:var(--text);font-size:16px;font-weight:900}.users-page .modal-subtitle{margin:5px 0 0;color:var(--muted);font-size:12px;font-weight:600}.users-page .modal-x{width:34px;height:34px;min-width:34px;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:9px;cursor:pointer;font-weight:900}.users-page .modal-x:hover{background:var(--row-hover)}.users-page .modal-form{padding:17px;overflow-y:auto}.users-page .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.users-page .field{min-width:0;display:flex;flex-direction:column;gap:6px}.users-page .field label{color:var(--text-2);font-size:12px;font-weight:800}.users-page .field.full{grid-column:1 / -1}.users-page .modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.users-page .users-search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:50;max-height:190px;overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:11px;box-shadow:var(--shadow-soft)}.users-page .users-search-option{width:100%;padding:10px 12px;color:var(--text);background:transparent;border:0;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;font-size:13px}.users-page .users-search-option:last-child{border-bottom:0}.users-page .users-search-option:hover{background:var(--panel-2)}@media(max-width:900px){.users-page .users-pager{grid-template-columns:1fr}.users-page .users-page-info{text-align:left}.users-page .users-page-buttons{justify-content:flex-start}}@media(max-width:720px){.users-page .users-header{align-items:stretch}.users-page .users-controls{flex-direction:column;align-items:stretch}.users-page .users-controls>.input{max-width:none}.users-page .pill{align-self:flex-start}.users-page .grid{grid-template-columns:1fr}.users-page .field.full{grid-column:auto}.users-page .modal-actions{flex-direction:column-reverse}.users-page .modal-actions button{width:100%}}.users-department-scope{display:flex;align-items:center;gap:8px;min-height:42px;padding:9px 11px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2);color:var(--text);cursor:pointer}.users-department-scope.selected{border-color:#3b82f673;background:#3b82f61a}.users-department-scope input{width:16px;height:16px;margin:0}.users-department-scope span{flex:1;font-size:12px;font-weight:800}.users-department-scope small{color:#60a5fa;font-size:9px;font-weight:900;text-transform:uppercase}@media(max-width:700px){.users-department-scopes{grid-template-columns:1fr}}.users-scope-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.users-add-scope-btn{min-height:40px;padding:0 16px;border:1px solid var(--primary);border-radius:10px;background:var(--primary);color:#fff;font-size:12px;font-weight:900;cursor:pointer;white-space:nowrap}.users-add-scope-btn:hover:not(:disabled){background:var(--primary-hover)}.users-add-scope-btn:disabled{opacity:.45;cursor:not-allowed}.users-selected-scopes{display:flex;flex-wrap:wrap;gap:7px;min-height:40px;margin-top:9px;padding:10px;border:1px solid var(--border);border-radius:11px;background:var(--panel-2)}.users-selected-scope{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:5px 7px 5px 10px;border:1px solid rgba(59,130,246,.3);border-radius:999px;background:#3b82f61a;color:var(--text)}.users-selected-scope.primary{border-color:#10b98159;background:#10b9811a}.users-selected-scope span{font-size:10px;font-weight:850;white-space:nowrap}.users-selected-scope small{padding:2px 6px;border-radius:999px;background:#10b98129;color:#34d399;font-size:8px;font-weight:900;text-transform:uppercase}.users-selected-scope button{width:22px;height:22px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:16px;font-weight:900;cursor:pointer}.users-selected-scope button:hover{background:#ef444424;color:#ef4444}.users-no-scope{padding:4px 2px;color:var(--muted);font-size:11px;font-weight:700}.users-field-help{margin-top:5px;color:var(--muted);font-size:11px;font-weight:650}.users-scope-list{display:flex;gap:5px;flex-wrap:wrap}.users-scope-pill{display:inline-flex;padding:4px 8px;border-radius:999px;background:#3b82f61f;border:1px solid rgba(59,130,246,.25);color:#60a5fa;font-size:10px;font-weight:800;white-space:nowrap}@media(max-width:700px){.users-scope-picker{grid-template-columns:1fr}.users-add-scope-btn{width:100%}}.approval-page{width:100%;min-width:0;display:flex;flex-direction:column;gap:18px;padding:0 0 28px;color:var(--text)}.approval-main-header{position:relative;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 13%,var(--panel)),var(--panel) 58%);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-soft)}.approval-main-header-content{min-height:145px;display:flex;align-items:center;justify-content:space-between;position:relative;padding:26px 30px}.approval-header-label{display:inline-flex;align-items:center;margin-bottom:8px;font-size:11px;font-weight:900;letter-spacing:1.4px;color:var(--primary)}.approval-title{margin:0;font-size:30px;line-height:1.15;font-weight:900;color:var(--text)}.approval-subtitle{max-width:650px;margin:8px 0 0;font-size:13px;line-height:1.6;font-weight:600;color:var(--muted)}.approval-header-decoration{position:absolute;right:0;top:0;bottom:0;width:280px;pointer-events:none}.approval-decoration-circle{position:absolute;border-radius:50%;border:22px solid color-mix(in srgb,var(--primary) 10%,transparent)}.approval-decoration-circle.circle-one{width:170px;height:170px;right:-30px;top:-35px}.approval-decoration-circle.circle-two{width:105px;height:105px;right:40px;top:20px;opacity:.55}.approval-navigation{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:var(--shadow-soft)}.approval-navigation-title{display:flex;flex-direction:column;gap:3px;margin-bottom:14px}.approval-navigation-title>span{font-size:14px;font-weight:900;color:var(--text)}.approval-navigation-title>small{font-size:12px;font-weight:600;color:var(--muted)}.approval-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.approval-tabs button{min-width:0;min-height:72px;display:flex;align-items:center;gap:12px;padding:12px 14px;text-align:left;border:1px solid var(--border);border-radius:14px;background:var(--panel-2);color:var(--text);cursor:pointer;box-shadow:none;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.approval-tabs button:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 45%,var(--border));background:var(--row-hover)}.approval-tabs button.active{background:color-mix(in srgb,var(--primary) 13%,var(--panel));border-color:var(--primary);color:var(--text);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 20%,transparent)}.approval-tab-icon{width:42px;height:42px;flex:0 0 42px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:var(--panel);border:1px solid var(--border);color:var(--primary);font-size:12px;font-weight:900}.approval-tabs button.active .approval-tab-icon{background:var(--primary);color:#fff;border-color:var(--primary)}.approval-tab-text{min-width:0;display:flex;flex-direction:column;gap:3px}.approval-tab-text strong{font-size:13px;font-weight:900;color:var(--text)}.approval-tab-text small{overflow:hidden;font-size:11px;font-weight:600;color:var(--muted);white-space:nowrap;text-overflow:ellipsis}.approval-workspace{width:100%;min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-soft);overflow:hidden}.approval-workspace-header{min-height:65px;display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--border)}.approval-workspace-label{display:block;margin-bottom:3px;font-size:10px;font-weight:900;letter-spacing:1.1px;color:var(--primary)}.approval-workspace-header h2{margin:0;font-size:17px;font-weight:900;color:var(--text)}.approval-content{display:block;width:100%;min-width:0;padding:18px;box-sizing:border-box}.approval-content>*{width:100%;min-width:0}@media(max-width:1050px){.approval-tabs{grid-template-columns:1fr}.approval-tabs button{min-height:64px}}@media(max-width:768px){.approval-page{gap:14px}.approval-main-header-content{min-height:auto;padding:22px 20px}.approval-title{font-size:25px}.approval-header-decoration{opacity:.45}.approval-navigation{padding:14px}.approval-workspace-header{padding:14px 16px}}.approval-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:2px}.approval-tabs button{border:1px solid var(--border);background:var(--panel);color:var(--text);padding:10px 16px;border-radius:12px;font-weight:800;cursor:pointer;transition:.2s ease;box-shadow:var(--shadow-soft)}.approval-tabs button:hover{transform:translateY(-1px);background:var(--panel-2)}.approval-tabs button.active{background:var(--primary);color:var(--text);border-color:var(--primary)}.approval-grid{display:grid;grid-template-columns:1fr;gap:14px}.approval-card{background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-soft);overflow:hidden}.approval-card-head{padding:16px 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);flex-wrap:wrap}.approval-card-title{font-size:15px;font-weight:900;color:var(--text)}.approval-card-meta{margin-top:6px;font-size:12px;font-weight:700;color:var(--muted)}.approval-card-body{padding:16px 18px}.mini{font-size:12px;color:var(--muted);font-weight:600}.pill{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:22px;padding:0 8px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);color:var(--text);font-weight:900;font-size:12px}.btn-primary,.btn-secondary,.btn-success,.btn-danger{border:none;border-radius:12px;font-weight:800;cursor:pointer;transition:.2s ease}.btn-primary:disabled,.btn-secondary:disabled,.btn-success:disabled,.btn-danger:disabled{opacity:.65;cursor:not-allowed;transform:none}.btn-primary{background:var(--primary);color:#fff;padding:10px 16px}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--border);padding:10px 16px}.btn-secondary:hover{background:var(--row-hover);transform:translateY(-1px)}.btn-success{background:#10b981;color:#fff;padding:8px 12px}.btn-success:hover{background:#059669;transform:translateY(-1px)}.btn-danger{background:#ef4444;color:#fff;padding:8px 12px}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.table-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;overflow:hidden}[data-theme=dark] .table-card{background:#0f1f3d;border-color:#ffffff1a}.table-wrap{width:100%;overflow:auto;max-height:520px}.table{width:100%;min-width:980px;border-collapse:collapse;table-layout:auto}.table thead th{position:sticky;top:0;z-index:2;background:var(--table-header);color:#fff;padding:12px 10px;font-size:12px;text-transform:uppercase;letter-spacing:.4px;text-align:left;white-space:nowrap}.table th,.table td{padding:12px 10px;border-bottom:1px solid var(--border);font-size:13px;color:var(--text);vertical-align:top}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.chip{padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-weight:800;font-size:12px;cursor:pointer;transition:.2s ease}.chip:hover{background:var(--row-hover)}.chip.active{background:color-mix(in srgb,var(--primary) 18%,transparent);border-color:color-mix(in srgb,var(--primary) 35%,var(--border));color:var(--text)}@supports (backdrop-filter: blur(8px)){.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}[data-theme=dark] .modal.saas-modal,[data-theme=dark] .modal.confirm-modal{background:#0b152b;border-color:#ffffff1a}.confirm-modal{width:min(520px,92vw)}.modal-grid .form-group input,.modal-grid .form-group select,.modal-grid .form-group textarea{width:100%;min-width:0;box-sizing:border-box;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:10px 12px;outline:none}.loan-schedule-table{width:100%;border-collapse:collapse;margin-top:12px}.loan-schedule-table th{background:var(--table-header);color:#fff;padding:10px;text-align:left;font-size:12px;font-weight:900}.loan-schedule-table td{padding:10px;border-bottom:1px solid var(--border);font-size:13px}.loan-schedule-table tr:last-child td{font-weight:900;background:#3b82f614}.loan-schedule-table tbody tr:hover{background:var(--row-hover)}.approval-search-select{position:relative}.approval-search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:240px;overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:12px;z-index:50;box-shadow:var(--shadow-soft)}[data-theme=dark] .approval-search-dropdown{background:#0f1f3d;border-color:#ffffff1a}.approval-search-item{width:100%;text-align:left;padding:10px 12px;border:none;border-bottom:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;font-size:13px;font-weight:700}.approval-search-item:last-child{border-bottom:none}.approval-search-item:hover{background:var(--row-hover)}.approval-search-empty{padding:12px;font-size:13px;color:var(--muted);font-weight:700}@media(max-width:900px){.modal-grid,.preview-box{grid-template-columns:1fr}}@media(max-width:768px){.approval-page-header{align-items:flex-start}.approval-card-head{flex-direction:column;align-items:stretch}.approval-search-dropdown{max-height:200px}.row-actions{flex-direction:column;align-items:stretch}.btn-primary,.btn-secondary,.btn-success,.btn-danger{width:100%}}[data-theme=light] .reg-modal input,[data-theme=light] .reg-modal textarea,[data-theme=light] .reg-modal select,[data-theme=light] .modal input,[data-theme=light] .modal textarea,[data-theme=light] .modal select{background:#fff!important;color:#0f172a!important;border-color:#0f172a2e!important}[data-theme=light] .reg-modal input[readonly],[data-theme=light] .reg-modal textarea[readonly],[data-theme=light] .modal input[readonly],[data-theme=light] .modal textarea[readonly]{color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;opacity:1!important}[data-theme=light] .reg-modal label,[data-theme=light] .modal label{color:#2563eb!important}.loan-upload-pill{height:34px;padding:0 12px;border-radius:10px;border:1px dashed rgba(147,197,253,.45);background:#3b82f61f;color:#bfdbfe;font-weight:900;font-size:12px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;white-space:nowrap}.loan-upload-pill:hover{background:#3b82f633;border-color:#60a5fa}.loan-file-name{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#cbd5e1;display:inline-block}.loan-row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sap-back-btn{border:1px solid var(--border-color, #d1d5db);background:var(--card-bg, #ffffff);color:var(--text-color, #111827);padding:9px 16px;border-radius:10px;font-weight:700;cursor:pointer;transition:.2s ease}.sap-back-btn:hover{background:var(--hover-bg, #f3f4f6);transform:translateY(-1px)}body.dark .sap-back-btn,.dark .sap-back-btn,[data-theme=dark] .sap-back-btn{background:#111827;color:#f9fafb;border-color:#374151}body.dark .sap-back-btn:hover,.dark .sap-back-btn:hover,[data-theme=dark] .sap-back-btn:hover{background:#1f2937}.loan-final-box{display:grid;gap:16px;margin-top:10px}.loan-final-field{display:flex;flex-direction:column;gap:7px}.loan-final-field label{color:var(--text);font-size:15px;font-weight:900}.loan-final-field small{color:var(--muted);font-size:12px;font-weight:700}.loan-money-input{display:flex;align-items:center;border:1px solid var(--border);border-radius:14px;background:var(--panel);overflow:hidden}.loan-money-input span{width:48px;align-self:stretch;display:flex;align-items:center;justify-content:center;background:var(--panel-2);color:var(--text);font-weight:900;border-right:1px solid var(--border)}.loan-money-input input{border:none!important;border-radius:0!important;flex:1}.loan-final-field input:focus,.loan-money-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 25%,transparent)}.approval-toolbar{display:flex;justify-content:flex-start}.approval-search{width:380px;max-width:100%;padding:11px 14px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:14px;outline:none}.approval-search:focus{border-color:#5b6cff}.board-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.board-btn{border:none;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:88px}.board-btn:hover{transform:translateY(-1px)}.board-btn.approve{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.4)}.board-btn.approve:hover{background:#10b981;color:#fff}.board-btn.reject{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.board-btn.reject:hover{background:#ef4444;color:#fff}.board-btn.download{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.4)}.board-btn.download:hover{background:#3b82f6;color:#fff}.board-btn.delete{background:#6b728026;color:#9ca3af;border:1px solid rgba(107,114,128,.4)}.board-btn.delete:hover{background:#6b7280;color:#fff}.loan-approval-chain-box{width:100%;box-sizing:border-box;padding:18px 20px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}.loan-approval-timeline{display:flex;flex-direction:column}.loan-approval-step{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;position:relative;min-height:66px}.loan-approval-step:last-child{min-height:auto}.loan-approval-track{position:relative;display:flex;justify-content:center}.loan-approval-icon{position:relative;z-index:2;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;font-weight:900;border:2px solid var(--border);background:var(--panel-2);color:var(--muted)}.loan-approval-line{position:absolute;z-index:1;top:29px;bottom:-1px;left:50%;width:2px;transform:translate(-50%);background:var(--border)}.loan-approval-step-content{min-width:0;padding:3px 0 17px}.loan-approval-step-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.loan-approval-role{color:var(--text);font-size:13px;font-weight:900}.loan-approval-status{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.4px}.loan-approval-date{margin-top:5px;color:var(--muted);font-size:11px;font-weight:700}.loan-approval-step.is-approved .loan-approval-icon{background:#10b98126;border-color:#10b981;color:#10b981}.loan-approval-step.is-approved .loan-approval-line{background:#10b98166}.loan-approval-step.is-approved .loan-approval-status{background:#10b98126;border:1px solid rgba(16,185,129,.35);color:#10b981}.loan-approval-step.is-pending .loan-approval-icon{background:#f59e0b1f;border-color:#f59e0b99;color:#f59e0b}.loan-approval-step.is-pending .loan-approval-status{background:#f59e0b26;border:1px solid rgba(245,158,11,.35);color:#f59e0b}.loan-approval-step.is-rejected .loan-approval-icon{background:#ef444426;border-color:#ef4444;color:#ef4444}.loan-approval-step.is-rejected .loan-approval-status{background:#ef444426;border:1px solid rgba(239,68,68,.35);color:#ef4444}@media(max-width:600px){.loan-approval-chain-box{padding:15px}.loan-approval-step-top{align-items:flex-start;flex-direction:column;gap:5px}}.cbu-approval-timeline{width:100%;padding:18px 20px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}.cbu-approval-step{display:flex;gap:14px;min-height:76px}.cbu-approval-step:last-child{min-height:auto}.cbu-approval-marker{width:34px;flex:0 0 34px;display:flex;flex-direction:column;align-items:center}.cbu-approval-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--border);background:var(--panel);color:var(--muted);font-size:13px;font-weight:900;z-index:2}.cbu-approval-line{width:2px;flex:1;min-height:42px;background:var(--border)}.cbu-approval-content{flex:1;min-width:0;padding:3px 0 18px}.cbu-approval-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.cbu-approval-top strong{color:var(--text);font-size:14px;font-weight:800}.cbu-approval-status{padding:5px 10px;border-radius:999px;font-size:11px;font-weight:800;border:1px solid var(--border)}.cbu-approval-time{margin-top:6px;color:var(--muted);font-size:12px;font-weight:600}.cbu-approval-step.is-approved .cbu-approval-circle{background:#22c55e24;border-color:#22c55e;color:#22c55e}.cbu-approval-step.is-approved .cbu-approval-line{background:#22c55e}.cbu-approval-step.is-approved .cbu-approval-status{color:#22c55e;border-color:#22c55e59;background:#22c55e1a}.cbu-approval-step.is-current .cbu-approval-circle{background:#3b82f624;border-color:#3b82f6;color:#3b82f6}.cbu-approval-step.is-current .cbu-approval-status{color:#3b82f6;border-color:#3b82f659;background:#3b82f61a}.cbu-approval-step.is-rejected .cbu-approval-circle{background:#ef444424;border-color:#ef4444;color:#ef4444}.cbu-approval-step.is-rejected .cbu-approval-status{color:#ef4444;border-color:#ef444459;background:#ef44441a}.cbu-approval-step.is-waiting{opacity:.72}.cbu-current-stage{min-height:58px;padding:12px 16px;display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.cbu-current-stage-dot{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:#3b82f6;box-shadow:0 0 0 5px #3b82f61f}.cbu-current-stage div{display:flex;flex-direction:column;gap:3px}.cbu-current-stage small{color:var(--muted);font-size:11px;font-weight:600}.cbu-current-stage strong{color:var(--text);font-size:14px;font-weight:800}.cbu-table-toolbar{display:flex;align-items:center;gap:10px;padding:12px;margin-bottom:12px;background:var(--panel);border:1px solid var(--border);border-radius:12px}.cbu-table-search{position:relative;flex:1;min-width:260px}.cbu-table-search input{width:100%;height:40px;padding:0 14px 0 40px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font-size:13px;font-weight:600;outline:none;transition:.2s ease}.cbu-table-search input::placeholder{color:var(--muted)}.cbu-table-search input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.cbu-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:18px;pointer-events:none}.cbu-toolbar-search-btn{height:40px;padding:0 20px;border:0;border-radius:10px;background:#4f46e5;color:#fff;font-size:12px;font-weight:800;cursor:pointer;transition:.2s ease}.cbu-toolbar-search-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.cbu-toolbar-clear-btn{height:40px;padding:0 18px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);font-size:12px;font-weight:800;cursor:pointer}.cbu-toolbar-clear-btn:hover{background:var(--hover)}.cbu-page-size{height:40px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--muted);font-size:11px;font-weight:700}.cbu-page-size select{border:0;outline:none;background:transparent;color:var(--text);font-size:12px;font-weight:800;cursor:pointer}.cbu-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 14px;margin-top:2px;border-top:1px solid var(--border)}.cbu-pagination-info{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:11px;font-weight:600}.cbu-pagination-info strong{color:var(--text);font-weight:800}.cbu-pagination-divider{margin:0 5px;opacity:.5}.cbu-pagination-controls{display:flex;align-items:center;gap:7px}.cbu-page-btn{height:36px;display:flex;align-items:center;gap:7px;padding:0 13px;border:1px solid var(--border);border-radius:9px;background:var(--panel);color:var(--text);font-size:11px;font-weight:800;cursor:pointer;transition:.2s ease}.cbu-page-btn:not(:disabled):hover{border-color:#6366f1;background:#6366f11a;color:#818cf8}.cbu-page-btn:disabled{opacity:.35;cursor:not-allowed}.cbu-current-page{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#4f46e5;color:#fff;font-size:12px;font-weight:900}@media(max-width:800px){.cbu-table-toolbar{align-items:stretch;flex-wrap:wrap}.cbu-table-search{flex-basis:100%}.cbu-pagination{flex-direction:column;align-items:stretch}.cbu-pagination-controls{justify-content:flex-end}}.approval-chain-box{width:100%;padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}.approval-chain-timeline{display:flex;flex-direction:column;gap:0}.approval-chain-step{position:relative;display:flex;gap:14px;min-height:76px;padding-bottom:16px}.approval-chain-step:not(:last-child):after{content:"";position:absolute;left:17px;top:38px;bottom:-2px;width:2px;background:var(--border)}.approval-chain-marker{position:relative;z-index:2;width:36px;height:36px;min-width:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--border);background:var(--panel);color:var(--muted);font-size:13px;font-weight:900}.approval-chain-step-approved .approval-chain-marker{background:#10b98126;border-color:#10b981;color:#10b981}.approval-chain-step-current .approval-chain-marker{background:#3b82f626;border-color:#3b82f6;color:#60a5fa}.approval-chain-step-rejected .approval-chain-marker{background:#ef444426;border-color:#ef4444;color:#ef4444}.approval-chain-content{flex:1;min-width:0;padding:11px 14px;border:1px solid var(--border);border-radius:11px;background:var(--bg)}.approval-chain-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.approval-chain-role{color:var(--text);font-size:13px;font-weight:800}.approval-chain-status{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.approval-chain-status-approved{color:#10b981;background:#10b9811f;border:1px solid rgba(16,185,129,.35)}.approval-chain-status-current{color:#60a5fa;background:#3b82f61f;border:1px solid rgba(59,130,246,.35)}.approval-chain-status-pending{color:var(--muted);background:var(--panel);border:1px solid var(--border)}.approval-chain-status-rejected{color:#ef4444;background:#ef44441f;border:1px solid rgba(239,68,68,.35)}.approval-chain-date{margin-top:6px;color:var(--muted);font-size:11px;font-weight:600}.approval-chain-final{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 0 50px;padding:12px 14px;border:1px solid rgba(16,185,129,.35);border-radius:11px;background:#10b98114;color:#10b981;font-size:12px;font-weight:900}.approval-chain-final small{color:var(--muted);font-size:10px;font-weight:700}.approval-chain-empty{padding:12px;color:var(--muted);font-size:12px;text-align:center}.reimbursement-table-tools{display:flex;align-items:center;gap:10px;padding:14px;flex-wrap:wrap;border-bottom:1px solid var(--border)}.reimbursement-table-search{position:relative;flex:1 1 320px;min-width:220px}.reimbursement-search-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:16px;pointer-events:none}.reimbursement-table-search input{width:100%;height:38px;padding:0 14px 0 38px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);font-size:13px;outline:none;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.reimbursement-table-search input::placeholder{color:var(--muted)}.reimbursement-table-search input:focus{border-color:#4f6ef7;box-shadow:0 0 0 3px #4f6ef724}.reimbursement-search-button{height:38px;padding:0 18px;border:0;border-radius:10px;background:#4f46e5;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.reimbursement-search-button:hover{opacity:.9}.reimbursement-search-button:active{transform:translateY(1px)}.reimbursement-clear-button{height:38px;padding:0 16px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);font-size:13px;font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease}.reimbursement-clear-button:hover{background:var(--hover)}.reimbursement-page-size{height:38px;min-width:105px;padding:0 34px 0 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);font-size:13px;font-weight:600;outline:none;cursor:pointer}.reimbursement-page-size:focus{border-color:#4f6ef7}.reimbursement-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-top:1px solid var(--border);flex-wrap:wrap}.reimbursement-pagination-info{color:var(--muted);font-size:12px;font-weight:600}.reimbursement-pagination-info strong{color:var(--text);font-weight:800}.reimbursement-pagination-dot{display:inline-block;margin:0 7px;opacity:.65}.reimbursement-pagination-actions{display:flex;align-items:center;gap:7px}.reimbursement-page-button{height:34px;padding:0 13px;border:1px solid var(--border);border-radius:9px;background:var(--panel);color:var(--text);font-size:12px;font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.reimbursement-page-button:hover:not(:disabled){background:var(--hover);border-color:#4f6ef7}.reimbursement-page-button:disabled{opacity:.4;cursor:not-allowed}.reimbursement-current-page{min-width:34px;height:34px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#4f46e5;color:#fff;font-size:12px;font-weight:800}@media(max-width:700px){.reimbursement-table-tools{align-items:stretch}.reimbursement-table-search{flex-basis:100%;width:100%}.reimbursement-search-button,.reimbursement-clear-button,.reimbursement-page-size{flex:1}.reimbursement-pagination{align-items:stretch}.reimbursement-pagination-info{width:100%}.reimbursement-pagination-actions{width:100%;justify-content:flex-end}}:root{--auth-bg: var(--bg, #f3f4f6);--auth-panel: var(--panel, #ffffff);--auth-text: var(--text, #111827);--auth-muted: var(--muted, #6b7280);--auth-border: var(--border, #e5e7eb);--auth-shadow: var(--shadow-soft, 0 12px 30px rgba(0,0,0,.1));--auth-primary: var(--primary, #3b82f6);--auth-primary-hover: var(--primary-hover, #2563eb);--auth-panel-2: var(--panel-2, #f8fafc)}.auth{min-height:100vh;width:100%;display:grid;padding:20px;box-sizing:border-box;overflow-y:auto;background:radial-gradient(900px 400px at 20% 10%,rgba(59,130,246,.14),transparent 55%),radial-gradient(900px 400px at 80% 0%,rgba(168,85,247,.1),transparent 55%),var(--auth-bg);place-items:center;place-content:center}.auth-card{background:var(--auth-panel);border:1px solid var(--auth-border);border-radius:18px;box-shadow:var(--auth-shadow);padding:18px;width:100%;max-width:420px;margin:0}.auth-brand{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:color-mix(in srgb,var(--auth-panel) 85%,transparent);border:1px solid var(--auth-border)}.auth-logo{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--auth-primary),#7c3aed);box-shadow:0 10px 22px #3b82f62e}.auth-title{font-size:14px;font-weight:900;color:var(--auth-text);line-height:1.1}.auth-subtitle{margin-top:2px;font-size:12px;font-weight:700;color:var(--auth-muted)}.auth-head{padding:14px 6px 6px}.auth-head h2{margin:0;font-size:20px;font-weight:900;color:var(--auth-text);text-align:center}.auth-head p{margin:6px 0 0;font-size:13px;font-weight:600;color:var(--auth-muted);text-align:center}.auth-error{margin:10px 6px 0;padding:10px 12px;border-radius:12px;font-size:13px;font-weight:700;color:#b91c1c;background:#ef44441f;border:1px solid rgba(239,68,68,.25)}.auth-form{margin-top:10px;display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:6px;padding:0 6px}.field span{font-size:12px;font-weight:800;color:var(--auth-muted)}.field input{width:100%;padding:11px 12px;border-radius:12px;border:1px solid var(--auth-border);background:var(--auth-panel-2);color:var(--auth-text);font-size:14px;font-weight:700;outline:none;transition:.2s ease}.field input::placeholder{color:color-mix(in srgb,var(--auth-muted) 70%,transparent)}.field input:focus{border-color:var(--auth-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--auth-primary) 20%,transparent)}.auth-btn{margin:6px;border:none;border-radius:12px;padding:12px 14px;font-weight:900;font-size:14px;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--auth-primary),var(--auth-primary-hover));transition:transform .15s ease,filter .2s ease}.auth-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.auth-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-foot{padding:8px 6px 2px;display:flex;justify-content:center}.muted{font-size:12px;font-weight:700;color:var(--auth-muted)}[data-theme=dark] .auth{background:radial-gradient(900px 400px at 20% 10%,rgba(59,130,246,.18),transparent 55%),radial-gradient(900px 400px at 80% 0%,rgba(168,85,247,.12),transparent 55%),var(--auth-bg)}[data-theme=dark] .field input{background:color-mix(in srgb,var(--auth-panel) 85%,#000 15%)}.auth-logo-img{width:48px;height:48px;border-radius:12px;object-fit:cover;box-shadow:0 6px 16px #00000026}.auth-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.fade-in{animation:fadeUp .5s ease forwards}.social-section{margin-top:18px;text-align:center}.social-title{font-size:13px;font-weight:700;color:var(--auth-muted);margin-bottom:10px}.social-icons{display:flex;justify-content:center;gap:16px;margin-bottom:12px}.social-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:18px;text-decoration:none;color:#fff;transition:.3s ease;box-shadow:0 8px 20px #00000026}.social-icon.facebook{background:#1877f2}.social-icon.tiktok{background:#000}.social-icon:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 28px #00000040}.copyright{font-size:12px;font-weight:600;color:var(--auth-muted)}.auth-stack{width:min(560px,92vw);display:flex;flex-direction:column;align-items:center;gap:18px;margin:auto}.social-section{width:100%;text-align:center;padding-bottom:10px}.auth-card,.auth-card *{opacity:1!important}.auth-title,.auth-head h2,.field span{color:#0f172a!important}.auth-subtitle,.auth-head p,.social-title,.copyright{color:#64748b!important}.field input{color:#0f172a!important;background:#f8fafc!important}[data-theme=dark] .auth-title,[data-theme=dark] .auth-head h2,[data-theme=dark] .field span{color:#e5edf8!important}[data-theme=dark] .auth-subtitle,[data-theme=dark] .auth-head p,[data-theme=dark] .social-title,[data-theme=dark] .copyright{color:#94a3b8!important}[data-theme=dark] .field input{color:#e5edf8!important;background:#0f172a!important}.profile-container{padding:30px}.profile-card{background:#fff;padding:20px;border-radius:12px;width:300px;box-shadow:0 5px 15px #0000001a;text-align:center}.profile-image{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:15px}.profile-placeholder{width:120px;height:120px;border-radius:50%;background:#6c5ce7;color:#fff;font-size:40px;display:flex;align-items:center;justify-content:center;margin:0 auto 15px}.profile-page{display:flex;flex-direction:column;gap:14px}.profile-header{display:flex;justify-content:space-between;align-items:flex-start}.profile-title{margin:0;font-size:22px;font-weight:900;color:var(--text)}.profile-top{display:flex;gap:16px;align-items:center}.profile-subtitle{margin:6px 0 0;font-size:13px;font-weight:600;color:var(--muted)}.avatar{width:92px;height:92px;border-radius:18px;border:1px solid var(--border);background:var(--panel-2, color-mix(in srgb, var(--panel) 85%, black));overflow:hidden;display:grid;place-items:center}.avatar-fallback{width:100%;height:100%;display:grid;place-items:center;font-size:34px;font-weight:900;color:#fff;background:linear-gradient(135deg,#4f46e5,#2563eb)}.profile-meta{display:flex;flex-direction:column;gap:4px}.profile-name{font-size:16px;font-weight:900;color:var(--text)}.avatar img{width:100%;height:100%;object-fit:cover}.profile-hint{font-size:12px;font-weight:600;color:var(--muted);margin-top:6px}.profile-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.btn-primary,.btn-secondary{border:none;cursor:pointer;border-radius:12px;padding:10px 14px;font-weight:800;font-size:13px;transition:.15s ease}.file-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px}.file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}[data-theme=dark] .profile-card{background:var(--panel)}.transfer-page{display:flex;flex-direction:column;gap:16px;color:var(--text)}.transfer-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:24px;border:1px solid rgba(96,165,250,.22);border-radius:18px;background:radial-gradient(circle at top right,rgba(79,70,229,.3),transparent 36%),linear-gradient(135deg,#101f3a,#0b172d);box-shadow:0 18px 44px #00000038}.transfer-hero:after{content:"";position:absolute;top:-85px;right:-55px;width:230px;height:230px;border:32px solid rgba(96,165,250,.05);border-radius:50%;pointer-events:none}.transfer-hero-copy,.transfer-hero-actions{position:relative;z-index:1}.transfer-hero-copy{max-width:760px}.transfer-eyebrow{display:block;margin-bottom:8px;color:#60a5fa;font-size:11px;font-weight:900;letter-spacing:.13em}.transfer-hero h1{margin:0;color:#f8fafc;font-size:32px;line-height:1.12;font-weight:950;letter-spacing:-.025em}.transfer-hero p{max-width:700px;margin:10px 0 0;color:#9fb0c9;font-size:13px;line-height:1.65;font-weight:650}.transfer-flow{display:inline-flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px;padding:9px 12px;border:1px solid rgba(96,165,250,.18);border-radius:10px;background:#02061757}.transfer-flow span{color:#7dd3fc;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.transfer-flow strong{color:#dbeafe;font-size:11px;font-weight:850}.transfer-hero-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}.transfer-btn,.transfer-search-btn,.transfer-view-btn,.transfer-page-btn{font-family:inherit;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease,opacity .15s ease}.transfer-btn{min-height:40px;padding:10px 15px;border-radius:10px;font-size:12px;font-weight:900}.transfer-btn.primary,.transfer-search-btn.primary{border:1px solid transparent;background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff}.transfer-btn.secondary,.transfer-search-btn.secondary{border:1px solid rgba(148,163,184,.35);background:#02061766;color:#f8fafc}.transfer-btn:hover:not(:disabled),.transfer-search-btn:hover:not(:disabled),.transfer-view-btn:hover:not(:disabled){transform:translateY(-1px)}.transfer-btn:disabled,.transfer-search-btn:disabled,.transfer-page-btn:disabled{opacity:.5;cursor:not-allowed}.transfer-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.transfer-summary-card{min-width:0;min-height:112px;display:flex;align-items:center;gap:14px;padding:17px;border:1px solid var(--border);border-radius:16px;background:var(--panel);color:var(--text);text-align:left;box-shadow:var(--shadow-soft);cursor:pointer;font-family:inherit;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.transfer-summary-card:hover{transform:translateY(-2px);border-color:#60a5fa8c}.transfer-summary-card.active{border-color:#2563ebbf;box-shadow:0 0 0 2px #2563eb1f,var(--shadow-soft)}.transfer-summary-icon{flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(59,130,246,.25);border-radius:14px;background:#2563eb1c;color:#2563eb;font-size:12px;font-weight:950}.transfer-summary-card.pending .transfer-summary-icon{border-color:#f59e0b57;background:#f59e0b1f;color:#d97706}.transfer-summary-card.approved .transfer-summary-icon{border-color:#10b98157;background:#10b9811f;color:#059669}.transfer-summary-card.rejected .transfer-summary-icon{border-color:#ef444457;background:#ef44441f;color:#dc2626}.transfer-summary-content{min-width:0;display:flex;flex-direction:column}.transfer-summary-content small{color:var(--muted);font-size:11px;font-weight:850}.transfer-summary-content strong{margin-top:3px;color:var(--text);font-size:28px;line-height:1;font-weight:950}.transfer-summary-content em{margin-top:7px;overflow:hidden;color:var(--muted);font-size:10px;font-style:normal;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.transfer-error{padding:12px 14px;border:1px solid rgba(239,68,68,.35);border-radius:12px;background:#ef44441a;color:#ef4444;font-size:13px;font-weight:800}.transfer-search-panel{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(420px,1.8fr) auto;align-items:center;gap:16px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--panel);box-shadow:var(--shadow-soft)}.transfer-search-copy{display:flex;flex-direction:column;gap:4px}.transfer-search-copy strong{color:var(--text);font-size:13px;font-weight:900}.transfer-search-copy span{color:var(--muted);font-size:11px;line-height:1.45;font-weight:650}.transfer-search-controls{display:flex;align-items:center;gap:9px}.transfer-search-input{flex:1;min-width:0;height:40px;padding:0 13px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2);color:var(--text);outline:none;font-family:inherit}.transfer-search-input:focus{border-color:#3b82f694;box-shadow:0 0 0 3px #3b82f61f}.transfer-search-input::placeholder{color:var(--muted)}.transfer-search-btn{min-height:40px;padding:9px 14px;border-radius:10px;font-size:12px;font-weight:900}.transfer-search-btn.secondary{background:var(--panel-2);color:var(--text);border-color:var(--border)}.transfer-result-count{min-width:92px;color:#3b82f6;font-size:12px;font-weight:900;text-align:right}.transfer-table-card{overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--panel);box-shadow:var(--shadow-soft)}.transfer-table-wrap{overflow:auto}.transfer-table{width:100%;min-width:1320px;border-collapse:collapse}.transfer-table th{padding:13px 12px;background:var(--table-header);color:#fff;text-align:left;font-size:12px;font-weight:900;white-space:nowrap}.transfer-table td{padding:11px 12px;border-bottom:1px solid var(--border);color:var(--text);font-size:12px;vertical-align:middle}.transfer-table tbody tr{transition:background .16s ease}.transfer-table tbody tr:hover{background:#3b82f60e}.transfer-table tbody tr:last-child td{border-bottom:0}.transfer-order-no{color:#3b82f6;font-size:12px;font-weight:900;white-space:nowrap}.transfer-employee-cell{min-width:180px;display:flex;align-items:center;gap:10px}.transfer-avatar{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(59,130,246,.25);border-radius:10px;background:#3b82f61c;color:#3b82f6;font-size:12px;font-weight:950}.transfer-employee-cell>div,.transfer-branch-cell{min-width:0;display:flex;flex-direction:column;gap:2px}.transfer-employee-cell strong,.transfer-branch-cell strong{color:var(--text);font-size:12px;font-weight:900}.transfer-employee-cell small,.transfer-branch-cell span{color:var(--muted);font-size:10px;line-height:1.3;font-weight:650}.transfer-status{display:inline-flex;align-items:center;justify-content:center;min-height:28px;max-width:170px;padding:5px 9px;border:1px solid var(--border);border-radius:999px;background:var(--panel-2);color:var(--text);font-size:10px;line-height:1.2;font-weight:900;text-align:center}.transfer-status.pending{border-color:#f59e0b59;background:#f59e0b1f;color:#d97706}.transfer-status.approved{border-color:#10b98159;background:#10b9811f;color:#059669}.transfer-status.rejected,.transfer-status.voided{border-color:#ef444459;background:#ef44441f;color:#dc2626}.transfer-rejection-reason{display:block;max-width:170px;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.35;font-weight:650}.transfer-view-btn{min-width:76px;min-height:32px;padding:7px 11px;border:1px solid rgba(59,130,246,.34);border-radius:9px;background:#3b82f61a;color:#3b82f6;font-size:11px;font-weight:900}.transfer-empty-state{padding:28px!important;color:var(--muted)!important;font-size:13px!important;font-weight:800!important;text-align:center!important}.transfer-pager{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:3px 2px 0}.transfer-pager-left,.transfer-pager-right{display:flex;align-items:center;gap:8px}.transfer-pager-left span,.transfer-page-summary{color:var(--muted);font-size:11px;font-weight:750}.transfer-pager-left select{height:34px;padding:0 30px 0 10px;border:1px solid var(--border);border-radius:9px;background:var(--panel);color:var(--text);font-family:inherit;font-size:11px;font-weight:800}.transfer-page-btn,.transfer-page-current{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid var(--border);border-radius:9px;background:var(--panel);color:var(--text);font-size:15px;font-weight:900}.transfer-page-current{border-color:#2563ebb3;background:#2563eb1f;color:#2563eb;font-size:11px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .full{grid-column:span 2}.field{position:relative;display:flex;flex-direction:column;gap:6px}.field label{color:var(--text);font-size:12px;font-weight:800}.field input,.field textarea,.field select{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2);color:var(--text);outline:none;font-family:inherit}.field input:focus,.field textarea:focus,.field select:focus{border-color:#3b82f68c;box-shadow:0 0 0 3px #3b82f61f}.field textarea{min-height:84px;resize:vertical}.order-card{overflow:visible;border:1px solid var(--border);border-radius:14px;background:var(--panel);box-shadow:var(--shadow-soft)}.order-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid var(--border)}.order-card-title{color:var(--text);font-size:13px;font-weight:900}.order-card-meta{margin-top:3px;color:var(--muted);font-size:10px;font-weight:700}.transfer-search-results{position:absolute;top:100%;left:0;right:0;z-index:40;max-height:230px;margin-top:6px;overflow-y:auto;border:1px solid var(--border);border-radius:12px;background:var(--panel-2);box-shadow:var(--shadow-soft)}.transfer-search-item{display:block;width:100%;padding:10px 12px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);text-align:left;font-family:inherit;font-weight:750;cursor:pointer}.transfer-search-item:last-child{border-bottom:0}.transfer-search-item:hover{background:#3b82f61f}.transfer-search-empty{padding:12px;color:var(--muted);font-size:12px;font-weight:700}[data-theme=dark] .transfer-search-btn.secondary,[data-theme=dark] .transfer-pager-left select,[data-theme=dark] .transfer-page-btn,[data-theme=dark] .transfer-page-current{background:#12264b;border-color:#ffffff17}[data-theme=dark] .transfer-table td{border-bottom-color:#ffffff0f}@media(max-width:1100px){.transfer-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.transfer-search-panel{grid-template-columns:1fr}.transfer-result-count{text-align:left}}@media(max-width:820px){.transfer-hero{flex-direction:column}.transfer-hero-actions{justify-content:flex-start}.transfer-search-controls{flex-wrap:wrap}.transfer-search-input{flex-basis:100%}.transfer-pager{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:span 1}}@media(max-width:560px){.transfer-summary-grid{grid-template-columns:1fr}.transfer-hero{padding:18px}.transfer-hero-actions,.transfer-hero-actions .transfer-btn{width:100%}.transfer-search-btn{flex:1}}.transfer-file-table-wrap{width:100%;max-width:100%;overflow:hidden}.transfer-file-table{width:100%;min-width:0!important;table-layout:fixed;border-collapse:collapse}.transfer-file-table th,.transfer-file-table td{padding:10px;border-bottom:1px solid var(--border);color:var(--text);font-size:11px;vertical-align:middle}.transfer-file-table th{background:var(--table-header);color:#fff;font-size:10px;font-weight:900;text-align:left;white-space:nowrap}.transfer-file-table th:nth-child(1),.transfer-file-table td:nth-child(1){width:45%}.transfer-file-table th:nth-child(2),.transfer-file-table td:nth-child(2){width:14%;white-space:nowrap}.transfer-file-table th:nth-child(3),.transfer-file-table td:nth-child(3){width:21%;white-space:nowrap}.transfer-file-table th:nth-child(4),.transfer-file-table td:nth-child(4){width:20%;text-align:right;white-space:nowrap}.transfer-file-table td:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transfer-file-table .btn-secondary{min-width:0;padding:7px 10px;font-size:10px;white-space:nowrap}@media(max-width:600px){.transfer-file-table th,.transfer-file-table td{padding:8px 5px;font-size:9px}.transfer-file-table th{font-size:8px}.transfer-file-table th:nth-child(1),.transfer-file-table td:nth-child(1){width:39%}.transfer-file-table th:nth-child(2),.transfer-file-table td:nth-child(2){width:14%}.transfer-file-table th:nth-child(3),.transfer-file-table td:nth-child(3){width:25%}.transfer-file-table th:nth-child(4),.transfer-file-table td:nth-child(4){width:22%}.transfer-file-table .btn-secondary{padding:6px 7px;font-size:9px}}.po-page{--po-bg: var(--bg, #f3f6fb);--po-panel: var(--panel, #ffffff);--po-card: var(--card, var(--panel, #ffffff));--po-text: var(--text, #172033);--po-muted: var(--muted, #64748b);--po-border: var(--border, #d9e1ec);--po-hover: var(--hover, rgba(37, 99, 235, .08));--po-input: var(--input, var(--panel, #ffffff));--po-shadow: 0 14px 34px rgba(15, 23, 42, .08);--po-shadow-strong: 0 20px 48px rgba(15, 23, 42, .14);--po-blue: #2563eb;--po-blue-soft: rgba(37, 99, 235, .12);--po-indigo: #4f46e5;--po-green: #10b981;--po-yellow: #f59e0b;--po-red: #ef4444;--po-purple: #7c3aed;min-height:100%;padding:22px;background:var(--po-bg);color:var(--po-text)}.po-hero{margin-bottom:20px}.po-hero-copy{position:relative;z-index:1;max-width:760px}.po-eyebrow{display:block;margin-bottom:8px;color:#93c5fd;font-size:11px;font-weight:900;letter-spacing:.12em}.po-title{margin:0;color:#f8fafc;font-size:clamp(24px,3vw,34px);line-height:1.12;font-weight:950;letter-spacing:-.025em}.po-subtitle{max-width:680px;margin:10px 0 0;color:#9fb0c9;font-size:13px;line-height:1.65;font-weight:650}.po-chain{display:inline-flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px;padding:9px 12px;border:1px solid rgba(96,165,250,.18);border-radius:10px;background:#02061757}.po-chain span{color:#7dd3fc;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.po-chain strong{color:#dbeafe;font-size:11px;font-weight:850}.po-actions{position:relative;z-index:1;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}.po-btn,.po-mini-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--po-border);border-radius:10px;color:var(--po-text);font-family:inherit;font-weight:900;white-space:nowrap;cursor:pointer;transition:transform .15s ease,filter .15s ease,border-color .15s ease,background .15s ease}.po-btn{min-height:40px;padding:10px 15px;background:var(--po-panel)}.po-btn:hover,.po-mini-btn:hover{transform:translateY(-1px);filter:brightness(1.04)}.po-btn:disabled,.po-mini-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.po-btn-primary{border-color:transparent;background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff}.po-btn-outline{border-color:#60a5fa66;background:#2563eb1a;color:var(--po-text)}.po-btn-ghost{background:var(--po-panel);color:var(--po-text)}.po-hero-main .po-btn-ghost{border-color:#94a3b847;background:#02061766;color:#eef5ff}.po-hero-main .po-btn-outline{border-color:#94a3b859;background:#ffffffeb;color:#172033}.po-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px}.po-summary-card{min-width:0;min-height:112px;display:flex;align-items:center;gap:14px;padding:17px;border:1px solid var(--po-border);border-radius:16px;background:var(--po-panel);color:var(--po-text);text-align:left;box-shadow:var(--po-shadow)}button.po-summary-card{font-family:inherit;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}button.po-summary-card:hover{transform:translateY(-2px);border-color:#60a5fa8c}button.po-summary-card.active{border-color:#2563ebb8;box-shadow:0 0 0 2px #2563eb1c,var(--po-shadow)}.po-summary-icon{flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(59,130,246,.22);border-radius:14px;background:#2563eb1c;color:#2563eb;font-size:12px;font-weight:950}.po-summary-card>div:last-child{min-width:0;display:flex;flex-direction:column}.po-summary-card span{overflow:hidden;color:var(--po-muted);font-size:11px;line-height:1.3;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.po-summary-card strong{margin-top:3px;color:var(--po-text);font-size:27px;line-height:1;font-weight:950}.po-summary-card small{overflow:hidden;margin-top:7px;color:var(--po-muted);font-size:10px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.po-summary-card.pending .po-summary-icon{border-color:#f59e0b59;background:#f59e0b1f;color:#d97706}.po-summary-card.approved .po-summary-icon{border-color:#10b98159;background:#10b9811f;color:#059669}.po-summary-card.monthly .po-summary-icon{border-color:#7c3aed59;background:#7c3aed1f;color:#7c3aed}.po-card{max-width:100%;overflow:hidden;border:1px solid var(--po-border);border-radius:16px;background:var(--po-panel);box-shadow:var(--po-shadow)}.po-card-head{display:flex;flex-direction:column;gap:18px;padding:18px 22px;border-bottom:1px solid var(--po-border);background:var(--po-card)}.po-toolbar{display:flex;align-items:center;gap:14px;width:100%}.po-search-input,.po-page-size{min-height:42px;border:1px solid var(--po-border);border-radius:12px;background:var(--po-input);color:var(--po-text);font-family:inherit;font-weight:750;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.po-search-input{flex:1;min-width:0;padding:10px 13px}.po-page-size{padding:10px 12px}.po-search-input::placeholder{color:var(--po-muted)}.po-search-input:focus,.po-page-size:focus{border-color:#2563ebbf;box-shadow:0 0 0 3px #2563eb1f}.po-table-wrap{width:100%;max-height:calc(100vh - 230px);overflow-x:auto;overflow-y:auto;background:var(--po-panel)}.po-table{width:100%;min-width:2200px;border-collapse:collapse;border-spacing:0}.po-table th{position:sticky;top:0;z-index:3;padding:12px 13px;border-bottom:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#2563eb,#4f6fe5);color:#fff;font-size:12px;font-weight:900;text-align:left;white-space:nowrap}.po-table td{padding:20px 13px;border-bottom:1px solid var(--po-border);background:var(--po-panel);color:var(--po-text);font-size:13px;font-weight:750;vertical-align:top}.po-table tbody tr:hover td{background:var(--po-hover)}.po-table th:nth-last-child(2),.po-table td:nth-last-child(2){width:170px;min-width:170px}.po-table th:last-child,.po-table td:last-child{width:560px;min-width:560px;vertical-align:top}.po-empty{padding:28px;color:var(--po-muted);font-weight:900;text-align:center}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.td-strong{color:var(--po-text);font-weight:900}.po-dash{color:var(--po-muted);font-weight:900}.po-badge{min-width:78px;display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:900}.po-pending{border:1px solid rgba(59,130,246,.42);background:#2563eb1f;color:#3b82f6}.po-approved{border:1px solid rgba(16,185,129,.42);background:#10b9811f;color:#059669}.po-rejected{border:1px solid rgba(239,68,68,.4);background:#ef44441c;color:#dc2626}.po-file-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.po-action-stack{min-width:500px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.po-mini-btn{min-width:58px;height:34px;padding:0 12px;background:var(--po-panel);color:var(--po-text);font-size:12px}.po-view-btn{border-color:#3b82f64d;background:#2563eb17;color:#2563eb}.po-download-btn{min-width:130px;border-color:#2563eb4d;background:#2563eb1a;color:#2563eb}.po-upload-btn{min-width:140px;border-style:dashed;border-color:#64748b73;background:var(--po-input);color:var(--po-text)}.po-approve{border-color:#10b98185;background:#10b98124;color:#047857}.po-reject{border-color:#ef44447a;background:#ef44441f;color:#dc2626}.po-file-name{max-width:230px;overflow:hidden;color:var(--po-muted);font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.po-pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:14px 16px;border-top:1px solid var(--po-border);background:var(--po-card)}.po-page-info{color:var(--po-muted);font-weight:800}.po-modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:18px;background:#020617b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.po-modal{width:100%;max-width:920px;max-height:92vh;overflow:auto;border:1px solid var(--po-border);border-radius:18px;background:var(--po-panel);color:var(--po-text);box-shadow:var(--po-shadow-strong)}.po-modal-head{position:sticky;top:0;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--po-border);background:var(--po-panel)}.po-modal-title{margin:0;color:var(--po-text);font-size:19px;font-weight:900}.po-modal-sub{margin:6px 0 0;color:var(--po-muted);font-size:12px;font-weight:700}.po-x{flex:0 0 38px;width:38px;height:38px;border:1px solid var(--po-border);border-radius:10px;background:var(--po-input);color:var(--po-text);font-family:inherit;font-weight:900;cursor:pointer}.po-x:hover{border-color:#ef444473;background:#ef44441a;color:#dc2626}.po-form{padding:18px}.po-field{min-width:0;display:flex;flex-direction:column;gap:6px}.po-field label{color:var(--po-text);font-size:12px;font-weight:900}.po-field input,.po-field textarea,.po-field select{width:100%;padding:11px 12px;border:1px solid var(--po-border);border-radius:11px;background:var(--po-input);color:var(--po-text);font-family:inherit;font-weight:700;outline:none;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.po-field textarea{resize:vertical}.po-field input::placeholder,.po-field textarea::placeholder{color:var(--po-muted)}.po-field input:focus,.po-field textarea:focus,.po-field select:focus{border-color:#2563ebb8;box-shadow:0 0 0 3px #2563eb1c}.po-field input[readonly]{background:var(--po-bg);color:var(--po-muted);cursor:default}.po-modal-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--po-border)}.po-search-dropdown{position:absolute;top:100%;left:0;right:0;z-index:9999;max-height:240px;overflow-y:auto;margin-top:6px;border:1px solid var(--po-border);border-radius:12px;background:var(--po-panel);box-shadow:var(--po-shadow-strong)}.po-search-item{width:100%;padding:10px 12px;border:0;border-bottom:1px solid var(--po-border);background:transparent;color:var(--po-text);font-family:inherit;font-weight:800;text-align:left;cursor:pointer}.po-search-item:last-child{border-bottom:0}.po-search-item:hover{background:var(--po-hover)}.po-search-empty{padding:12px;color:var(--po-muted);font-weight:800}.po-record-modal{width:min(1000px,95vw);max-height:90vh;overflow:auto;padding-bottom:16px;border:1px solid var(--po-border);border-radius:18px;background:var(--po-panel);color:var(--po-text);box-shadow:var(--po-shadow-strong)}.po-record-badges{display:flex;flex-wrap:wrap;gap:10px;padding:18px}.po-record-badges span{padding:6px 12px;border:1px solid rgba(99,102,241,.35);border-radius:999px;background:#4f46e51a;color:var(--po-text);font-size:12px;font-weight:900}.po-record-table{overflow:hidden;margin:0 18px 18px;border:1px solid var(--po-border);border-radius:14px;background:var(--po-card)}.po-record-table div{min-height:44px;display:grid;grid-template-columns:38% 62%;border-bottom:1px solid var(--po-border)}.po-record-table div:last-child{border-bottom:0}.po-record-table strong,.po-record-table span{padding:12px;color:var(--po-text);font-size:13px}.po-record-table strong{border-right:1px solid var(--po-border);background:var(--po-bg);font-weight:900}.po-record-table span{font-weight:700}.po-view-modal{width:min(1100px,95vw);height:min(820px,90vh);overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--po-border);border-radius:18px;background:var(--po-panel);box-shadow:var(--po-shadow-strong)}.po-view-body{flex:1;overflow:auto;padding:12px;background:var(--po-bg)}.po-view-body iframe{width:100%;height:100%;border:0;border-radius:12px;background:#fff}.po-view-body img{display:block;max-width:100%;max-height:100%;margin:auto;border-radius:12px}.po-nopreview{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:var(--po-text);text-align:center}.po-nopreview h3{margin:0 0 8px;font-size:22px}.po-nopreview p{margin:0;color:var(--po-muted);font-weight:800}[data-theme=dark] .po-page,.dark .po-page,body.dark .po-page{--po-shadow: 0 14px 34px rgba(0, 0, 0, .26);--po-shadow-strong: 0 24px 55px rgba(0, 0, 0, .42)}[data-theme=dark] .po-summary-icon,.dark .po-summary-icon,body.dark .po-summary-icon{color:#bfdbfe}[data-theme=dark] .po-summary-card.pending .po-summary-icon,.dark .po-summary-card.pending .po-summary-icon,body.dark .po-summary-card.pending .po-summary-icon{color:#fbbf24}[data-theme=dark] .po-summary-card.approved .po-summary-icon,.dark .po-summary-card.approved .po-summary-icon,body.dark .po-summary-card.approved .po-summary-icon{color:#34d399}[data-theme=dark] .po-summary-card.monthly .po-summary-icon,.dark .po-summary-card.monthly .po-summary-icon,body.dark .po-summary-card.monthly .po-summary-icon{color:#c4b5fd}[data-theme=dark] .po-pending,.dark .po-pending,body.dark .po-pending{color:#60a5fa}[data-theme=dark] .po-approved,.dark .po-approved,body.dark .po-approved{color:#34d399}[data-theme=dark] .po-rejected,.dark .po-rejected,body.dark .po-rejected{color:#fca5a5}[data-theme=dark] .po-view-btn,.dark .po-view-btn,body.dark .po-view-btn,[data-theme=dark] .po-download-btn,.dark .po-download-btn,body.dark .po-download-btn{color:#93c5fd}[data-theme=dark] .po-approve,.dark .po-approve,body.dark .po-approve{color:#34d399}[data-theme=dark] .po-reject,.dark .po-reject,body.dark .po-reject{color:#fca5a5}@media(max-width:1100px){.po-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.po-card-head{align-items:flex-start;flex-wrap:wrap}}@media(max-width:900px){.po-hero-main{flex-direction:column}.po-actions{width:100%;justify-content:flex-start}.po-grid{grid-template-columns:1fr}.po-field.full{grid-column:span 1}.po-record-table div{grid-template-columns:1fr}.po-record-table strong{border-right:0;border-bottom:1px solid var(--po-border)}}@media(max-width:620px){.po-page{padding:14px}.po-hero-main{padding:18px}.po-summary-grid{grid-template-columns:1fr}.po-actions{display:grid;grid-template-columns:1fr}.po-actions .po-btn{width:100%}.po-card-head{padding:12px}.po-toolbar{width:100%}.po-search-input,.po-page-size{width:100%;max-width:none}.po-modal-overlay{align-items:flex-start;padding:10px}.po-modal,.po-record-modal{max-height:calc(100vh - 20px)}.po-modal-actions{display:grid;grid-template-columns:1fr}.po-modal-actions .po-btn{width:100%}.po-summary-card{min-height:100px}}.po-hero-main .po-title{color:#f8fafc!important}.po-hero-main .po-subtitle{color:#9fb0c9!important}.po-hero-main .po-eyebrow{color:#60a5fa!important}.po-hero-main .po-chain span{color:#7dd3fc!important}.po-hero-main .po-chain strong{color:#dbeafe!important}.po-hero-main .po-btn-ghost{background:#0206176b;border-color:#94a3b859;color:#f8fafc!important}.po-hero-main .po-btn-outline{background:#f8fafc;border-color:#ffffffa6;color:#172033!important}.po-hero-main .po-btn-primary{color:#fff!important}.po-edit-btn{border-color:#3b82f666;background:#3b82f61f;color:#60a5fa}.po-edit-btn:hover{background:#3b82f633}.po-approval-history{margin:0 18px 18px;padding:16px;border:1px solid var(--po-border);border-radius:14px;background:var(--po-card)}.po-approval-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.po-approval-history-head h4{margin:0;color:var(--po-text);font-size:15px;font-weight:950}.po-approval-history-head p{margin:4px 0 0;color:var(--po-muted);font-size:11px;font-weight:700}.po-approval-history-list{display:flex;flex-direction:column;gap:10px}.po-approval-history-row{display:grid;grid-template-columns:minmax(180px,1.1fr) minmax(180px,1fr) minmax(170px,.9fr);align-items:center;gap:14px;padding:13px 14px;border:1px solid var(--po-border);border-radius:12px;background:var(--po-panel);transition:border-color .15s ease,background .15s ease,transform .15s ease}.po-approval-history-row:hover{border-color:#3b82f659;background:var(--po-hover);transform:translateY(-1px)}.po-approval-history-stage{min-width:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.po-approval-history-stage>strong{color:var(--po-text);font-size:12px;font-weight:900}.po-approval-history-stage .po-badge{min-width:auto;padding:5px 9px;font-size:10px}.po-approval-history-person,.po-approval-history-date{min-width:0;display:flex;flex-direction:column;gap:4px}.po-approval-history-person small,.po-approval-history-date small{color:var(--po-muted);font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.po-approval-history-person strong{overflow:hidden;color:var(--po-text);font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.po-approval-history-date span{color:var(--po-text);font-size:11px;font-weight:750}.po-approval-history-empty{padding:22px;border:1px dashed var(--po-border);border-radius:12px;background:var(--po-bg);color:var(--po-muted);font-size:12px;font-weight:800;text-align:center}.po-approval-history-row:has(.po-approved){border-left:4px solid var(--po-green)}.po-approval-history-row:has(.po-pending){border-left:4px solid var(--po-blue)}.po-approval-history-row:has(.po-rejected){border-left:4px solid var(--po-red)}.po-record-modal>.po-modal-actions{margin:0 18px;padding-bottom:2px}[data-theme=dark] .po-approval-history-row,.dark .po-approval-history-row,body.dark .po-approval-history-row{background:var(--po-panel)}[data-theme=dark] .po-approval-history-row:hover,.dark .po-approval-history-row:hover,body.dark .po-approval-history-row:hover{background:var(--po-hover)}[data-theme=dark] .po-approval-history-empty,.dark .po-approval-history-empty,body.dark .po-approval-history-empty{background:var(--po-bg)}@media(max-width:820px){.po-approval-history-row{grid-template-columns:1fr 1fr}.po-approval-history-date{grid-column:1 / -1;padding-top:8px;border-top:1px dashed var(--po-border)}}@media(max-width:620px){.po-approval-history{margin:0 10px 14px;padding:12px}.po-approval-history-row{grid-template-columns:1fr;gap:10px}.po-approval-history-date{grid-column:auto}.po-approval-history-person,.po-approval-history-date{padding-top:8px;border-top:1px dashed var(--po-border)}}.demotion-page{display:flex;flex-direction:column;gap:18px;width:100%;max-width:100%;padding:22px;box-sizing:border-box;color:var(--text);overflow-x:hidden}.demotion-hero{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:22px;background:radial-gradient(circle at top right,rgba(59,130,246,.2),transparent 34%),linear-gradient(135deg,var(--panel),var(--panel-2));box-shadow:var(--shadow-soft)}.demotion-hero:after{content:"";position:absolute;width:260px;height:260px;right:-120px;bottom:-150px;border-radius:50%;background:#6366f124;pointer-events:none}.demotion-hero-main{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:24px}.demotion-hero-copy{max-width:760px}.demotion-hero-eyebrow,.demotion-modal-eyebrow{display:inline-flex;margin-bottom:8px;font-size:11px;font-weight:900;letter-spacing:.16em;color:var(--primary)}.demotion-hero-title{margin:0;font-size:clamp(28px,4vw,42px);line-height:1.05;font-weight:950;color:var(--text)}.demotion-hero-subtitle{max-width:720px;margin:10px 0 0;color:var(--muted);font-size:14px;line-height:1.65;font-weight:600}.demotion-flow{display:flex;align-items:flex-start;gap:12px;margin-top:18px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:#3b82f614}.demotion-flow span{flex:0 0 auto;font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--muted)}.demotion-flow b{color:var(--text);font-size:12px;line-height:1.6}.demotion-hero-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.demotion-btn,.demotion-mini-btn,.demotion-page-btn,.demotion-page-number{font:inherit}.demotion-btn{min-height:40px;padding:9px 14px;border:1px solid var(--border);border-radius:12px;background:var(--panel);color:var(--text);font-size:13px;font-weight:850;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.demotion-btn:hover:not(:disabled){transform:translateY(-1px)}.demotion-btn:disabled{opacity:.6;cursor:not-allowed}.demotion-btn-primary{border-color:transparent;background:var(--primary);color:#fff}.demotion-btn-primary:hover:not(:disabled){background:var(--primary-hover)}.demotion-btn-secondary:hover:not(:disabled){background:var(--hover)}.demotion-btn-danger{border-color:#ef444459;background:#ef444421;color:#ef4444}.demotion-error,.demotion-form-error{padding:12px 14px;border:1px solid rgba(239,68,68,.32);border-radius:13px;background:#ef44441a;color:#ef4444;font-size:13px;font-weight:800}.demotion-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.demotion-summary-card{display:flex;align-items:center;gap:14px;min-width:0;padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--panel);box-shadow:var(--shadow-soft);transition:transform .16s ease,border-color .16s ease}.demotion-summary-card:hover{transform:translateY(-2px)}.demotion-summary-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:15px;font-size:11px;font-weight:950;letter-spacing:.04em}.demotion-summary-card>div:last-child{display:flex;flex-direction:column;min-width:0}.demotion-summary-card span{color:var(--muted);font-size:12px;font-weight:800}.demotion-summary-card strong{margin-top:3px;color:var(--text);font-size:28px;line-height:1;font-weight:950}.demotion-summary-card small{margin-top:6px;color:var(--muted);font-size:11px;font-weight:600}.demotion-summary-total .demotion-summary-icon{background:#3b82f624;color:#3b82f6}.demotion-summary-pending .demotion-summary-icon{background:#f59e0b24;color:#f59e0b}.demotion-summary-approved .demotion-summary-icon{background:#10b98124;color:#10b981}.demotion-summary-closed .demotion-summary-icon{background:#ef444424;color:#ef4444}.demotion-list-card{width:100%;max-width:100%;border:1px solid var(--border);border-radius:18px;background:var(--panel);box-shadow:var(--shadow-soft);overflow:hidden}.demotion-search-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.demotion-search-controls{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.demotion-search-input{width:min(560px,100%);min-width:260px;height:42px;padding:0 13px;border:1px solid var(--border);border-radius:12px;background:var(--panel-2);color:var(--text);outline:none}.demotion-search-input:focus{border-color:#3b82f69e;box-shadow:0 0 0 3px #3b82f61f}.demotion-result-count{flex:0 0 auto;color:var(--muted);font-size:12px;font-weight:800}.demotion-table-wrap{width:100%;max-height:540px;overflow:auto}.demotion-table{width:100%;min-width:1550px;border-collapse:collapse}.demotion-table th{position:sticky;top:0;z-index:2;padding:13px 12px;background:var(--table-header);color:#fff;text-align:left;white-space:nowrap;font-size:12px;font-weight:850}.demotion-table td{padding:12px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;font-size:12px}.demotion-table tbody tr{transition:background .15s ease}.demotion-table tbody tr:hover{background:var(--row-hover)}.demotion-empty{padding:32px!important;color:var(--muted)!important;text-align:center;font-weight:800}.demotion-order-no,.demotion-employee-name{font-weight:900;color:var(--text)}.demotion-table small,.demotion-muted{color:var(--muted);font-size:11px;font-weight:650}.demotion-position-change{display:flex;align-items:center;gap:7px;min-width:210px}.demotion-position-change b{color:var(--primary)}.po-badge{display:inline-flex;align-items:center;max-width:180px;padding:6px 10px;border:1px solid var(--border);border-radius:999px;font-size:11px;line-height:1.3;font-weight:900;text-align:center}.po-pending{border-color:#3b82f65c;background:#3b82f61f;color:#3b82f6}.po-approved{border-color:#10b9815c;background:#10b9811f;color:#10b981}.po-rejected{border-color:#ef44445c;background:#ef44441f;color:#ef4444}.po-voided{border-color:#f59e0b6b;background:#f59e0b21;color:#f59e0b}.demotion-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:300px}.demotion-mini-btn{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 9px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2);color:var(--text);font-size:11px;font-weight:850;cursor:pointer;transition:background .14s ease,transform .14s ease}.demotion-mini-btn:hover:not(:disabled){transform:translateY(-1px);background:var(--hover)}.demotion-mini-btn:disabled{opacity:.55;cursor:not-allowed}.demotion-file-btn input{display:none}.demotion-approve{border-color:#10b9815c;background:#10b9811f;color:#10b981}.demotion-danger{border-color:#ef44445c;background:#ef44441f;color:#ef4444}.demotion-warning{border-color:#f59e0b66;background:#f59e0b21;color:#f59e0b}.demotion-selected-file{display:block;max-width:280px;margin-top:7px;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.demotion-pager{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;border-top:1px solid var(--border);background:var(--panel)}.demotion-pager-left,.demotion-pager-right{display:flex;align-items:center;gap:8px}.demotion-pager-left span,.demotion-page-summary{color:var(--muted);font-size:12px;font-weight:750}.demotion-pager select{height:34px;padding:0 9px;border:1px solid var(--border);border-radius:9px;background:var(--panel-2);color:var(--text);font-weight:750}.demotion-page-btn,.demotion-page-number{min-width:34px;height:34px;padding:0 9px;border:1px solid var(--border);border-radius:9px;background:var(--panel-2);color:var(--text);font-weight:850;cursor:pointer}.demotion-page-number.active{border-color:transparent;background:var(--primary);color:#fff}.demotion-page-btn:disabled{opacity:.45;cursor:not-allowed}.demotion-modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:22px;background:#020617b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.demotion-modal{width:min(980px,96vw);max-height:92vh;overflow:auto;border:1px solid var(--border);border-radius:20px;background:var(--panel);box-shadow:0 28px 80px #00000057}.demotion-view-modal{width:min(920px,96vw)}.demotion-reject-modal{width:min(620px,96vw)}.demotion-modal-head{position:sticky;top:0;z-index:4;display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 20px;border-bottom:1px solid var(--border);background:var(--panel)}.demotion-modal-head h3{margin:0;color:var(--text);font-size:21px;font-weight:950}.demotion-modal-head p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.55;font-weight:600}.demotion-modal-close{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid var(--border);border-radius:11px;background:var(--panel-2);color:var(--text);font-size:16px;font-weight:900;cursor:pointer}.demotion-form{padding:20px}.demotion-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.demotion-field{display:flex;flex-direction:column;gap:7px;min-width:0}.demotion-field-full{grid-column:1 / -1}.demotion-field label{color:var(--text);font-size:12px;font-weight:850}.demotion-field input,.demotion-field select,.demotion-field textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--border);border-radius:11px;background:var(--panel-2);color:var(--text);outline:none;font:inherit;font-size:13px}.demotion-field textarea{resize:vertical;min-height:88px}.demotion-field input:focus,.demotion-field select:focus,.demotion-field textarea:focus{border-color:#3b82f69e;box-shadow:0 0 0 3px #3b82f61f}.demotion-field input[readonly],.demotion-field textarea[readonly]{color:var(--muted)}.demotion-picker{position:relative}.demotion-search-dropdown{position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:30;max-height:260px;overflow-y:auto;border:1px solid var(--border);border-radius:13px;background:var(--panel);box-shadow:var(--shadow-soft)}.demotion-search-item{display:flex;flex-direction:column;gap:3px;width:100%;padding:10px 12px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);text-align:left;cursor:pointer}.demotion-search-item:last-child{border-bottom:0}.demotion-search-item:hover{background:var(--hover)}.demotion-search-item strong{font-size:12px}.demotion-search-item small,.demotion-search-empty{color:var(--muted);font-size:11px}.demotion-search-empty{padding:14px;font-weight:700}.demotion-detail-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px;padding:13px 14px;border:1px solid var(--border);border-radius:13px;background:var(--panel-2)}.demotion-detail-banner strong{color:var(--text);font-size:12px}.demotion-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}[data-theme=dark] .demotion-hero,[data-theme=dark] .demotion-summary-card,[data-theme=dark] .demotion-list-card,[data-theme=dark] .demotion-modal{border-color:#ffffff17}[data-theme=dark] .demotion-table td{border-bottom-color:#ffffff0f}@media(max-width:1150px){.demotion-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demotion-hero-main{flex-direction:column}.demotion-hero-actions{justify-content:flex-start}}@media(max-width:720px){.demotion-page{padding:14px}.demotion-summary-grid{grid-template-columns:1fr}.demotion-search-panel,.demotion-pager,.demotion-detail-banner,.demotion-search-controls{align-items:stretch;flex-direction:column}.demotion-search-input{width:100%;min-width:0}.demotion-pager-right{flex-wrap:wrap}.demotion-form-grid{grid-template-columns:1fr}.demotion-field-full{grid-column:auto}.demotion-modal-actions,.demotion-hero-actions{display:grid;grid-template-columns:1fr;width:100%}.demotion-btn{width:100%}}.po-btn-secondary,.po-btn-outline{border:1px solid rgba(148,163,184,.35);background:#0206176b;color:#f8fafc}.po-btn-secondary:hover:not(:disabled),.po-btn-outline:hover:not(:disabled){background:#1e293bcc}.po-scope-note{padding:12px 14px;border:1px solid rgba(59,130,246,.25);border-radius:12px;background:#3b82f614;color:var(--text);font-size:12px}.po-search-panel{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:14px 16px;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:#0f172aeb}.po-search-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1;min-width:0}.po-search-input{min-width:320px;min-height:40px;padding:10px 14px;border-radius:12px;border:1px solid rgba(148,163,184,.22);background:#02061780;color:#e5edf8;font-family:inherit;font-size:12px;font-weight:800;outline:none}.po-search-input::placeholder{color:#77879f}.po-search-input:focus{border-color:#60a5fab3;box-shadow:0 0 0 3px #3b82f629}.po-list-card{display:flex;flex-direction:column;gap:14px;width:100%;max-width:100%}.po-table-wrap{width:100%;max-height:520px;overflow:auto;border:1px solid var(--border);border-radius:14px;background:var(--panel);box-shadow:var(--shadow-soft)}.po-table{width:100%;min-width:1450px;border-collapse:collapse;table-layout:auto}.po-table th{position:sticky;top:0;z-index:2;padding:12px 10px;background:var(--table-header);color:#fff;text-align:left;white-space:nowrap;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.4px}.po-employee-name,.po-money{font-weight:900}.po-money{white-space:nowrap}.po-stage{font-size:11px;font-weight:800;color:var(--muted)}.po-approved{background:#10b98126;color:#10b981;border-color:#10b98159}.po-rejected{background:#ef444426;color:#ef4444;border-color:#ef444459}.po-file-actions,.po-row-actions{display:flex;flex-direction:column;align-items:center;gap:5px;width:120px;margin:0 auto}.po-action-btn{width:112px;min-height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;border-radius:10px;font-size:10px;font-weight:800;cursor:pointer;transition:.15s ease;white-space:nowrap}.po-action-view{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.po-action-view:hover{background:var(--row-hover)}.po-action-edit:hover{background:#f59e0b;color:#fff}.po-action-delete,.po-action-reject{background:#ef444424;color:#ef4444;border:1px solid rgba(239,68,68,.35)}.po-action-delete:hover,.po-action-reject:hover{background:#ef4444;color:#fff}.po-action-approve:hover{background:#10b981;color:#fff}.po-action-download{background:#3b82f624;color:#3b82f6;border:1px solid rgba(59,130,246,.35)}.po-action-download:hover{background:#3b82f6;color:#fff}.po-action-upload{background:#7c3aed24;color:#8b5cf6;border:1px solid rgba(124,58,237,.35)}.po-action-upload:hover{background:#7c3aed;color:#fff}.po-view-only{font-size:10px;color:var(--muted);font-weight:700}.po-pager{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:var(--panel);box-shadow:var(--shadow-soft);flex-wrap:wrap}.po-pager-left,.po-pager-right{display:flex;align-items:center;gap:8px}.po-pager-left span,.po-page-summary{font-size:12px;font-weight:900;color:var(--muted)}.po-pager select{height:36px;min-width:74px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:0 34px 0 14px;font-weight:900;outline:none}.po-page-btn,.po-page-number{min-width:36px;height:36px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-weight:900;cursor:pointer}.po-page-btn:disabled{opacity:.35;cursor:not-allowed}.po-page-number.active{background:var(--primary);border-color:var(--primary);color:#fff}.po-modal-overlay{position:fixed;inset:0;background:#00000094;display:flex;align-items:center;justify-content:center;padding:18px;z-index:9999;overflow-y:auto}@supports (backdrop-filter:blur(8px)){.po-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.po-modal{width:100%;max-width:920px;max-height:90vh;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.po-modal-sm{max-width:560px}.po-modal-head{padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.po-modal-title{margin:0;font-size:18px;font-weight:900;color:var(--text)}.po-modal-sub{margin-top:6px;font-size:12px;font-weight:600;color:var(--muted)}.po-x{width:36px;height:36px;border-radius:10px;background:var(--panel-2);border:1px solid var(--border);color:var(--text);cursor:pointer;font-weight:900;flex-shrink:0}.po-x:hover{background:var(--row-hover)}.po-form{padding:16px;flex:1;overflow-y:auto;overflow-x:hidden}.po-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.po-field{display:flex;flex-direction:column;gap:6px;min-width:0}.po-field.full{grid-column:span 2}.po-field label{font-size:12px;font-weight:800;color:var(--muted)}.po-field input,.po-field textarea,.po-field select{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);outline:none;width:100%;box-sizing:border-box}.po-field textarea{min-height:96px;resize:vertical}.po-field input:focus,.po-field textarea:focus,.po-field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.po-modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:14px;margin-top:14px;border-top:1px solid var(--border)}[data-theme=dark] .po-summary-card,[data-theme=dark] .po-table-wrap,[data-theme=dark] .po-pager{border-color:#ffffff17}[data-theme=dark] .po-modal{background:#0b152b;border-color:#ffffff1a}[data-theme=light] .po-search-panel{background:#fff}[data-theme=light] .po-search-input{background:#fff;color:#0f172a}[data-theme=light] .po-modal{background:#fff}[data-theme=light] .po-field input,[data-theme=light] .po-field textarea,[data-theme=light] .po-field select{background:#fff;color:#0f172a;border-color:#0f172a2e}[data-theme=light] .po-field input[readonly]{color:#0f172a;-webkit-text-fill-color:#0f172a;opacity:1}@media(max-width:768px){.po-summary-grid{grid-template-columns:1fr}.po-search-panel,.po-pager,.po-search-controls{align-items:stretch;flex-direction:column}.po-search-input{width:100%;min-width:0}.po-hero-actions{display:grid;grid-template-columns:1fr;width:100%}.po-btn{width:100%}.po-grid{grid-template-columns:1fr}.po-field.full{grid-column:span 1}}.status-badge.warning{background:#f59e0b22;color:#b45309;border:1px solid #f59e0b55}.staff-profile-z{max-height:90vh;display:flex;flex-direction:column}.step-tabs{display:flex;gap:10px;padding:6px 2px;margin:6px 0 0}.step-tab{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffe0;padding:8px 14px;border-radius:12px;font-weight:700;cursor:pointer;transition:.15s ease}.step-tab:hover{transform:translateY(-1px)}.step-tab.active{background:#6366f138;border-color:#6366f173;color:#fff}.step-tab:disabled{opacity:.45;cursor:not-allowed;transform:none}.leave-edit-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px;margin-bottom:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.leave-edit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.leave-field{display:flex;flex-direction:column}.leave-label{font-size:12px;font-weight:600;margin-bottom:6px;opacity:.8}.leave-input{background:#0b1a2b;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 12px;color:#fff;font-weight:600;outline:none;transition:.2s ease}.leave-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f140}.leave-actions{display:flex;gap:10px;margin-top:16px}.staffinfo-pager{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:14px 16px;border-top:1px solid rgba(255,255,255,.08);background:#0f172a8c}.staffinfo-pager .pager-info{padding:8px 14px;border-radius:999px;background:#6366f129;border:1px solid rgba(99,102,241,.35);color:#e0e7ff;font-size:12px;font-weight:900}.staffinfo-pager .pager-btn{min-width:38px;height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#e5e7eb;font-weight:900;cursor:pointer}.staffinfo-pager .pager-btn:hover:not(:disabled){background:#6366f140;border-color:#6366f180}.staffinfo-pager .pager-btn:disabled{opacity:.35;cursor:not-allowed}.form-right{border-left:2px solid #000;height:78px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.barcode-box{width:120px;height:42px;border:1px solid #000;background:repeating-linear-gradient(90deg,#000 0 2px,#fff 2px 4px,#000 4px 5px,#fff 5px 8px)}.form-code{font-size:10px}.staffinfo-page{display:flex;flex-direction:column;gap:14px}.staffinfo-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.staffinfo-header h2{margin:0;font-size:24px;font-weight:900;color:var(--text)}.staffinfo-header p{margin:6px 0 0;font-size:13px;font-weight:600;color:var(--muted)}.staffinfo-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.staffinfo-controls{padding:12px}.staffinfo-table-card{overflow:hidden}.staffinfo-table{min-width:1100px}.staff-avatar{width:36px;height:36px;border-radius:999px;object-fit:cover;border:1px solid var(--border);background:var(--panel-2);display:inline-grid;place-items:center;font-weight:900;color:var(--text)}.staff-avatar--fallback{display:inline-grid;place-items:center}.staff-avatar-lg{width:72px;height:72px;border-radius:999px;object-fit:cover;border:1px solid var(--border);background:var(--panel-2);display:grid;place-items:center;font-weight:900;color:var(--text)}.staff-view-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}.staff-view-name{font-size:16px;font-weight:1000;color:var(--text)}.staff-view-sub{margin-top:3px;font-size:12px;font-weight:800;color:var(--muted)}.staff-add-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px}.staff-add-right{display:flex;flex-direction:column;gap:10px;align-items:center}.photo-preview{width:170px;height:170px;border-radius:18px;overflow:hidden;border:1px solid var(--border);background:var(--panel-2);display:grid;place-items:center}.photo-preview img{width:100%;height:100%;object-fit:cover}.photo-placeholder{font-weight:900;color:var(--muted)}@media(max-width:900px){.staff-add-grid{grid-template-columns:1fr}}.btn-edit{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.status-badge{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;display:inline-block}.status-badge.active{background:#dcfce7;color:#15803d}.status-badge.inactive{background:#fee2e2;color:#b91c1c}.staff-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.tab-btn{padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;font-size:13px;font-weight:700;transition:.15s ease}.tab-btn:hover{background:var(--hover)}.tab-btn.active{background:#6366f12e;border-color:#6366f18c;color:var(--text)}.section-card{border:1px solid var(--border);background:var(--panel-2);border-radius:14px;padding:12px;margin-bottom:12px}.section-title{font-weight:700;margin-bottom:10px}.section-subtitle{font-weight:700;margin:10px 0;opacity:.9}.profile-table{width:100%;border-collapse:collapse}.profile-table td{padding:10px 8px;border-top:1px solid var(--border);color:var(--text)}.profile-key{width:220px;opacity:.85}.profile-val{font-weight:600}.saas-table td[title]{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-profile-modal{max-height:90vh;display:flex;flex-direction:column}.staff-profile-scroll{flex:1;overflow-y:auto;padding-right:6px}.table-scroll{overflow-x:auto}.dept-view-search{margin-bottom:12px}.dept-view-search .input{width:100%;box-sizing:border-box}.dept-view-filters-grid{display:grid;grid-template-columns:minmax(120px,auto) repeat(3,minmax(180px,1fr));gap:10px;margin-bottom:12px;align-items:stretch}.dept-view-filters-grid .input,.dept-view-filters-grid .btn{width:100%;min-width:0;box-sizing:border-box}.dept-view-pill{width:fit-content;align-self:center;white-space:nowrap}.dept-view-filters-grid .btn{justify-self:stretch}@media(max-width:1100px){.dept-view-filters-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.dept-view-pill{width:fit-content;justify-self:start}}@media(max-width:680px){.dept-view-filters-grid{grid-template-columns:1fr}.dept-view-pill{width:fit-content}}.dept-org-modal{width:min(1500px,96vw);max-height:92vh}.dept-org-body{overflow-y:auto;padding:18px}.dept-org-section{margin-bottom:30px}.dept-org-section h3{margin:0 0 14px;color:var(--text);font-size:24px;font-weight:900}.dept-org-title{margin:0 0 20px;color:var(--text);font-size:32px;font-weight:900}.dept-blue-title{color:#3b82f6;margin-bottom:14px;font-size:32px;font-weight:900}.dept-person-table{width:100%;border:1px solid var(--border);border-radius:16px;overflow:hidden}.dept-person-head{display:grid;grid-template-columns:3fr 1.2fr 1.2fr 1.8fr 1.2fr;gap:16px;padding:14px 18px;font-weight:900;background:var(--panel-2);border-bottom:1px solid var(--border)}.dept-person-row{display:grid;grid-template-columns:3fr 1.2fr 1.2fr 1.8fr 1.2fr;gap:16px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--border)}.dept-person-row:last-child{border-bottom:none}.dept-person-name{display:flex;align-items:center;gap:14px}.dept-person-name img{width:44px;height:44px;border-radius:999px;object-fit:cover}.dept-person-name strong{display:block;color:var(--text);font-size:14px}.dept-person-name small{display:block;margin-top:3px;color:var(--muted);font-size:12px}.dept-avatar-fallback{width:44px;height:44px;border-radius:999px;background:#6366f12e;display:flex;align-items:center;justify-content:center;font-weight:900}.dept-simple-table{border:1px solid var(--border);border-radius:16px;overflow:hidden}.dept-simple-head{padding:14px 18px;font-weight:900;background:var(--panel-2);border-bottom:1px solid var(--border)}.dept-simple-row{width:100%;text-align:left;background:transparent;color:var(--text);border:none;border-bottom:1px solid var(--border);padding:18px;font-size:14px}.dept-simple-row:last-child{border-bottom:none}.dept-click-row{cursor:pointer;transition:.15s ease}.dept-click-row:hover{background:#3b82f61f}.dept-detail-card{display:grid;grid-template-columns:180px 1fr;gap:10px 20px;margin-bottom:24px;padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--panel-2)}.dept-detail-label{font-size:13px;color:var(--muted);font-weight:700}.dept-detail-value{font-size:15px;color:var(--text);font-weight:800}.dept-back-btn{margin-bottom:20px}.dept-empty-row{padding:20px;color:var(--muted);font-style:italic}@media(max-width:1100px){.dept-person-head,.dept-person-row{grid-template-columns:1fr}.dept-person-head{display:none}.dept-person-row{gap:8px}.dept-detail-card{grid-template-columns:1fr}}.bonus-page{display:flex;flex-direction:column;gap:14px}.bonus-header{display:flex;justify-content:space-between;align-items:center}.bonus-header h2{margin:0;font-size:22px;font-weight:900}.bonus-header p{margin:4px 0 0;font-size:13px;color:var(--muted)}.btn-back{padding:8px 14px;border-radius:10px;background:var(--panel-2);border:1px solid var(--border);font-weight:800;cursor:pointer}.bonus-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:visible}.bonus-table{width:100%;border-collapse:collapse;overflow:visible}.bonus-table th{background:var(--table-header);color:#fff;padding:12px;font-size:12px;text-transform:uppercase}.bonus-table td{padding:10px;border-bottom:1px solid var(--border);font-size:13px;overflow:visible}.bonus-table tbody tr:hover td{background:var(--row-hover)}.total-row td{font-weight:900;background:var(--panel-2)}.bonus-action-cell{position:relative;overflow:visible!important}.bonus-action-wrap{position:relative;display:inline-block;overflow:visible!important}.bonus-kebab-btn{width:34px;height:34px;border-radius:10px;border:1px solid var(--border, #d1d5db);background:var(--panel, #fff);color:var(--text, #111827);font-size:18px;font-weight:700;line-height:1;cursor:pointer}.bonus-kebab-btn:hover{background:var(--row-hover, #f3f4f6)}.bonus-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:140px;background:var(--panel, #fff);border:1px solid var(--border, #d1d5db);border-radius:12px;box-shadow:0 10px 30px #0000001f;padding:6px;z-index:9999}.bonus-menu.open-up{top:auto;bottom:calc(100% + 6px)}.bonus-menu-item{width:100%;border:0;background:transparent;color:var(--text, #111827);text-align:left;padding:10px 12px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer}.bonus-menu-item:hover{background:var(--row-hover, #f3f4f6)}.bonus-menu-item:disabled{opacity:.5;cursor:not-allowed}.bonus-calc-modal{width:min(560px,95vw)}.bonus-result-box{padding:12px 14px;border-radius:12px;border:1px solid var(--border, #d1d5db);background:var(--panel-2, #f8fafc);font-size:14px}.bonus-result-final{padding:14px 16px;border-radius:14px;background:var(--panel-2, #f8fafc);border:1px solid var(--border, #d1d5db);font-size:22px;font-weight:800;color:#34c759}.bonus-result-note{font-size:11px;opacity:.75;margin-top:4px;color:#34c759}.no-print{display:block}.print-only,.branch-bonus-print{display:none}@media print{html,body{margin:0!important;padding:0!important;background:#fff!important;color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}body *{visibility:hidden!important}.print-only,.print-only *{visibility:visible!important}.no-print,.bonus-header,.bonus-card,.sidebar,.header{display:none!important}.print-only{display:block!important;position:absolute;inset:0;width:100%;background:#fff!important;margin:0!important;padding:0!important}.branch-bonus-print{display:block!important;width:100%;background:#fff!important;color:#000!important;font-family:Arial,Helvetica,sans-serif;font-size:10px;box-sizing:border-box;padding:4mm}.branch-bonus-print__title{text-align:center;font-size:20px;font-weight:700;margin-bottom:2px}.branch-bonus-print__subtitle{text-align:center;font-size:12px;font-weight:700;margin-bottom:2px}.branch-bonus-print__branch{text-align:center;font-size:14px;font-weight:700;margin-bottom:2px}.branch-bonus-print__period{text-align:center;font-size:11px;margin-bottom:8px}.branch-bonus-print__meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:9px}.branch-bonus-print-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:8px}.branch-bonus-print-table th,.branch-bonus-print-table td{border:1px solid #000!important;padding:4px 3px;text-align:center;vertical-align:middle;word-wrap:break-word}.branch-bonus-print-table th,.branch-bonus-print-total td{font-weight:700;background:#f3f4f6!important}.branch-bonus-print__signatures{display:flex;justify-content:space-between;gap:18px;margin-top:18px}.branch-bonus-print__sign-box{flex:1;text-align:center;font-size:10px}.branch-bonus-print__sign-line{border-top:1px solid #000;margin:24px 0 6px;width:100%}}.settings-page{display:flex;flex-direction:column;gap:14px}.settings-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.settings-header h2{margin:0;font-size:24px;font-weight:900;color:var(--text)}.settings-header p{margin:6px 0 0;font-size:13px;font-weight:600;color:var(--muted)}.settings-msg{padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:var(--panel-2);font-weight:800;color:var(--text)}.settings-card{padding:14px}.settings-card-title{font-size:13px;font-weight:900;color:var(--text-2);margin-bottom:10px}.settings-row{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.settings-label{min-width:240px}.settings-label-title{font-weight:900;color:var(--text)}.settings-label-sub{font-size:12px;font-weight:700;color:var(--muted);margin-top:3px}.settings-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.settings-actions-wide{min-width:380px}.settings-divider{margin:12px 0;border-top:1px solid var(--border)}.avatar-preview{width:48px;height:48px;border-radius:14px;overflow:hidden;border:1px solid var(--border);background:var(--panel);display:grid;place-items:center}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-fallback{font-size:11px;color:var(--muted);font-weight:800}.settings-note{font-size:12px;font-weight:700;color:var(--muted)}.approval-page{display:flex;flex-direction:column;gap:12px}.approval-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.approval-title{margin:0;font-size:24px;font-weight:900;color:var(--text)}.approval-subtitle{margin:6px 0 0;font-size:13px;font-weight:600;color:var(--muted)}.pill{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:20px;padding:0 8px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);color:var(--text);font-weight:900;font-size:12px}.btn-primary,.btn-secondary,.btn-success,.btn-danger{border:none;padding:8px 12px;border-radius:9px;font-weight:800;font-size:12px;line-height:1;cursor:pointer;white-space:nowrap}.btn-warning{background:#f59e0b;color:#fff;border:none}.btn-warning:hover{background:#d97706}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.row-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.row-actions .btn-primary,.row-actions .btn-secondary,.row-actions .btn-success,.row-actions .btn-danger{padding:5px 8px;font-size:11px;border-radius:7px;min-height:28px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.chip{padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-weight:900;font-size:12px;cursor:pointer}.chip.active{background:color-mix(in srgb,var(--primary) 18%,transparent);border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.table-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-soft)}.table-wrap{overflow:auto;max-height:520px}.table{width:100%;min-width:1100px;border-collapse:collapse;table-layout:auto}.table thead th{background:var(--table-header);color:#fff;padding:12px 10px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;z-index:1;text-align:left}.table th,.table td{padding:8px 10px;vertical-align:top}.table tbody tr:hover{background:var(--row-hover)}.td-strong{font-weight:900}.empty-state{padding:22px;text-align:center;color:var(--muted);font-weight:800}.modal-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:999;background:#0000008c;padding:18px}@supports (backdrop-filter: blur(10px)){.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.modal-title{margin:0;font-size:18px;font-weight:900}.modal-form{padding:0}.modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full{grid-column:1 / -1}.form-group label{font-size:12px;font-weight:900;color:var(--text-2)}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-weight:700;outline:none;color-scheme:dark}.form-group select option{background:#0f172a;color:#fff}.form-group textarea{min-height:96px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 20%,transparent)}.form-group input[type=file]{padding:8px 10px;font-size:12px}.leave-pager{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:var(--panel);box-shadow:var(--shadow-soft);flex-wrap:wrap}.leave-pager-left,.leave-pager-right{display:flex;align-items:center;gap:8px}.leave-pager-left span,.leave-page-summary{font-size:12px;font-weight:900;color:var(--muted)}.leave-pager-left select{height:36px;min-width:74px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:0 34px 0 14px;font-weight:900;outline:none;cursor:pointer}.leave-pager-left select option{background:var(--panel);color:var(--text)}.leave-page-btn,.leave-page-number{min-width:36px;height:36px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-weight:900;cursor:pointer;transition:.15s ease}.leave-page-btn:hover:not(:disabled),.leave-page-number:hover{background:color-mix(in srgb,var(--primary) 18%,transparent);border-color:color-mix(in srgb,var(--primary) 45%,var(--border))}.leave-page-number.active{background:var(--primary);border-color:var(--primary);color:#fff}.leave-page-btn:disabled{opacity:.35;cursor:not-allowed}[data-theme=dark] .leave-pager-left select{color-scheme:dark}[data-theme=dark] .leave-pager-left select option{background:#0f172a;color:#fff}.leave-searchbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;margin:0;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:#0f172aeb}.leave-searchbar+.table-card{margin-top:0}.leave-search-input{min-width:320px;min-height:40px;padding:10px 14px;border-radius:12px;border:1px solid rgba(148,163,184,.22);background:#02061780;color:#e5edf8;font-weight:800;outline:none}.leave-search-input:focus{border-color:#60a5fab3;box-shadow:0 0 0 3px #3b82f629}.leave-search-count{padding:8px 12px;border-radius:999px;background:#4f46e529;border:1px solid rgba(99,102,241,.24);color:#c7d2fe;font-size:12px;font-weight:950}[data-theme=light] .leave-searchbar{background:#fff}[data-theme=light] .leave-search-input{background:#fff;color:#0f172a}.table th:last-child,.table td:last-child{width:125px;min-width:125px;text-align:center}.row-actions{display:flex;flex-direction:column;align-items:center;gap:5px;width:115px;margin:0 auto}.row-actions .btn-secondary,.row-actions .btn-success,.row-actions .btn-danger,.row-actions .btn-warning,.row-actions label.btn-secondary{width:108px;height:30px;padding:0 8px;border-radius:10px;font-size:11px;font-weight:800}.row-actions .btn-secondary{background:#0f172a;color:#fff;border:1px solid rgba(148,163,184,.25)}.row-actions label.btn-secondary{border-style:dashed}.row-actions .btn-success,.row-actions .btn-danger{background:var(--primary);color:var(--text)}.leave-sub-info{margin-top:1px;font-size:10px;line-height:1.15;opacity:.75;font-weight:500}.leave-hero{margin-bottom:20px}.leave-hero-main{position:relative;overflow:hidden;display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding:24px;border:1px solid rgba(96,165,250,.2);border-radius:18px;background:radial-gradient(circle at top right,rgba(79,70,229,.3),transparent 35%),linear-gradient(135deg,#101f3a,#0b172d);box-shadow:0 18px 45px #00000038}.leave-hero-main:after{content:"";position:absolute;top:-75px;right:-45px;width:210px;height:210px;border:30px solid rgba(96,165,250,.05);border-radius:50%;pointer-events:none}.leave-hero-copy{position:relative;z-index:1;max-width:760px}.leave-eyebrow{display:block;margin-bottom:8px;color:#60a5fa;font-size:11px;font-weight:900;letter-spacing:.12em}.leave-hero-title{margin:0;color:#f8fafc;font-size:clamp(24px,3vw,34px);line-height:1.12;font-weight:950;letter-spacing:-.025em}.leave-hero-subtitle{max-width:680px;margin:10px 0 0;color:#9fb0c9;font-size:13px;line-height:1.65;font-weight:650}.leave-approval-flow{display:inline-flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px;padding:9px 12px;border:1px solid rgba(96,165,250,.18);border-radius:10px;background:#02061757}.leave-approval-flow span{color:#7dd3fc;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.leave-approval-flow strong{color:#dbeafe;font-size:11px;font-weight:850}.leave-hero-actions{position:relative;z-index:1;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}.leave-hero-btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border-radius:10px;font-family:inherit;font-size:12px;font-weight:900;cursor:pointer}.leave-hero-btn:disabled{opacity:.55;cursor:not-allowed}.leave-hero-btn.ghost{border:1px solid rgba(148,163,184,.35);background:#0206176b;color:#f8fafc}.leave-hero-btn.outline{border:1px solid rgba(255,255,255,.65);background:#f8fafc;color:#172033}.leave-hero-btn.primary{border:1px solid transparent;background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff}.leave-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px}.leave-summary-card{min-width:0;min-height:112px;display:flex;align-items:center;gap:14px;padding:17px;border:1px solid var(--border);border-radius:16px;background:var(--panel);color:var(--text);text-align:left;box-shadow:var(--shadow-soft)}button.leave-summary-card{font-family:inherit;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}button.leave-summary-card:hover{transform:translateY(-2px);border-color:#60a5fa8c}button.leave-summary-card.active{border-color:#2563ebb8;box-shadow:0 0 0 2px #2563eb1c,var(--shadow-soft)}.leave-summary-icon{flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(59,130,246,.22);border-radius:14px;background:#2563eb1c;color:#2563eb;font-size:12px;font-weight:950}.leave-summary-card>div:last-child{min-width:0;display:flex;flex-direction:column}.leave-summary-card span{overflow:hidden;color:var(--muted);font-size:11px;line-height:1.3;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.leave-summary-card strong{margin-top:3px;color:var(--text);font-size:27px;line-height:1;font-weight:950}.leave-summary-card small{margin-top:7px;color:var(--muted);font-size:10px;font-weight:750}.leave-summary-card.pending .leave-summary-icon{border-color:#f59e0b59;background:#f59e0b1f;color:#d97706}.leave-summary-card.approved .leave-summary-icon{border-color:#10b98159;background:#10b9811f;color:#059669}.leave-summary-card.active-leave .leave-summary-icon{border-color:#7c3aed59;background:#7c3aed1f;color:#7c3aed}@media(max-width:1100px){.leave-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.leave-hero-main{flex-direction:column}.leave-hero-actions{width:100%;justify-content:flex-start}}@media(max-width:620px){.leave-summary-grid{grid-template-columns:1fr}.leave-hero-main{padding:18px}.leave-hero-actions{display:grid;grid-template-columns:1fr}.leave-hero-btn{width:100%}}.leave-history-modal{width:min(680px,94vw)}.leave-approval-history{display:flex;flex-direction:column;padding:4px 2px}.leave-history-step{position:relative;display:flex;align-items:flex-start;gap:14px;min-height:78px}.leave-history-marker{position:relative;z-index:2;width:36px;height:36px;min-width:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--border);background:var(--panel);color:var(--muted);font-size:14px;font-weight:900}.leave-history-step.approved .leave-history-marker{border-color:#10b981;background:#10b98121;color:#10b981}.leave-history-step.current .leave-history-marker{border-color:#3b82f6;background:#3b82f621;color:#60a5fa}.leave-history-line{position:absolute;left:17px;top:37px;bottom:0;width:2px;background:var(--border)}.leave-history-content{flex:1;padding:10px 14px;margin-bottom:14px;border:1px solid var(--border);border-radius:12px;background:var(--panel-2)}.leave-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.leave-history-head strong{color:var(--text);font-size:13px;font-weight:900}.leave-history-status{padding:4px 9px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase}.leave-history-status.approved{color:#10b981;border:1px solid rgba(16,185,129,.35);background:#10b9811f}.leave-history-status.current{color:#60a5fa;border:1px solid rgba(59,130,246,.35);background:#3b82f61f}.leave-history-time{margin-top:7px;color:var(--muted);font-size:11px;font-weight:700}.leave-history-complete{margin:4px 0 4px 50px;padding:11px 14px;border:1px solid rgba(16,185,129,.35);border-radius:11px;background:#10b98114;color:#10b981;font-size:12px;font-weight:900}.leave-history-empty{padding:20px;border:1px dashed var(--border);border-radius:12px;color:var(--muted);text-align:center;font-size:12px;font-weight:700}:root,[data-theme=dark]{--exit-bg: #020617;--exit-card: rgba(15, 23, 42, .94);--exit-card-soft: rgba(2, 6, 23, .2);--exit-filter-bg: rgba(2, 6, 23, .28);--exit-input-bg: #0b1426;--exit-text: #e5edf8;--exit-title: #ffffff;--exit-muted: #94a3b8;--exit-border: rgba(148, 163, 184, .18);--exit-border-strong: rgba(148, 163, 184, .24);--exit-shadow: rgba(0, 0, 0, .18);--exit-row-hover: rgba(37, 99, 235, .08);--exit-blue: #93c5fd;--exit-placeholder: rgba(203, 213, 225, .55);--exit-icon-bg: rgba(255, 255, 255, .05);--exit-icon-border: rgba(255, 255, 255, .08);--exit-icon-color: #ffffff}[data-theme=light]{--exit-bg: #f8fafc;--exit-card: #ffffff;--exit-card-soft: #f1f5f9;--exit-filter-bg: #f1f5f9;--exit-input-bg: #ffffff;--exit-text: #0f172a;--exit-title: #0f172a;--exit-muted: #64748b;--exit-border: rgba(15, 23, 42, .12);--exit-border-strong: rgba(15, 23, 42, .18);--exit-shadow: rgba(15, 23, 42, .12);--exit-row-hover: rgba(37, 99, 235, .06);--exit-blue: #2563eb;--exit-placeholder: rgba(71, 85, 105, .55);--exit-icon-bg: #ffffff;--exit-icon-border: rgba(15, 23, 42, .12);--exit-icon-color: #0f172a}.exit-hero,.exit-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:4px 0 2px}.exit-kicker{margin-bottom:8px;color:var(--exit-blue);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.exit-title{margin:0;font-size:30px;line-height:1;font-weight:950;letter-spacing:-.04em;color:var(--exit-title)}.exit-subtitle{margin:9px 0 0;font-size:13px;font-weight:650;color:var(--exit-muted)}.exit-btn{border:1px solid var(--exit-border-strong);border-radius:14px;padding:10px 15px;min-height:42px;font-weight:900;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease;background:var(--exit-card);color:var(--exit-text);box-shadow:0 8px 18px var(--exit-shadow)}.exit-btn-primary{background:linear-gradient(180deg,#6757ff,#4f46e5);color:#fff;border-color:#ffffff24;box-shadow:0 10px 22px #4f46e53d}.exit-alert{border:1px solid rgba(239,68,68,.28);background:#ef44441a;color:#ef4444;border-radius:14px;padding:12px 14px;font-weight:900}.exit-stat-card,.exit-card{background:var(--exit-card);border:1px solid var(--exit-border);box-shadow:0 18px 38px var(--exit-shadow)}.exit-stat-card{min-height:98px;border-radius:20px;padding:18px;background:radial-gradient(circle at top right,rgba(59,130,246,.18),transparent 38%),var(--exit-card);display:flex;align-items:center;gap:14px;overflow:hidden}.exit-stat-icon{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;flex:0 0 auto;background:#3b82f624;color:var(--exit-blue);border:1px solid rgba(96,165,250,.25);font-weight:950}.exit-stat-warning{background:#f59e0b24;color:#f59e0b;border-color:#f59e0b47}.exit-stat-info{background:#38bdf824;color:#0284c7;border-color:#38bdf847}.exit-stat-danger{background:#ef444424;color:#ef4444;border-color:#ef444447}.exit-stat-title{font-size:12px;font-weight:900;color:var(--exit-blue)}.exit-stat-value{margin-top:6px;font-size:31px;line-height:1;font-weight:950;color:var(--exit-title);letter-spacing:-.04em}.exit-card{border-radius:20px;overflow:hidden}.exit-card-head{padding:17px 18px;display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid var(--exit-border);background:var(--exit-card-soft)}.exit-card-title{font-weight:950;color:var(--exit-title);font-size:15px}.exit-card-subtitle{margin-top:4px;color:var(--exit-muted);font-size:12px;font-weight:650}.exit-card-meta{font-size:12px;color:var(--exit-blue);font-weight:950;white-space:nowrap;padding:6px 12px;border-radius:999px;background:#60a5fa1f;border:1px solid rgba(96,165,250,.28)}.exit-filters{display:grid;grid-template-columns:minmax(260px,1fr) 220px;gap:12px;padding:16px 18px;border-bottom:1px solid var(--exit-border);background:var(--exit-filter-bg)}.exit-filter-bar{display:grid;grid-template-columns:1fr 220px;gap:14px;padding:16px 18px;background:var(--exit-filter-bg);border-bottom:1px solid var(--exit-border)}.exit-search-wrap,.exit-search-box{position:relative}.exit-search-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--exit-blue);opacity:.9;font-weight:950}.exit-search,.exit-filter-select,.exit-search-input,.exit-type-select{width:100%;min-height:44px;border-radius:14px;border:1px solid var(--exit-border-strong);background:var(--exit-input-bg);color:var(--exit-text);outline:none;font-weight:750}.exit-search,.exit-search-input{padding:0 16px 0 44px}.exit-filter-select,.exit-type-select{padding:0 14px}.exit-search:focus,.exit-filter-select:focus,.exit-search-input:focus,.exit-type-select:focus{border-color:#60a5fabf;box-shadow:0 0 0 3px #3b82f629}.exit-search::placeholder,.exit-search-input::placeholder{color:var(--exit-placeholder)}.exit-table-wrap{overflow:auto;height:calc(100vh - 480px)}.exit-table{width:100%;min-width:0;table-layout:fixed;border-collapse:separate;border-spacing:0}.exit-table th,.exit-table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exit-table th:last-child,.exit-table td:last-child{width:250px;min-width:220px;max-width:220px;text-align:center;padding-right:0;padding-left:0}.exit-table-wrap{overflow-x:hidden;overflow-y:auto}.exit-table td{padding:14px;border-bottom:1px solid var(--exit-border);color:var(--exit-text);vertical-align:middle;font-size:13px}.exit-empty{text-align:center;padding:28px!important;color:var(--exit-muted);font-weight:850}.exit-name,.exit-strong{font-weight:950;color:var(--exit-title)}.exit-small{margin-top:4px;color:var(--exit-muted);font-size:12px;font-weight:700}.exit-action-icons{display:flex;align-items:center;justify-content:center;gap:6px;width:100%}.exit-icon-btn{width:34px;height:34px;border-radius:10px;border:1px solid var(--exit-icon-border);background:var(--exit-icon-bg);color:var(--exit-icon-color);font-size:17px;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.exit-icon-btn:hover{transform:translateY(-2px)}.exit-icon-btn.view:hover{background:#3b82f62e;border-color:#3b82f6;color:#60a5fa;box-shadow:0 0 10px #3b82f640}.exit-icon-btn.reapply:hover{background:#8b5cf62e;border-color:#8b5cf6;color:#a78bfa;box-shadow:0 0 10px #8b5cf640}.exit-icon-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.exit-pill{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:950;border:1px solid var(--exit-border-strong);color:var(--exit-blue);background:#94a3b81c;white-space:nowrap}.exit-pill-success{background:#22c55e24;border-color:#22c55e59;color:#22c55e}.exit-pill-danger{background:#ef444424;border-color:#ef444459;color:#ef4444}.exit-pill-warning{background:#f59e0b24;border-color:#f59e0b59;color:#f59e0b}.exit-pill-info{background:#38bdf824;border-color:#38bdf859;color:#0284c7}.exit-pager{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-top:1px solid var(--exit-border);gap:12px;flex-wrap:wrap}.exit-page-size,.exit-page-buttons{display:flex;align-items:center;gap:10px}.exit-page-size span,.exit-page-info{font-size:13px;font-weight:800;color:var(--exit-muted)}.exit-page-size select{min-height:38px;border-radius:10px;border:1px solid var(--exit-border);background:var(--exit-input-bg);color:var(--exit-text);padding:6px 10px}.exit-page-buttons button{padding:8px 14px;border-radius:10px;border:1px solid var(--exit-border);background:var(--exit-card-soft);color:var(--exit-text);font-weight:700;cursor:pointer}.exit-page-buttons button:disabled{opacity:.5;cursor:not-allowed}[data-theme=light] .exit-table,[data-theme=light] .exit-table tbody tr{background:#fff!important}[data-theme=light] .exit-table td{background:#fff!important;color:#0f172a!important}[data-theme=light] .exit-table tr:nth-child(2n) td{background:#f8fafc!important}[data-theme=light] .exit-table tbody tr:hover td{background:#2563eb0f!important}[data-theme=light] .exit-icon-btn{box-shadow:0 2px 8px #0f172a0f}[data-theme=light] .exit-icon-btn.view:hover{background:#3b82f61a;color:#2563eb}[data-theme=light] .exit-icon-btn.reapply:hover{background:#8b5cf61a;color:#7c3aed}@media(max-width:1100px){.exit-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.exit-hero,.exit-topbar{flex-direction:column;align-items:stretch}.exit-actions{justify-content:flex-start}}@media(max-width:720px){.exit-page{padding:16px}.exit-title{font-size:25px}.exit-stats,.exit-filters,.exit-filter-bar{grid-template-columns:1fr}.exit-table-wrap{height:auto;min-height:420px}}.exit-type-badge{display:inline-flex;align-items:center;justify-content:center;min-width:90px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid transparent}.exit-type-badge.awol{background:#ef44441f;color:#f87171;border-color:#ef444459}.exit-type-badge.terminated{background:#f59e0b1f;color:#fbbf24;border-color:#f59e0b59}.exit-type-badge.resigned{background:#10b9811f;color:#34d399;border-color:#10b98159}:root,[data-theme=dark]{--exit-bg: #020617;--exit-card: rgba(15, 23, 42, .94);--exit-card-soft: rgba(15, 23, 42, .78);--exit-toolbar: rgba(2, 6, 23, .24);--exit-input: rgba(15, 23, 42, .92);--exit-text: #e5edf8;--exit-strong: #ffffff;--exit-muted: #94a3b8;--exit-border: rgba(148, 163, 184, .18);--exit-border-strong: rgba(148, 163, 184, .24);--exit-shadow: rgba(0, 0, 0, .22);--exit-row-hover: rgba(37, 99, 235, .08);--exit-placeholder: rgba(203, 213, 225, .55);--exit-blue-soft: #93c5fd;--exit-label: #bfdbfe}[data-theme=light]{--exit-bg: #f8fafc;--exit-card: #ffffff;--exit-card-soft: #f8fafc;--exit-toolbar: #f1f5f9;--exit-input: #ffffff;--exit-text: #0f172a;--exit-strong: #0f172a;--exit-muted: #64748b;--exit-border: rgba(15, 23, 42, .12);--exit-border-strong: rgba(15, 23, 42, .18);--exit-shadow: rgba(15, 23, 42, .12);--exit-row-hover: rgba(37, 99, 235, .06);--exit-placeholder: rgba(71, 85, 105, .55);--exit-blue-soft: #2563eb;--exit-label: #1d4ed8}.exit-page{min-height:100%;padding:28px;background:var(--exit-bg);color:var(--exit-text);display:flex;flex-direction:column;gap:18px}.exit-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.exit-title{margin:0;font-size:28px;line-height:1.1;font-weight:950;letter-spacing:-.03em;color:var(--exit-text)}.exit-subtitle{margin:8px 0 0;font-size:13px;font-weight:650;color:var(--exit-muted)}.exit-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.exit-btn{border:1px solid var(--exit-border-strong);border-radius:12px;padding:10px 14px;min-height:40px;font-weight:900;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease;-webkit-user-select:none;user-select:none;background:var(--exit-card);color:var(--exit-text);box-shadow:0 8px 18px var(--exit-shadow)}.exit-btn:hover:not(:disabled){transform:translateY(-1px);border-color:#60a5fa8c;background:#2563eb29}.exit-btn:disabled{opacity:.55;cursor:not-allowed}.exit-btn-primary{background:linear-gradient(180deg,#6757ff,#4f46e5);color:#fff;border-color:#ffffff1f}.exit-btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#7468ff,#5b52ee)}.exit-btn-outline,.exit-btn-ghost{background:var(--exit-card);color:var(--exit-text)}.exit-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.exit-stat-card{position:relative;min-height:86px;border:1px solid var(--exit-border);border-radius:18px;padding:16px 18px;background:radial-gradient(circle at top right,rgba(59,130,246,.16),transparent 38%),var(--exit-card);box-shadow:0 16px 32px var(--exit-shadow);overflow:hidden}.exit-stat-title{font-size:12px;font-weight:900;color:var(--exit-blue-soft)}.exit-stat-value{margin-top:8px;font-size:30px;line-height:1;font-weight:950;color:var(--exit-strong)}.exit-card{background:var(--exit-card);border:1px solid var(--exit-border);border-radius:18px;box-shadow:0 18px 38px var(--exit-shadow);overflow:hidden}.exit-card-head{padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid var(--exit-border);background:linear-gradient(180deg,rgba(255,255,255,.035),transparent),var(--exit-card-soft)}.exit-card-title{font-weight:950;color:var(--exit-strong)}.exit-card-meta{font-size:12px;color:var(--exit-blue-soft);font-weight:900}.exit-filters{display:grid;grid-template-columns:minmax(260px,1fr) 210px;gap:12px;padding:14px 16px;border-bottom:1px solid var(--exit-border);background:var(--exit-toolbar)}.exit-search,.exit-filter-select{width:100%;min-height:42px;padding:10px 12px;border-radius:12px;border:1px solid var(--exit-border-strong);background:var(--exit-input);color:var(--exit-text);outline:none;font-weight:750}.exit-search:focus,.exit-filter-select:focus{border-color:#60a5fabf;box-shadow:0 0 0 3px #3b82f629}.exit-search::placeholder{color:var(--exit-placeholder)}.exit-table-wrap{overflow:auto;max-height:calc(100vh - 360px);border-radius:0 0 18px 18px}.exit-table{width:100%;min-width:1120px;border-collapse:separate;border-spacing:0}.exit-table th{position:sticky;top:0;z-index:2;padding:14px;background:linear-gradient(180deg,#3168ff,#2459e8);color:#fff;text-align:left;font-size:12px;font-weight:950;letter-spacing:.01em;white-space:nowrap}.exit-table td{padding:15px 14px;border-bottom:1px solid var(--exit-border);color:var(--exit-text);vertical-align:middle;font-size:13px}.exit-table tbody tr:hover td{background:var(--exit-row-hover)}.exit-empty{text-align:center;padding:26px!important;color:var(--exit-muted);font-weight:850}.exit-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px}.exit-strong{font-weight:950;color:var(--exit-strong)}.exit-num{text-align:right}.exit-dash{color:var(--exit-muted)}.exit-badge{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:950;border:1px solid var(--exit-border-strong);white-space:nowrap}.exit-pending{background:#f59e0b24;border-color:#f59e0b59;color:#f59e0b}.exit-approved{background:#22c55e24;border-color:#22c55e59;color:#22c55e}.exit-rejected{background:#ef444424;border-color:#ef444459;color:#ef4444}.po-row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.po-mini-btn{border:1px solid var(--exit-border-strong);border-radius:10px;padding:7px 11px;min-height:34px;background:var(--exit-card);color:var(--exit-text);font-size:12px;font-weight:900;cursor:pointer}.po-mini-btn:hover:not(:disabled){background:#2563eb26;border-color:#60a5fa73}.po-approve{background:#22c55e1f;border-color:#22c55e59;color:#22c55e}.po-reject{background:#ef44441f;border-color:#ef444459;color:#ef4444}.icon-only{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center}.icon-only svg{font-size:13px}.exit-modal-overlay{position:fixed;inset:0;background:#020617b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:22px;z-index:9999}.exit-modal{width:min(960px,96vw);max-height:90vh;background:var(--exit-card);border:1px solid var(--exit-border-strong);border-radius:20px;box-shadow:0 28px 70px #00000073;overflow:hidden;display:flex;flex-direction:column}.exit-modal-head{padding:18px 20px;display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--exit-border);background:var(--exit-toolbar)}.exit-modal-title{margin:0;font-size:20px;font-weight:950;color:var(--exit-text)}.exit-modal-sub{margin:6px 0 0;font-size:12px;font-weight:650;color:var(--exit-muted)}.exit-x{width:38px;height:38px;border-radius:12px;background:var(--exit-input);border:1px solid var(--exit-border-strong);color:var(--exit-text);cursor:pointer;font-weight:950}.exit-x:hover{background:#ef444426;border-color:#ef444473}.exit-form{padding:16px;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.exit-grid-scroll{flex:1;min-height:0;overflow-y:auto;padding-right:8px}.exit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.exit-field.full{grid-column:span 2}.exit-field{display:flex;flex-direction:column;gap:7px;position:relative}.exit-field label{font-size:12px;font-weight:900;color:var(--exit-label)}.exit-field input,.exit-field textarea,.exit-field select{min-height:42px;padding:10px 12px;border-radius:12px;border:1px solid var(--exit-border-strong);background:var(--exit-input);color:var(--exit-text);outline:none;font-weight:750}.exit-field textarea{min-height:92px;resize:vertical}.exit-field input:focus,.exit-field textarea:focus,.exit-field select:focus{border-color:#60a5fabf;box-shadow:0 0 0 3px #3b82f629}.exit-modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:14px;border-top:1px solid var(--exit-border);margin-top:14px;position:sticky;bottom:0;background:var(--exit-card);z-index:2}.employee-dropdown{position:absolute;top:calc(100% + 6px);left:0;width:100%;max-height:240px;overflow-y:auto;z-index:30;background:var(--exit-card);border:1px solid var(--exit-border-strong);border-radius:14px;box-shadow:0 18px 38px var(--exit-shadow)}.employee-item{padding:11px 12px;cursor:pointer;color:var(--exit-text);background:transparent;border-bottom:1px solid var(--exit-border);transition:background .15s ease}.employee-item:last-child{border-bottom:none}.employee-item:hover{background:#2563eb29}.employee-item.empty{color:var(--exit-muted);cursor:default}@media(max-width:1100px){.exit-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.exit-topbar{flex-direction:column;align-items:stretch}.exit-actions{justify-content:flex-start}}@media(max-width:720px){.exit-page{padding:16px}.exit-title{font-size:24px}.exit-stats,.exit-filters,.exit-grid{grid-template-columns:1fr}.exit-field.full{grid-column:span 1}.exit-table-wrap{max-height:unset}}@media print{.exit-actions,.exit-filters,.exit-modal-overlay{display:none!important}.exit-page{padding:0}.exit-card,.exit-stat-card{box-shadow:none}}.exit-filters-toolbar{padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--exit-border);background:var(--exit-card-soft)}.exit-filters-left{display:flex;align-items:center;gap:10px;flex:1}.exit-search-input{width:360px;max-width:100%;min-height:42px;padding:10px 14px;border-radius:12px;border:1px solid var(--exit-border-strong);background:var(--exit-input);color:var(--exit-text);font-weight:800;outline:none}.exit-search-input:focus{border-color:#60a5fabf;box-shadow:0 0 0 3px #3b82f629}.exit-page-size{width:90px;min-height:42px;padding:10px 12px;border-radius:12px;border:1px solid var(--exit-border-strong);background:var(--exit-input);color:var(--exit-text);font-weight:900}.exit-result-count{padding:8px 12px;border-radius:999px;background:#2563eb29;border:1px solid rgba(96,165,250,.28);color:#bfdbfe;font-size:12px;font-weight:950;white-space:nowrap}.exit-pager-card{margin-top:12px;background:var(--exit-card);border:1px solid var(--exit-border);border-radius:16px;padding:12px 16px}.exit-pager{display:flex;justify-content:space-between;align-items:center}.exit-page-info{font-size:13px;font-weight:950;color:var(--exit-text)}.exit-pager-buttons{display:flex;gap:10px}.exit-page-btn{min-width:92px;min-height:38px;border-radius:12px;border:1px solid var(--exit-border-strong);background:var(--exit-card-soft);color:var(--exit-text);font-weight:950;cursor:pointer}.exit-page-btn:hover:not(:disabled){background:#2563eb2e;border-color:#60a5fa8c}.exit-page-btn:disabled{opacity:.45;cursor:not-allowed}[data-theme=light] .exit-result-count{color:#4338ca}.soa-page{display:flex;flex-direction:column;gap:12px;width:100%;max-width:100%;padding:0;box-sizing:border-box;color:var(--text)}.soa-hero{margin:0}.soa-hero-main{position:relative;overflow:hidden;display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding:24px;border:1px solid rgba(96,165,250,.2);border-radius:18px;background:radial-gradient(circle at top right,rgba(79,70,229,.3),transparent 35%),linear-gradient(135deg,#101f3a,#0b172d);box-shadow:0 18px 45px #00000038}.soa-hero-main:after{content:"";position:absolute;top:-75px;right:-45px;width:210px;height:210px;border:30px solid rgba(96,165,250,.05);border-radius:50%;pointer-events:none}.soa-hero-copy{position:relative;z-index:1;min-width:0;max-width:760px}.soa-eyebrow{display:block;margin-bottom:8px;color:#60a5fa;font-size:11px;font-weight:900;letter-spacing:.12em}.soa-hero h1{margin:0;color:#f8fafc;font-size:clamp(24px,3vw,34px);line-height:1.12;font-weight:950;letter-spacing:-.025em}.soa-hero p{max-width:700px;margin:10px 0 0;color:#9fb0c9;font-size:13px;line-height:1.65;font-weight:650}.soa-flow{display:inline-flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px;padding:9px 12px;border:1px solid rgba(96,165,250,.18);border-radius:10px;background:#02061757}.soa-flow span{color:#7dd3fc;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.soa-flow b{color:#dbeafe;font-size:11px;font-weight:850}.soa-hero-actions{position:relative;z-index:1;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}.soa-btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border-radius:10px;font-family:inherit;font-size:12px;font-weight:900;cursor:pointer;transition:.15s ease}.soa-btn:hover:not(:disabled){transform:translateY(-1px)}.soa-btn:disabled{opacity:.55;cursor:not-allowed}.soa-btn-secondary{border:1px solid rgba(148,163,184,.35);background:#0206176b;color:#f8fafc}.soa-btn-secondary:hover:not(:disabled){background:#1e293bcc}.soa-btn-primary{border:1px solid transparent;background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff}.soa-btn-primary:hover:not(:disabled){filter:brightness(1.08)}.soa-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.soa-summary-card{min-width:0;min-height:112px;display:flex;align-items:center;gap:14px;padding:17px;border:1px solid var(--border);border-radius:16px;background:var(--panel);color:var(--text);box-shadow:var(--shadow-soft)}.soa-summary-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:14px;font-size:10px;font-weight:950}.soa-summary-card>div:last-child{display:flex;flex-direction:column;min-width:0}.soa-summary-card span{color:var(--muted);font-size:11px;font-weight:800}.soa-summary-card strong{margin-top:4px;color:var(--text);font-size:22px;line-height:1.1;font-weight:950}.soa-summary-card small{margin-top:7px;color:var(--muted);font-size:10px;font-weight:650}.soa-summary-total{border-color:#3b82f6ad}.soa-summary-total .soa-summary-icon{background:#3b82f624;color:#3b82f6}.soa-summary-benefits .soa-summary-icon{background:#10b98124;color:#10b981}.soa-summary-liabilities .soa-summary-icon{background:#f59e0b24;color:#f59e0b}.soa-summary-net .soa-summary-icon{background:#7c3aed24;color:#8b5cf6}.soa-search-panel{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:14px 16px;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:#0f172aeb}.soa-search-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1;min-width:0}.soa-search-input{min-width:320px;min-height:40px;padding:10px 14px;border-radius:12px;border:1px solid rgba(148,163,184,.22);background:#02061780;color:#e5edf8;font-family:inherit;font-size:12px;font-weight:800;outline:none}.soa-search-input::placeholder{color:#77879f}.soa-search-input:focus{border-color:#60a5fab3;box-shadow:0 0 0 3px #3b82f629}.soa-result-count{padding:8px 12px;border-radius:999px;background:#4f46e529;border:1px solid rgba(99,102,241,.24);color:#c7d2fe;font-size:12px;font-weight:950}.soa-list-card{display:flex;flex-direction:column;gap:14px;width:100%;max-width:100%}.soa-table-wrap{width:100%;max-height:520px;overflow:auto;border:1px solid var(--border);border-radius:14px;background:var(--panel);box-shadow:var(--shadow-soft)}.soa-table{width:100%;min-width:1350px;border-collapse:collapse;table-layout:auto}.soa-table th{position:sticky;top:0;z-index:2;padding:12px 10px;background:var(--table-header);color:#fff;text-align:left;white-space:nowrap;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.4px}.soa-table td{padding:9px 10px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:top;font-size:11px}.soa-table tbody tr:hover{background:var(--row-hover)}.soa-id,.soa-employee-name,.soa-money{font-weight:900}.soa-money{white-space:nowrap}.soa-net{color:#10b981}.soa-sub-info{margin-top:2px;color:var(--muted);font-size:10px;font-weight:650}.soa-description{min-width:150px;max-width:230px}.soa-empty{padding:30px!important;color:var(--muted)!important;text-align:center;font-weight:800}.soa-table th:last-child,.soa-table td:last-child{width:125px;min-width:125px;text-align:center}.soa-row-actions{display:flex;flex-direction:column;align-items:center;gap:5px;width:115px;margin:0 auto}.soa-action-btn{width:108px;min-height:30px;padding:0 8px;border-radius:10px;font-size:11px;font-weight:800;cursor:pointer;transition:.15s ease;white-space:nowrap}.soa-action-btn:hover:not(:disabled){transform:translateY(-1px)}.soa-action-view{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.soa-action-view:hover{background:var(--row-hover)}.soa-action-edit{background:#f59e0b24;color:#f59e0b;border:1px solid rgba(245,158,11,.35)}.soa-action-edit:hover{background:#f59e0b;color:#fff}.soa-action-download{background:#3b82f624;color:#3b82f6;border:1px solid rgba(59,130,246,.35)}.soa-action-download:hover{background:#3b82f6;color:#fff}.soa-action-delete{background:#ef444424;color:#ef4444;border:1px solid rgba(239,68,68,.35)}.soa-action-delete:hover{background:#ef4444;color:#fff}.soa-pager-new{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:var(--panel);box-shadow:var(--shadow-soft);flex-wrap:wrap}.soa-pager-left,.soa-pager-right{display:flex;align-items:center;gap:8px}.soa-pager-left span,.soa-page-summary{font-size:12px;font-weight:900;color:var(--muted)}.soa-pager-left select{height:36px;min-width:74px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:0 34px 0 14px;font-weight:900;outline:none}.soa-page-btn-new,.soa-page-number{min-width:36px;height:36px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-weight:900;cursor:pointer}.soa-page-btn-new:disabled{opacity:.35;cursor:not-allowed}.soa-page-number.active{background:var(--primary);border-color:var(--primary);color:#fff}.modal-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:999;background:#0000008c}@supports (backdrop-filter:blur(8px)){.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.modal{width:min(1100px,95vw);max-height:90vh;overflow:auto;border-radius:18px;padding:18px;border:1px solid var(--border);box-shadow:var(--shadow);background:var(--panel);color:var(--text)}[data-theme=dark] .modal.saas-modal{background:#0b152b;border-color:#ffffff1a}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:16px}.modal-title{margin:0;font-size:18px;font-weight:900;color:var(--text)}.modal-subtitle{margin:6px 0 0;font-size:13px;color:var(--muted);font-weight:700}.modal-x{height:36px;width:36px;border-radius:10px;cursor:pointer;background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.modal-form{display:block}.modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-group{display:flex;flex-direction:column;gap:6px;min-width:0}.form-group.full{grid-column:1/-1}.form-group label{font-size:12px;font-weight:800;color:var(--muted)}.modal-grid .form-group input,.modal-grid .form-group select,.modal-grid .form-group textarea{width:100%;min-width:0;box-sizing:border-box;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:10px 12px;outline:none}.modal-grid .form-group textarea{min-height:110px;resize:vertical}.modal-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.btn-primary,.btn-secondary{border-radius:10px;padding:10px 16px;font-weight:900;cursor:pointer}.btn-primary{border:none;background:var(--primary);color:#fff}.btn-secondary{border:1px solid var(--border);background:var(--panel-2);color:var(--text)}.pill{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);color:var(--text);font-size:12px;font-weight:800}[data-theme=light] .soa-search-panel{background:#fff}[data-theme=light] .soa-search-input{background:#fff;color:#0f172a}[data-theme=light] .modal{background:#fff}[data-theme=light] .modal input,[data-theme=light] .modal textarea,[data-theme=light] .modal select{background:#fff!important;color:#0f172a!important}@media(max-width:1100px){.soa-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.soa-hero-main{flex-direction:column}.soa-hero-actions{justify-content:flex-start}}@media(max-width:768px){.soa-summary-grid{grid-template-columns:1fr}.soa-search-panel,.soa-pager-new,.soa-search-controls{align-items:stretch;flex-direction:column}.soa-search-input{width:100%;min-width:0}.soa-hero-actions{display:grid;grid-template-columns:1fr;width:100%}.soa-btn{width:100%}.modal-grid{grid-template-columns:1fr}.form-group.full{grid-column:auto}}.po-page{display:flex;flex-direction:column;gap:12px;width:100%;max-width:100%;padding:0;box-sizing:border-box;color:var(--text)}.po-hero{margin:0}.po-hero-main{position:relative;overflow:hidden;display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding:24px;border:1px solid rgba(96,165,250,.2);border-radius:18px;background:radial-gradient(circle at top right,rgba(79,70,229,.3),transparent 35%),linear-gradient(135deg,#101f3a,#0b172d);box-shadow:0 18px 45px #00000038}.po-hero-main:after{content:"";position:absolute;top:-75px;right:-45px;width:210px;height:210px;border:30px solid rgba(96,165,250,.05);border-radius:50%;pointer-events:none}.po-hero-copy{position:relative;z-index:1;min-width:0;max-width:760px}.po-eyebrow{display:block;margin-bottom:8px;color:#60a5fa;font-size:11px;font-weight:900;letter-spacing:.12em}.po-hero h1{margin:0;color:#f8fafc;font-size:clamp(24px,3vw,34px);line-height:1.12;font-weight:950;letter-spacing:-.025em}.po-hero p{max-width:700px;margin:10px 0 0;color:#9fb0c9;font-size:13px;line-height:1.65;font-weight:650}.po-flow{display:inline-flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px;padding:9px 12px;border:1px solid rgba(96,165,250,.18);border-radius:10px;background:#02061757}.po-flow span{color:#7dd3fc;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.po-flow b{color:#dbeafe;font-size:11px;font-weight:850}.po-hero-actions{position:relative;z-index:1;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}.po-btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border-radius:10px;font-family:inherit;font-size:12px;font-weight:900;cursor:pointer;transition:.15s ease}.po-btn:hover:not(:disabled){transform:translateY(-1px)}.po-btn:disabled{opacity:.55;cursor:not-allowed}.po-btn-secondary{border:1px solid rgba(148,163,184,.35);background:#0206176b;color:#f8fafc}.po-btn-secondary:hover:not(:disabled){background:#1e293bcc}.po-btn-primary{border:1px solid transparent;background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff}.po-btn-primary:hover:not(:disabled){filter:brightness(1.08)}.po-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.po-summary-card{min-width:0;min-height:112px;display:flex;align-items:center;gap:14px;padding:17px;border:1px solid var(--border);border-radius:16px;background:var(--panel);color:var(--text);box-shadow:var(--shadow-soft)}.po-summary-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:14px;font-size:10px;font-weight:950}.po-summary-card>div:last-child{display:flex;flex-direction:column;min-width:0}.po-summary-card span{color:var(--muted);font-size:11px;font-weight:800}.po-summary-card strong{margin-top:4px;color:var(--text);font-size:28px;line-height:1;font-weight:950}.po-summary-card small{margin-top:7px;color:var(--muted);font-size:10px;font-weight:650}.po-summary-total{border-color:#3b82f6ad}.po-summary-total .po-summary-icon{background:#3b82f624;color:#3b82f6}.po-summary-pending .po-summary-icon{background:#f59e0b24;color:#f59e0b}.po-summary-approved .po-summary-icon{background:#10b98124;color:#10b981}.po-summary-rejected .po-summary-icon{background:#ef444424;color:#ef4444}.po-error{padding:10px 14px;border:1px solid rgba(239,68,68,.3);border-radius:12px;background:#ef44441a;color:#ef4444;font-size:12px;font-weight:900}.po-list-card{display:flex;flex-direction:column;width:100%;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--panel);box-shadow:var(--shadow-soft)}.po-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--border)}.po-section-head h3{margin:0;color:var(--text);font-size:16px;font-weight:900}.po-section-head p{margin:5px 0 0;color:var(--muted);font-size:11px;font-weight:650}.po-result-count{padding:8px 12px;border-radius:999px;background:#4f46e529;border:1px solid rgba(99,102,241,.24);color:#c7d2fe;font-size:12px;font-weight:950}.po-table-wrap{width:100%;overflow:auto}.po-table{width:100%;min-width:1000px;border-collapse:collapse}.po-table th{padding:12px 10px;background:var(--table-header);color:#fff;text-align:left;white-space:nowrap;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.4px}.po-table td{padding:9px 10px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:top;font-size:11px}.po-table tbody tr:hover{background:var(--row-hover)}.po-empty{padding:30px!important;text-align:center;color:var(--muted)!important;font-weight:800}.po-employee-name{font-weight:900}.po-sub-info{margin-top:2px;color:var(--muted);font-size:10px;font-weight:650}.po-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:900;border:1px solid transparent;white-space:nowrap}.po-pending{background:#f59e0b26;color:#f59e0b;border-color:#f59e0b59}.po-row-actions{display:flex;flex-direction:column;align-items:center;gap:5px;width:112px;margin:0 auto}.po-action-btn{width:108px;min-height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;border-radius:10px;font-size:10px;font-weight:800;cursor:pointer;transition:.15s ease;white-space:nowrap}.po-action-btn:hover:not(:disabled){transform:translateY(-1px)}.po-action-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.po-action-edit{background:#f59e0b24;color:#f59e0b;border:1px solid rgba(245,158,11,.35)}.po-action-edit:hover:not(:disabled){background:#f59e0b;color:#fff}.po-action-approve{background:#10b98124;color:#10b981;border:1px solid rgba(16,185,129,.35)}.po-action-approve:hover:not(:disabled){background:#10b981;color:#fff}.po-action-reject{background:#ef444424;color:#ef4444;border:1px solid rgba(239,68,68,.35)}.po-action-reject:hover:not(:disabled){background:#ef4444;color:#fff}.po-page .modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:18px;background:#00000094}.po-page .modal{width:min(1200px,96vw);max-height:92vh;overflow:auto;border:1px solid var(--border);border-radius:18px;background:var(--panel);color:var(--text);box-shadow:var(--shadow)}.po-page .modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border)}.po-page .modal-head h3{margin:0;color:var(--text);font-size:18px;font-weight:900}.po-page .modal-body{padding:16px}.po-page .modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid var(--border)}.po-page .icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer}[data-theme=dark] .po-list-card,[data-theme=dark] .po-summary-card{border-color:#ffffff17}[data-theme=dark] .po-page .modal{background:#0b152b;border-color:#ffffff1a}[data-theme=light] .po-page .po-list-card,[data-theme=light] .po-page .modal{background:#fff}@media(max-width:1100px){.po-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.po-hero-main{flex-direction:column}.po-hero-actions{justify-content:flex-start}}@media(max-width:768px){.po-summary-grid{grid-template-columns:1fr}.po-hero-actions{display:grid;grid-template-columns:1fr;width:100%}.po-btn{width:100%}}.sbf-page{display:flex;flex-direction:column;gap:16px;padding:22px;color:var(--text)}.sbf-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:24px;border:1px solid rgba(96,165,250,.22);border-radius:18px;background:radial-gradient(circle at top right,rgba(79,70,229,.3),transparent 36%),linear-gradient(135deg,#101f3a,#0b172d);box-shadow:0 18px 44px #00000038}.sbf-hero:after{content:"";position:absolute;top:-85px;right:-55px;width:230px;height:230px;border:32px solid rgba(96,165,250,.05);border-radius:50%;pointer-events:none}.sbf-hero-copy,.sbf-hero-actions{position:relative;z-index:1}.sbf-hero-copy{max-width:760px}.sbf-eyebrow{display:block;margin-bottom:8px;color:#60a5fa;font-size:11px;font-weight:900;letter-spacing:.13em}.sbf-hero h1{margin:0;color:#f8fafc;font-size:32px;line-height:1.12;font-weight:950;letter-spacing:-.025em}.sbf-hero p{max-width:700px;margin:10px 0 0;color:#9fb0c9;font-size:13px;line-height:1.65;font-weight:650}.sbf-flow{display:inline-flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px;padding:9px 12px;border:1px solid rgba(96,165,250,.18);border-radius:10px;background:#02061757}.sbf-flow span{color:#7dd3fc;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.sbf-flow strong{color:#dbeafe;font-size:11px;font-weight:850}.sbf-hero-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}.sbf-main-btn,.sbf-search-btn,.sbf-view-btn,.sbf-file-btn,.sbf-action-btn,.sbf-page-btn{font-family:inherit;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease,opacity .15s ease}.sbf-main-btn{min-height:40px;padding:10px 15px;border-radius:10px;font-size:12px;font-weight:900}.sbf-main-btn.primary,.sbf-search-btn.primary{border:1px solid transparent;background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff}.sbf-main-btn.secondary{border:1px solid rgba(148,163,184,.35);background:#02061766;color:#f8fafc}.sbf-main-btn.modal-secondary{border:1px solid var(--border);background:var(--panel-2);color:var(--text)}.sbf-main-btn:hover:not(:disabled),.sbf-search-btn:hover:not(:disabled),.sbf-view-btn:hover:not(:disabled),.sbf-file-btn:hover:not(:disabled),.sbf-action-btn:hover:not(:disabled){transform:translateY(-1px)}.sbf-main-btn:disabled,.sbf-search-btn:disabled,.sbf-page-btn:disabled{opacity:.5;cursor:not-allowed}.sbf-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sbf-summary-card{min-width:0;min-height:112px;display:flex;align-items:center;gap:14px;padding:17px;border:1px solid var(--border);border-radius:16px;background:var(--panel);color:var(--text);text-align:left;box-shadow:var(--shadow-soft);cursor:pointer;font-family:inherit;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.sbf-summary-card:hover{transform:translateY(-2px);border-color:#60a5fa8c}.sbf-summary-card.active{border-color:#2563ebbf;box-shadow:0 0 0 2px #2563eb1f,var(--shadow-soft)}.sbf-summary-icon{flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(59,130,246,.25);border-radius:14px;background:#2563eb1c;color:#2563eb;font-size:12px;font-weight:950}.sbf-summary-card.pending .sbf-summary-icon{border-color:#f59e0b57;background:#f59e0b1f;color:#d97706}.sbf-summary-card.approved .sbf-summary-icon{border-color:#10b98157;background:#10b9811f;color:#059669}.sbf-summary-card.rejected .sbf-summary-icon{border-color:#ef444457;background:#ef44441f;color:#dc2626}.sbf-summary-content{min-width:0;display:flex;flex-direction:column}.sbf-summary-content small{color:var(--muted);font-size:11px;font-weight:850}.sbf-summary-content strong{margin-top:3px;color:var(--text);font-size:28px;line-height:1;font-weight:950}.sbf-summary-content em{margin-top:7px;overflow:hidden;color:var(--muted);font-size:10px;font-style:normal;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.sbf-search-panel{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(420px,1.8fr) auto;align-items:center;gap:16px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--panel);box-shadow:var(--shadow-soft)}.sbf-search-copy{display:flex;flex-direction:column;gap:4px}.sbf-search-copy strong{color:var(--text);font-size:13px;font-weight:900}.sbf-search-copy span{color:var(--muted);font-size:11px;line-height:1.45;font-weight:650}.sbf-search-controls{display:flex;align-items:center;gap:9px}.sbf-search-input{flex:1;min-width:0;height:40px;padding:0 13px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2);color:var(--text);outline:none;font-family:inherit}.sbf-search-input:focus{border-color:#3b82f694;box-shadow:0 0 0 3px #3b82f61f}.sbf-search-input::placeholder{color:var(--muted)}.sbf-search-btn{min-height:40px;padding:9px 14px;border-radius:10px;font-size:12px;font-weight:900}.sbf-search-btn.secondary{border:1px solid var(--border);background:var(--panel-2);color:var(--text)}.sbf-result-count{min-width:92px;color:#3b82f6;font-size:12px;font-weight:900;text-align:right}.sbf-table-card{overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--panel);box-shadow:var(--shadow-soft)}.sbf-table-wrap{width:100%;overflow-x:auto}.sbf-table{width:100%;min-width:1120px;border-collapse:collapse}.sbf-table th{padding:13px 12px;background:var(--table-header);color:#fff;text-align:left;font-size:12px;font-weight:900;white-space:nowrap}.sbf-table td{padding:11px 12px;border-bottom:1px solid var(--border);color:var(--text);font-size:12px;vertical-align:middle}.sbf-table tbody tr{transition:background .16s ease}.sbf-table tbody tr:hover{background:#3b82f60e}.sbf-table tbody tr:last-child td{border-bottom:0}.sbf-order-no{color:#3b82f6;font-size:12px;font-weight:900;white-space:nowrap}.sbf-employee-cell{min-width:175px;display:flex;align-items:center;gap:10px}.sbf-avatar{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(59,130,246,.25);border-radius:10px;background:#3b82f61c;color:#3b82f6;font-size:12px;font-weight:950}.sbf-employee-cell>div:not(.sbf-avatar),.sbf-branch-cell{min-width:0;display:flex;flex-direction:column;gap:2px}.sbf-employee-cell strong,.sbf-branch-cell strong{color:var(--text);font-size:12px;font-weight:900}.sbf-employee-cell small,.sbf-branch-cell span{color:var(--muted);font-size:10px;line-height:1.3;font-weight:650}.sbf-branch-cell{min-width:135px}.sbf-assistance{display:block;max-width:210px;line-height:1.35;font-weight:750}.sbf-amount{white-space:nowrap}.sbf-status{display:inline-flex;align-items:center;justify-content:center;min-height:28px;min-width:80px;padding:5px 9px;border:1px solid var(--border);border-radius:999px;background:var(--panel-2);color:var(--text);font-size:10px;line-height:1.2;font-weight:900;text-align:center}.sbf-status.pending{border-color:#f59e0b59;background:#f59e0b1f;color:#d97706}.sbf-status.approved{border-color:#10b98159;background:#10b9811f;color:#059669}.sbf-status.rejected{border-color:#ef444459;background:#ef44441f;color:#dc2626}.sbf-file-btn{min-height:30px;padding:6px 10px;border:1px solid rgba(14,165,233,.3);border-radius:8px;background:#0ea5e91a;color:#0ea5e9;font-size:10px;font-weight:900}.sbf-no-file{color:var(--muted);font-size:10px;font-weight:750}.sbf-row-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.sbf-view-btn{min-width:70px;min-height:32px;padding:7px 11px;border:1px solid rgba(59,130,246,.34);border-radius:9px;background:#3b82f61a;color:#3b82f6;font-size:11px;font-weight:900}.sbf-action-btn{min-height:32px;padding:7px 10px;border-radius:9px;font-size:10px;font-weight:900}.sbf-action-btn.approve{border:1px solid rgba(16,185,129,.35);background:#10b9811f;color:#059669}.sbf-action-btn.reject{border:1px solid rgba(239,68,68,.35);background:#ef44441f;color:#dc2626}.sbf-empty-state{padding:32px!important;color:var(--muted)!important;font-size:13px!important;font-weight:800!important;text-align:center!important}.sbf-pager{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:3px 2px 0}.sbf-pager-left,.sbf-pager-right{display:flex;align-items:center;gap:8px}.sbf-pager-left span,.sbf-page-summary{color:var(--muted);font-size:11px;font-weight:750}.sbf-pager-left select{height:34px;padding:0 30px 0 10px;border:1px solid var(--border);border-radius:9px;background:var(--panel);color:var(--text);font-family:inherit;font-size:11px;font-weight:800}.sbf-page-btn,.sbf-page-current{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid var(--border);border-radius:9px;background:var(--panel);color:var(--text);font-size:15px;font-weight:900}.sbf-page-current{border-color:#2563ebb3;background:#2563eb1f;color:#2563eb;font-size:11px}.sbf-modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;background:#020617b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sbf-modal{width:100%;max-width:900px;max-height:92vh;overflow-y:auto;border:1px solid var(--border);border-radius:18px;background:var(--panel);box-shadow:0 24px 70px #00000059}.sbf-view-modal{max-width:780px}.sbf-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px;border-bottom:1px solid var(--border)}.sbf-modal-eyebrow{display:block;margin-bottom:5px;color:#3b82f6;font-size:10px;font-weight:900;letter-spacing:.1em}.sbf-modal-head h3{margin:0;color:var(--text);font-size:20px;font-weight:950}.sbf-modal-head p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.5;font-weight:650}.sbf-modal-close{flex:0 0 36px;width:36px;height:36px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2);color:var(--text);cursor:pointer;font-size:14px;font-weight:900}.sbf-modal-close:hover{background:var(--hover)}.sbf-form{padding:20px 22px}.sbf-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sbf-field{display:flex;flex-direction:column;gap:6px}.sbf-field.full{grid-column:span 2}.sbf-field label{color:var(--text);font-size:11px;font-weight:850}.sbf-field input,.sbf-field textarea,.sbf-field select{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2);color:var(--text);outline:none;font-family:inherit}.sbf-field input:focus,.sbf-field textarea:focus,.sbf-field select:focus{border-color:#3b82f68c;box-shadow:0 0 0 3px #3b82f61f}.sbf-field textarea{min-height:90px;resize:vertical}.sbf-selected-file{color:var(--muted);font-size:10px;font-weight:700}.sbf-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.sbf-view-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:22px}.sbf-view-item{display:flex;flex-direction:column;gap:5px;padding:13px;border:1px solid var(--border);border-radius:12px;background:var(--panel-2)}.sbf-view-item.full{grid-column:span 2}.sbf-view-item>span:first-child{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.sbf-view-item strong{color:var(--text);font-size:13px;font-weight:900}.sbf-view-box{color:var(--text);font-size:12px;line-height:1.6;font-weight:650}.sbf-attachment-row{display:flex;align-items:center;justify-content:space-between;gap:14px}[data-theme=dark] .sbf-search-btn.secondary,[data-theme=dark] .sbf-main-btn.modal-secondary,[data-theme=dark] .sbf-pager-left select,[data-theme=dark] .sbf-page-btn,[data-theme=dark] .sbf-page-current{background:#12264b;border-color:#ffffff17}[data-theme=dark] .sbf-table td{border-bottom-color:#ffffff0f}@media(max-width:1100px){.sbf-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sbf-search-panel{grid-template-columns:1fr}.sbf-result-count{text-align:left}}@media(max-width:820px){.sbf-page{padding:16px}.sbf-hero{flex-direction:column}.sbf-hero-actions{justify-content:flex-start}.sbf-search-controls{flex-wrap:wrap}.sbf-search-input{flex-basis:100%}.sbf-pager{align-items:flex-start;flex-direction:column}.sbf-form-grid,.sbf-view-grid{grid-template-columns:1fr}.sbf-field.full,.sbf-view-item.full{grid-column:span 1}}@media(max-width:560px){.sbf-summary-grid{grid-template-columns:1fr}.sbf-hero{padding:18px}.sbf-hero h1{font-size:26px}.sbf-hero-actions,.sbf-hero-actions .sbf-main-btn{width:100%}.sbf-search-btn{flex:1}.sbf-attachment-row{align-items:stretch;flex-direction:column}.sbf-modal-actions{flex-direction:column-reverse}.sbf-modal-actions .sbf-main-btn{width:100%}}.sbf-history-section{margin-top:4px}.sbf-history-box{width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--panel-2);box-sizing:border-box}.sbf-history-empty{padding:14px;color:var(--muted);font-size:12px;font-weight:700;text-align:center}.sbf-history-list{display:flex;flex-direction:column}.sbf-history-item{position:relative;display:grid;grid-template-columns:26px 1fr;gap:10px;padding:0 0 18px}.sbf-history-item:last-child{padding-bottom:0}.sbf-history-marker{position:relative;display:flex;justify-content:center}.sbf-history-marker:after{content:"";position:absolute;top:14px;bottom:-18px;width:2px;background:var(--border)}.sbf-history-item:last-child .sbf-history-marker:after{display:none}.sbf-history-marker span{position:relative;z-index:2;width:11px;height:11px;margin-top:4px;border-radius:50%;background:#3b82f6;box-shadow:0 0 0 4px #3b82f624}.sbf-history-item.approved .sbf-history-marker span{background:#10b981;box-shadow:0 0 0 4px #10b98124}.sbf-history-item.rejected .sbf-history-marker span{background:#ef4444;box-shadow:0 0 0 4px #ef444424}.sbf-history-item.created .sbf-history-marker span{background:#3b82f6}.sbf-history-content{min-width:0}.sbf-history-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.sbf-history-top strong{color:var(--text);font-size:12px;font-weight:900}.sbf-history-date{color:var(--muted);font-size:10px;font-weight:700;white-space:nowrap}.sbf-history-person{margin-top:4px;color:var(--text);font-size:12px;font-weight:850}.sbf-history-role{margin-top:2px;color:var(--muted);font-size:10px;font-weight:700}.sbf-history-remarks{margin-top:7px;padding:7px 9px;border-radius:8px;background:#3b82f612;color:var(--muted);font-size:10px;line-height:1.5;font-weight:650}@media(max-width:680px){.sbf-history-top{align-items:flex-start;flex-direction:column;gap:3px}.sbf-history-date{white-space:normal}}.sbf-employee-picker{position:relative}.sbf-employee-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:1000;max-height:260px;overflow-y:auto;background:var(--panel, #111d33);border:1px solid var(--border, #2c3c58);border-radius:10px;padding:6px;box-shadow:0 14px 35px #00000059}.sbf-employee-option{width:100%;border:0;background:transparent;color:var(--text, #fff);padding:10px 12px;border-radius:7px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;cursor:pointer;text-align:left}.sbf-employee-option:hover{background:#4069ff26}.sbf-employee-option strong{font-size:13px}.sbf-employee-option span{font-size:11px;opacity:.7}.sbf-employee-empty{padding:14px;text-align:center;font-size:12px;opacity:.7}.reports-page{min-height:100%;padding:28px;background:var(--bg);color:var(--text);display:flex;flex-direction:column;gap:20px}.reports-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.reports-title{margin:0;font-size:28px;line-height:1.1;font-weight:950;letter-spacing:-.03em;color:var(--text)}.reports-subtitle{margin:8px 0 0;font-size:13px;font-weight:650;color:var(--muted)}.reports-btn{border:1px solid var(--border);border-radius:12px;padding:10px 14px;min-height:40px;font-weight:850;cursor:pointer;background:var(--card);color:var(--text);box-shadow:0 8px 18px var(--shadow);transition:transform .15s ease,border-color .15s ease,background .15s ease}.reports-btn:hover:not(:disabled){transform:translateY(-1px);border-color:#60a5fa8c;background:#2563eb24}.reports-btn:disabled{opacity:.55;cursor:not-allowed}.reports-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.reports-stat{position:relative;min-height:116px;border:1px solid var(--border);border-radius:18px;padding:18px;background:var(--stat-bg);color:var(--text);text-align:left;box-shadow:0 16px 32px var(--shadow);overflow:hidden}.reports-stat.clickable{cursor:pointer;width:100%}.reports-stat.clickable:hover{transform:translateY(-2px);border-color:#60a5fa8c;transition:.18s ease}.reports-stat-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.reports-stat-label{font-size:12px;color:var(--blue-soft);font-weight:900;letter-spacing:.01em}.reports-stat-value{margin-top:10px;font-size:34px;line-height:1;font-weight:950;color:var(--stat-value);letter-spacing:-.04em}.reports-stat-sub{margin-top:12px;font-size:12px;color:var(--stat-sub);line-height:1.45;font-weight:650}.reports-badge{min-width:24px;height:24px;padding:0 8px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:950;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 18px #ef44444d}.reports-card{background:var(--card);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 18px 38px var(--shadow)}.reports-toolbar{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(170px,.8fr) minmax(180px,.8fr) minmax(150px,.7fr);gap:12px;padding:16px;border-bottom:1px solid var(--border);background:var(--toolbar-bg)}.reports-input,.reports-search,.reports-select{width:100%;min-height:42px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--input-bg);color:var(--text);outline:none;font-weight:700}.reports-input:focus,.reports-search:focus,.reports-select:focus{border-color:#60a5fabf;box-shadow:0 0 0 3px #3b82f629}.reports-input::placeholder,.reports-search::placeholder{color:var(--placeholder)}.reports-table-wrap{overflow:auto;max-height:calc(100vh - 350px)}.reports-table{width:100%;min-width:1040px;border-collapse:separate;border-spacing:0}.reports-table th{position:sticky;top:0;z-index:2;padding:14px;background:linear-gradient(180deg,#3168ff,#2459e8);color:#fff;font-size:12px;text-align:left;font-weight:950;letter-spacing:.01em;white-space:nowrap}.reports-table td{padding:16px 14px;text-align:left;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;font-size:13px}.reports-table tr:hover td{background:var(--row-hover)}.reports-table strong{font-weight:950;color:var(--text)}.reports-empty,.reports-empty-cell{text-align:center;padding:24px!important;color:var(--muted);font-weight:850}.reports-status{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:950;border:1px solid var(--border);background:#94a3b81f;color:var(--text);white-space:nowrap}.reports-status.pending{background:#f59e0b24;border-color:#f59e0b59;color:#f59e0b}.reports-status.approved{background:#22c55e24;border-color:#22c55e59;color:#22c55e}.reports-status.rejected{background:#ef444424;border-color:#ef444459;color:#ef4444}.reports-table td:last-child>div{gap:8px!important}.reports-table td:last-child .reports-btn{min-height:34px;padding:7px 11px;border-radius:10px;font-size:12px;box-shadow:none}.reports-modal-overlay{position:fixed;inset:0;background:#020617b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:22px;z-index:9999}.reports-modal{width:min(880px,96vw);max-height:86vh;overflow:hidden;background:var(--card);border:1px solid var(--border);border-radius:20px;box-shadow:0 28px 70px var(--shadow);display:flex;flex-direction:column}.reports-modal-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid var(--border);background:var(--toolbar-bg)}.reports-modal-title{margin:0;font-size:19px;font-weight:950;color:var(--text)}.reports-modal-close{width:38px;height:38px;border-radius:12px;border:1px solid var(--border);background:var(--input-bg);color:var(--text);font-size:18px;cursor:pointer}.reports-modal-close:hover{background:#ef444426;border-color:#ef444473}.reports-modal-body{padding:18px;overflow:auto}.reports-modal-body .reports-table{min-width:0}.reports-modal-body .reports-table th{width:180px;position:static;background:#2563eb2e;color:var(--blue-soft)}.reports-modal-body .reports-table td,.reports-modal-body .reports-table th{border-bottom:1px solid var(--border)}:root,[data-theme=dark]{--bg: #020617;--card: rgba(15, 23, 42, .94);--toolbar-bg: rgba(2, 6, 23, .24);--input-bg: rgba(15, 23, 42, .92);--text: #e5edf8;--muted: #94a3b8;--border: rgba(148, 163, 184, .18);--shadow: rgba(0, 0, 0, .24);--placeholder: rgba(203, 213, 225, .55);--row-hover: rgba(37, 99, 235, .08);--blue-soft: #93c5fd;--stat-value: #ffffff;--stat-sub: #bfd0e8;--stat-bg: radial-gradient(circle at top right, rgba(59, 130, 246, .18), transparent 34%), linear-gradient(180deg, rgba(15, 27, 48, .98), rgba(15, 23, 42, .98))}[data-theme=light]{--bg: #f8fafc;--card: #ffffff;--toolbar-bg: #f1f5f9;--input-bg: #ffffff;--text: #0f172a;--muted: #64748b;--border: rgba(15, 23, 42, .12);--shadow: rgba(15, 23, 42, .12);--placeholder: rgba(71, 85, 105, .55);--row-hover: rgba(37, 99, 235, .06);--blue-soft: #2563eb;--stat-value: #0f172a;--stat-sub: #475569;--stat-bg: radial-gradient(circle at top right, rgba(59, 130, 246, .14), transparent 34%), linear-gradient(180deg, #ffffff, #f8fafc)}@media(max-width:1180px){.reports-grid,.reports-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.reports-page{padding:16px}.reports-topbar{flex-direction:column;align-items:stretch}.reports-grid,.reports-toolbar{grid-template-columns:1fr}.reports-title{font-size:24px}.reports-table-wrap{max-height:unset}}@media print{.reports-toolbar,.reports-btn,.reports-modal-overlay{display:none!important}.reports-page{padding:0}.reports-card,.reports-stat{box-shadow:none}}.reports-profile-card{display:flex;flex-direction:column;align-items:center;margin-bottom:28px;padding:22px;border:1px solid var(--border);border-radius:22px;background:var(--stat-bg)}.reports-profile-img{width:190px;height:190px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;overflow:hidden;border:5px solid rgba(96,165,250,.75);box-shadow:0 0 42px #60a5fa59;background:var(--input-bg)}.reports-profile-name{margin-top:16px;font-size:28px;font-weight:950;text-align:center}.reports-profile-meta{margin-top:6px;color:var(--muted);font-size:14px;font-weight:800}.reports-profile-branch{margin-top:12px;padding:9px 18px;border-radius:999px;background:#3b82f629;border:1px solid rgba(96,165,250,.35);color:var(--blue-soft);font-weight:900}.reports-modal{width:min(980px,96vw)}.reports-profile-img-fallback{display:flex;align-items:center;justify-content:center;font-size:64px;font-weight:950;color:var(--blue-soft)}.ac-page{display:flex;flex-direction:column;gap:16px}.ac-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.ac-title{margin:0;font-size:24px;font-weight:900;color:var(--text)}.ac-subtitle{margin:6px 0 0;font-size:13px;color:var(--muted)}.ac-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-soft);overflow:hidden}.ac-controls{display:flex;align-items:center;gap:10px;padding:14px;flex-wrap:wrap}.ac-pill{padding:9px 12px;border-radius:999px;font-size:13px;background:var(--panel-2);color:var(--text);border:1px solid var(--border);font-weight:800}.ac-table-wrap{width:100%;overflow:auto}.ac-table{width:100%;border-collapse:collapse;min-width:760px}.ac-table thead th{background:var(--table-header);color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.5px;padding:14px 10px}.ac-table th,.ac-table td{padding:12px 10px;border-bottom:1px solid var(--border);font-size:13px;color:var(--text)}.ac-table tbody tr:hover td{background:var(--row-hover)}.ac-empty{text-align:center;padding:22px!important;color:var(--muted);font-weight:800}.ac-loading{padding:16px;color:var(--muted);font-weight:800}.ac-row-actions{display:flex;gap:8px;flex-wrap:wrap}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.strong{font-weight:900}.conso-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);font-size:14px;outline:none;transition:.2s ease;background:var(--panel-2, var(--card));color:var(--text);box-sizing:border-box}.conso-input:focus{border-color:var(--blue);box-shadow:0 0 0 2px #2d7ff926}.conso-btn{border:none;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700;transition:.2s ease;white-space:nowrap}.conso-btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.conso-btn-secondary:hover{background:var(--border)}.conso-card{margin-bottom:16px}.conso-filters-grid{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:12px;margin-bottom:16px}.conso-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:0 0 16px}.summary-card{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;min-height:74px;justify-content:center}.summary-label{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.2px}.summary-value{font-size:18px;font-weight:900;color:var(--text);line-height:1.1}.conso-search-row{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.conso-search-grow{flex:1;min-width:280px}.pill{background:#6366f126;border:1px solid rgba(99,102,241,.35);color:var(--text);padding:7px 12px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap;line-height:1}.conso-payroll-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-soft)}.conso-payroll-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border)}.conso-payroll-title{font-size:16px;font-weight:900;color:var(--text)}.conso-payroll-sub{margin-top:4px;font-size:12px;font-weight:700;color:var(--muted)}.conso-payroll-wrap{width:100%;overflow-x:auto}.conso-payroll-table{width:100%;min-width:2600px;border-collapse:collapse}.conso-payroll-table thead th{background:var(--table-header);color:#fff;font-size:12px;font-weight:900;text-transform:uppercase;padding:10px 8px;border-bottom:1px solid var(--border);text-align:center;white-space:nowrap}.conso-payroll-table tbody td{padding:11px 8px;border-bottom:1px solid var(--border);font-size:13px;font-weight:700;color:var(--text);text-align:center;white-space:nowrap}.conso-payroll-table tbody tr:nth-child(2n) td{background:var(--panel-2)}.conso-payroll-table tbody tr:hover td{background:var(--row-hover)}.conso-payroll-table .td-strong{font-weight:900}.conso-total-row td{background:var(--panel-2);font-weight:900}.conso-payroll-tip{padding:10px 14px;font-size:12px;font-weight:700;color:var(--muted)}@media(max-width:1300px){.conso-filters-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}}@media(max-width:1100px){.conso-filters-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.conso-summary{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media(max-width:680px){.conso-filters-grid{grid-template-columns:1fr}.conso-search-row{flex-direction:column;align-items:stretch}.conso-search-grow{min-width:100%}.pill{width:fit-content}.summary-value{font-size:16px}}@media print{html,body,#root{width:100%;height:auto;overflow:visible!important;background:#fff!important}.sidebar,.topbar,.sys-header,.conso-filters-grid,.conso-search-row,.exit-pager,button{display:none!important}.sys-page,.sys-card,.conso-card,.sys-card-body,.conso-payroll-wrap{display:block!important;overflow:visible!important;width:100%!important;background:#fff!important;box-shadow:none!important;border:none!important;margin:0!important;padding:0!important}.conso-payroll-table{width:max-content!important;min-width:2600px!important;border-collapse:collapse!important;font-size:7px!important;transform:scale(.45);transform-origin:top left}.conso-payroll-table th,.conso-payroll-table td{border:1px solid #000!important;color:#000!important;background:#fff!important;padding:4px}@page{size:A4 landscape;margin:5mm}}.conso-payroll-table tbody tr.conso-inactive-row td{background:#f6ff00!important;color:#000!important}.conso-payroll-table tbody tr.conso-inactive-row:hover td{background:#f6ff00!important}.tax-grid{display:grid;gap:18px}.tax-card{cursor:default}.tax-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tax-span-3{grid-column:span 3}.tax-label{display:block;margin-bottom:6px;font-size:13px;font-weight:700;color:var(--muted)}.tax-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--text);outline:none}.tax-input:focus{border-color:var(--blue);box-shadow:0 0 0 2px #2d7ff924}.tax-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tax-result-item{border:1px solid var(--border);border-radius:12px;padding:14px;background:var(--card);display:flex;flex-direction:column;gap:6px}.tax-result-label{font-size:12px;color:var(--muted);font-weight:700}.tax-result-highlight{border-color:var(--blue)}.tax-result-tax{border-color:var(--green)}.tax-reference ul{margin:10px 0 0 18px}.tax-btn{border:none;padding:10px 14px;border-radius:8px;cursor:pointer;font-weight:600;transition:.2s ease}.tax-btn-secondary{background:var(--card);color:var(--text);border:1px solid var(--border)}.tax-btn-secondary:hover{background:#0000000a}.dash[data-theme=dark] .tax-btn-secondary:hover{background:#ffffff0f}@media(max-width:900px){.tax-form-grid,.tax-result-grid{grid-template-columns:1fr}.tax-span-3{grid-column:span 1}}.tax-input:disabled{opacity:.8;cursor:not-allowed}.logistic-history-modal{max-width:900px;width:min(900px,96vw)}.logistic-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin-bottom:16px;font-size:13px;color:var(--text)}.tracking-timeline{display:flex;flex-direction:column;gap:18px;padding:10px 2px}.tracking-item{display:grid;grid-template-columns:160px 34px 1fr;gap:10px;align-items:flex-start}.tracking-left{padding-top:1px}.tracking-time{font-size:12px;font-weight:700;color:var(--muted)}.tracking-center{display:flex;flex-direction:column;align-items:center;min-height:64px}.tracking-dot{width:14px;height:14px;border-radius:999px;background:var(--primary);flex:0 0 auto}.tracking-line{width:2px;flex:1;background:var(--border);margin-top:4px}.tracking-right{padding-bottom:6px}.tracking-status{font-size:14px;font-weight:900;color:var(--text)}.tracking-location,.tracking-remarks,.tracking-updated-by{margin-top:4px;font-size:12px;color:var(--muted)}@media(max-width:700px){.logistic-summary{grid-template-columns:1fr}.tracking-item{grid-template-columns:1fr 24px 1fr}.tracking-time{font-size:11px}}.dc-block{margin-bottom:18px}.dc-section-title{margin:18px 0 10px;padding:10px 14px;border-radius:12px;background:#f5ea00;color:#111827;font-size:16px;font-weight:900;text-align:center}.dc-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:14px}.dc-table{width:100%;min-width:920px;border-collapse:collapse;background:var(--panel)}.dc-table.dc-table-small{min-width:640px}.dc-table th{background:var(--table-header);color:#fff;padding:12px 10px;border-bottom:1px solid var(--border);font-size:12px;font-weight:900;text-transform:uppercase;text-align:center}.dc-table td{padding:11px 10px;border-bottom:1px solid var(--border);font-size:13px;font-weight:700;color:var(--text);text-align:center}.dc-table tbody tr:nth-child(2n){background:var(--panel-2)}.dc-table tbody tr:hover{background:var(--row-hover)}.dc-strong{font-weight:900}.dc-total{color:#ef4444;font-weight:900}.pgr-page{display:flex;flex-direction:column;gap:18px;color:var(--text)}.pgr-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.pgr-title{margin:0;font-size:24px;font-weight:900}.pgr-subtitle{margin:6px 0 0;font-size:13px;color:var(--muted);font-weight:600}.pgr-export-btn{border:0;border-radius:10px;padding:10px 16px;background:#4f46e5;color:#fff;font-weight:800;cursor:pointer}.pgr-filter-card{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px}.pgr-filter-group{display:flex;flex-direction:column;gap:6px;min-width:180px}.pgr-filter-grow{flex:1;min-width:280px}.pgr-filter-group label{font-size:12px;font-weight:800;color:var(--muted)}.pgr-filter-group input,.pgr-filter-group select{width:100%;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:9px;padding:10px 12px;outline:none}.pgr-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden}.pgr-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border)}.pgr-card-head h3{margin:0;font-size:15px;font-weight:900}.pgr-card-head span,.pgr-count{font-size:12px;color:var(--muted)}.pgr-table-wrap{overflow-x:auto}.pgr-table{width:100%;min-width:1100px;border-collapse:collapse}.pgr-table th{background:#3168f5;color:#fff;text-align:left;font-size:12px;font-weight:900;padding:11px 12px;white-space:nowrap}.pgr-table td{padding:12px;border-bottom:1px solid var(--border);font-size:13px}.pgr-table tbody tr:hover{background:var(--hover)}.pgr-name{font-weight:800}.pgr-num{text-align:right;white-space:nowrap}.pgr-strong{font-weight:900}.pgr-status{display:inline-flex;align-items:center;justify-content:center;min-width:80px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900}.pgr-status.pending{background:#f59e0b26;color:#f59e0b}.pgr-status.remitted{background:#10b98126;color:#10b981}.pgr-action-btn{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:8px;padding:7px 10px;font-size:11px;font-weight:800;cursor:pointer}.pgr-action-btn:hover:not(:disabled){background:var(--hover)}.pgr-action-btn.disabled{opacity:.5;cursor:not-allowed}.pgr-table tfoot td{font-weight:900;background:var(--hover);border-top:1px solid var(--border)}.pgr-empty{text-align:center;padding:28px!important;color:var(--muted)}.reg-page{--bg: #071226;--card: #0f1d3a;--card-2: #132548;--text: #f8fbff;--muted: #9fb0d1;--border: rgba(255, 255, 255, .08);--shadow: 0 12px 35px rgba(0, 0, 0, .28);--primary: #4f6bff;--primary-dark: #3f59eb;--success: #22c55e;--danger: #ef4444;--warning: #f59e0b;min-height:100vh;background:var(--bg);color:var(--text);padding:18px}.reg-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.reg-title{margin:0;font-size:28px;font-weight:800;letter-spacing:-.02em;color:var(--text)}.reg-subtitle{margin:6px 0 0;color:var(--muted);font-size:14px}.reg-topbar-actions{display:flex;gap:10px;flex-wrap:wrap}.reg-btn{border:0;outline:none;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .15s ease,opacity .15s ease,background .15s ease}.reg-btn:hover{transform:translateY(-1px)}.reg-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.reg-btn-primary{background:var(--primary);color:#fff}.reg-btn-primary:hover{background:var(--primary-dark)}.reg-btn-outline{background:#ffffff0d;color:var(--text);border:1px solid var(--border)}.reg-btn-outline:hover{background:#ffffff14}.reg-card{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.reg-table-wrap{width:100%;overflow:auto}.reg-table{width:100%;min-width:1200px;border-collapse:collapse;color:var(--text)}.reg-table thead th{background:#1d3f92;color:#fff;font-size:13px;font-weight:800;text-align:left;padding:14px 12px;border-bottom:1px solid var(--border);white-space:nowrap}.reg-table tbody td{padding:13px 12px;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px;vertical-align:middle;color:var(--text)}.reg-table tbody tr{background:transparent}.reg-table tbody tr:hover{background:#4f6bff14}.reg-empty{text-align:center;color:var(--muted);padding:28px 12px!important;font-weight:600}.reg-badge{display:inline-flex;align-items:center;justify-content:center;min-width:86px;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800}.reg-pending{background:#f59e0b29;color:#fbbf24}.reg-approved{background:#22c55e24;color:#4ade80}.reg-rejected{background:#ef444429;color:#f87171}.reg-row-actions{display:flex;gap:8px;flex-wrap:wrap}.reg-mini-btn{border:0;border-radius:10px;padding:7px 10px;font-size:12px;font-weight:700;cursor:pointer}.reg-mini-btn:hover{opacity:.92}.reg-approve{background:#22c55e26;color:#4ade80}.reg-reject{background:#ef444426;color:#f87171}.reg-download{background:#4f6bff26;color:#9db0ff}.reg-modal-overlay{position:fixed;inset:0;background:#020617ad;display:flex;align-items:center;justify-content:center;padding:18px;z-index:9999}.reg-modal{width:min(1100px,100%);max-height:92vh;overflow:auto;background:var(--card);border-radius:20px;border:1px solid var(--border);box-shadow:0 24px 80px #0000006b}.reg-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--card);z-index:2}.reg-modal-title{margin:0;font-size:20px;font-weight:800;color:var(--text)}.reg-x{border:0;background:#ffffff0f;color:var(--text);width:38px;height:38px;border-radius:10px;cursor:pointer;font-size:18px;font-weight:800}.reg-x:hover{background:#ffffff1a}.reg-form{padding:18px 20px 20px}.reg-field{display:flex;flex-direction:column;gap:7px;position:relative}.reg-field.full{grid-column:1 / -1}.reg-field label{font-size:13px;font-weight:800;color:#dbe7ff}.reg-field input,.reg-field select,.reg-field textarea{width:100%;min-height:44px;border:1px solid rgba(255,255,255,.1);background:var(--card-2);border-radius:12px;padding:11px 12px;font-size:14px;color:var(--text);outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.reg-field textarea{min-height:110px;resize:vertical}.reg-field input:focus,.reg-field select:focus,.reg-field textarea:focus{border-color:#4f6bffbf;box-shadow:0 0 0 3px #4f6bff2e}.reg-field input[readonly]{background:#ffffff0a;color:#dbe7ff;font-weight:600}.reg-field input[type=file]{padding:9px 10px}.reg-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;flex-wrap:wrap}.reg-search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:320px;overflow-y:auto;background:var(--card);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 16px 40px #00000059;z-index:99999}.reg-search-item{width:100%;text-align:left;padding:11px 12px;border:0;border-bottom:1px solid rgba(255,255,255,.06);background:transparent;cursor:pointer;font-size:14px;color:var(--text)}.reg-search-item:last-child{border-bottom:0}.reg-search-item:hover{background:#4f6bff14}.reg-search-empty{padding:12px;color:var(--muted);font-size:14px}@media(max-width:860px){.reg-grid{grid-template-columns:1fr}.reg-topbar{flex-direction:column;align-items:stretch}.reg-topbar-actions,.reg-btn{width:100%}.reg-row-actions{flex-direction:column}}.reg-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;border-bottom:1px solid rgba(255,255,255,.08)}.reg-toolbar-left{display:flex;align-items:center;gap:10px}.reg-search-main{width:360px;max-width:100%;min-height:42px;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#081224;color:#fff;font-weight:700}.reg-page-size{width:90px;min-height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#081224;color:#fff;font-weight:800;padding:10px}.reg-toolbar-count{padding:8px 12px;border-radius:999px;background:#3b82f624;border:1px solid rgba(96,165,250,.25);color:#bfdbfe;font-size:12px;font-weight:900}.reg-pager{display:flex;justify-content:space-between;align-items:center;padding:16px;border-top:1px solid rgba(255,255,255,.08)}.reg-page-info{font-size:13px;font-weight:900;color:#fff}.reg-page-buttons{display:flex;gap:10px}.reg-page-buttons button{min-width:100px;min-height:40px;border:none;border-radius:12px;background:#13203a;color:#fff;font-weight:900;cursor:pointer}.reg-page-buttons button:hover:not(:disabled){background:#1d4ed8}.reg-page-buttons button:disabled{opacity:.45;cursor:not-allowed}.reg-search-dropdown{max-height:320px}.reg-field{position:relative}.reg-search-dropdown{max-height:320px;overflow-y:auto;z-index:99999}.reg-modal .reg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reg-modal .reg-field.full{grid-column:1 / -1}.reg-download{background:#4f6bff26;color:#9db0ff;border:1px solid rgba(157,176,255,.25);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.reg-page{display:flex;flex-direction:column;gap:12px;width:100%;max-width:100%;padding:0;box-sizing:border-box;color:var(--text)}.reg-hero{margin:0}.reg-hero-main{position:relative;overflow:hidden;display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding:24px;border:1px solid rgba(96,165,250,.2);border-radius:18px;background:radial-gradient(circle at top right,rgba(79,70,229,.3),transparent 35%),linear-gradient(135deg,#101f3a,#0b172d);box-shadow:0 18px 45px #00000038}.reg-hero-main:after{content:"";position:absolute;top:-75px;right:-45px;width:210px;height:210px;border:30px solid rgba(96,165,250,.05);border-radius:50%;pointer-events:none}.reg-hero-copy{position:relative;z-index:1;min-width:0;max-width:760px}.reg-eyebrow{display:block;margin-bottom:8px;color:#60a5fa;font-size:11px;font-weight:900;letter-spacing:.12em}.reg-hero h1{margin:0;color:#f8fafc;font-size:clamp(24px,3vw,34px);line-height:1.12;font-weight:950;letter-spacing:-.025em}.reg-hero p{max-width:700px;margin:10px 0 0;color:#9fb0c9;font-size:13px;line-height:1.65;font-weight:650}.reg-flow{display:inline-flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px;padding:9px 12px;border:1px solid rgba(96,165,250,.18);border-radius:10px;background:#02061757}.reg-flow span{color:#7dd3fc;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.reg-flow b{color:#dbeafe;font-size:11px;font-weight:850}.reg-hero-actions{position:relative;z-index:1;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}.reg-btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border-radius:10px;font-family:inherit;font-size:12px;font-weight:900;cursor:pointer;transition:.15s ease}.reg-btn:hover:not(:disabled){transform:translateY(-1px)}.reg-btn-secondary{border:1px solid rgba(148,163,184,.35);background:#0206176b;color:#f8fafc}.reg-btn-secondary:hover:not(:disabled){background:#1e293bcc}.reg-btn-primary{border:1px solid transparent;background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff}.reg-btn-primary:hover:not(:disabled){filter:brightness(1.08)}.reg-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.reg-summary-card{min-width:0;min-height:112px;display:flex;align-items:center;gap:14px;padding:17px;border:1px solid var(--border);border-radius:16px;background:var(--panel);color:var(--text);box-shadow:var(--shadow-soft)}.reg-summary-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:14px;font-size:10px;font-weight:950}.reg-summary-card>div:last-child{display:flex;flex-direction:column;min-width:0}.reg-summary-card span{color:var(--muted);font-size:11px;font-weight:800}.reg-summary-card strong{margin-top:4px;color:var(--text);font-size:28px;line-height:1;font-weight:950}.reg-summary-card small{margin-top:7px;color:var(--muted);font-size:10px;font-weight:650}.reg-summary-total{border-color:#3b82f6ad}.reg-summary-total .reg-summary-icon{background:#3b82f624;color:#3b82f6}.reg-summary-pending .reg-summary-icon{background:#f59e0b24;color:#f59e0b}.reg-summary-approved .reg-summary-icon{background:#10b98124;color:#10b981}.reg-summary-rejected .reg-summary-icon{background:#ef444424;color:#ef4444}.reg-error{padding:10px 14px;border:1px solid rgba(239,68,68,.3);border-radius:12px;background:#ef44441a;color:#ef4444;font-size:12px;font-weight:900}.reg-search-panel{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:14px 16px;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:#0f172aeb}.reg-search-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1;min-width:0}.reg-search-input{min-width:320px;min-height:40px;padding:10px 14px;border-radius:12px;border:1px solid rgba(148,163,184,.22);background:#02061780;color:#e5edf8;font-family:inherit;font-size:12px;font-weight:800;outline:none}.reg-search-input::placeholder{color:#77879f}.reg-search-input:focus{border-color:#60a5fab3;box-shadow:0 0 0 3px #3b82f629}.reg-result-count{padding:8px 12px;border-radius:999px;background:#4f46e529;border:1px solid rgba(99,102,241,.24);color:#c7d2fe;font-size:12px;font-weight:950}.reg-list-card{display:flex;flex-direction:column;gap:14px;width:100%}.reg-table-wrap{width:100%;max-height:520px;overflow:auto;border:1px solid var(--border);border-radius:14px;background:var(--panel);box-shadow:var(--shadow-soft)}.reg-table{width:100%;min-width:1350px;border-collapse:collapse}.reg-table th{position:sticky;top:0;z-index:2;padding:12px 10px;background:var(--table-header);color:#fff;text-align:left;white-space:nowrap;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.4px}.reg-table td{padding:9px 10px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:top;font-size:11px}.reg-table tbody tr:hover{background:var(--row-hover)}.reg-empty{padding:30px!important;text-align:center;color:var(--muted)!important;font-weight:800}.reg-request-no,.reg-employee-name{font-weight:900}.reg-sub-info{margin-top:2px;color:var(--muted);font-size:10px;font-weight:650}.reg-stage{font-size:11px;font-weight:800;color:var(--muted)}.reg-page .badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:900;border:1px solid transparent;white-space:nowrap}.reg-page .badge-approved{background:#10b98126;color:#10b981;border-color:#10b98159}.reg-page .badge-rejected{background:#ef444426;color:#ef4444;border-color:#ef444459}.reg-page .badge-pending{background:#f59e0b26;color:#f59e0b;border-color:#f59e0b59}.reg-table th:last-child,.reg-table td:last-child{width:125px;min-width:125px;text-align:center}.reg-row-actions{display:flex;flex-direction:column;align-items:center;gap:5px;width:115px;margin:0 auto}.reg-action-btn{width:110px;min-height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;border-radius:10px;font-size:10px;font-weight:800;cursor:pointer;transition:.15s ease;white-space:nowrap;text-decoration:none}.reg-action-btn:hover:not(:disabled){transform:translateY(-1px)}.reg-action-btn:disabled{opacity:.4;cursor:not-allowed}.reg-action-view{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.reg-action-download{background:#3b82f624;color:#3b82f6;border:1px solid rgba(59,130,246,.35)}.reg-action-upload{background:#7c3aed24;color:#8b5cf6;border:1px solid rgba(124,58,237,.35)}.reg-action-approve{background:#10b98124;color:#10b981;border:1px solid rgba(16,185,129,.35)}.reg-action-reject{background:#ef444424;color:#ef4444;border:1px solid rgba(239,68,68,.35)}.reg-action-delete{background:#6b728024;color:#9ca3af;border:1px solid rgba(107,114,128,.35)}.reg-action-download:hover{background:#3b82f6;color:#fff}.reg-action-upload:hover{background:#7c3aed;color:#fff}.reg-action-approve:hover{background:#10b981;color:#fff}.reg-action-reject:hover{background:#ef4444;color:#fff}.reg-action-delete:hover{background:#6b7280;color:#fff}.reg-pager{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:var(--panel);box-shadow:var(--shadow-soft);flex-wrap:wrap}.reg-pager-left,.reg-pager-right{display:flex;align-items:center;gap:8px}.reg-pager-left span,.reg-page-summary{font-size:12px;font-weight:900;color:var(--muted)}.reg-pager select{height:36px;min-width:74px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:0 34px 0 14px;font-weight:900}.reg-page-btn,.reg-page-number{min-width:36px;height:36px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-weight:900;cursor:pointer}.reg-page-btn:disabled{opacity:.35;cursor:not-allowed}.reg-page-number.active{background:var(--primary);border-color:var(--primary);color:#fff}.reg-modal-overlay{position:fixed;inset:0;background:#020617b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:22px;z-index:9999}.reg-modal{width:min(1050px,96vw);max-height:90vh;background:var(--panel);border:1px solid var(--border);border-radius:20px;box-shadow:0 28px 70px #00000073;overflow:hidden;display:flex;flex-direction:column}.reg-modal-head{padding:18px 20px;display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--border)}.reg-modal-title{margin:0;font-size:20px;font-weight:950;color:var(--text)}.reg-x{width:38px;height:38px;border-radius:12px;background:var(--panel-2);border:1px solid var(--border);color:var(--text);cursor:pointer;font-weight:950}.reg-form{padding:16px;overflow:auto}.reg-field{display:flex;flex-direction:column;gap:7px}.reg-field.full{grid-column:span 2}.reg-field label{font-size:12px;font-weight:900;color:#2563eb}.reg-field input,.reg-field textarea,.reg-field select{min-height:42px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);outline:none;font-weight:750}.reg-field textarea{min-height:92px;resize:vertical}.reg-modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:14px;border-top:1px solid var(--border);margin-top:14px}[data-theme=light] .reg-search-panel{background:#fff}[data-theme=light] .reg-search-input{background:#fff;color:#0f172a}[data-theme=dark] .reg-summary-card,[data-theme=dark] .reg-table-wrap,[data-theme=dark] .reg-pager{border-color:#ffffff17}@media(max-width:1100px){.reg-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reg-hero-main{flex-direction:column}.reg-hero-actions{justify-content:flex-start}}@media(max-width:768px){.reg-summary-grid{grid-template-columns:1fr}.reg-search-panel,.reg-pager,.reg-search-controls{align-items:stretch;flex-direction:column}.reg-search-input{width:100%;min-width:0}.reg-hero-actions{display:grid;grid-template-columns:1fr;width:100%}.reg-btn{width:100%}.reg-grid{grid-template-columns:1fr}.reg-field.full{grid-column:span 1}}.reg-approval-history{display:flex;flex-direction:column;gap:10px;margin-top:8px}.reg-approval-history-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--panel)}.reg-approval-history-step{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#16a34a;color:#fff;font-size:13px;font-weight:800}.reg-approval-history-info{min-width:0;display:flex;flex-direction:column;gap:3px}.reg-approval-history-info strong{color:var(--text);font-size:13px;font-weight:800}.reg-approval-history-info span{color:var(--text);font-size:12px}.reg-approval-history-info small{color:var(--muted);font-size:11px}.reg-approval-history-status{padding:5px 9px;border-radius:999px;background:#16a34a1f;color:#16a34a;font-size:11px;font-weight:800;white-space:nowrap}.reg-approval-empty{margin-top:8px;padding:14px;border:1px dashed var(--border);border-radius:10px;color:var(--muted);font-size:12px;text-align:center}@media(max-width:640px){.reg-approval-history-item{grid-template-columns:34px minmax(0,1fr)}.reg-approval-history-status{grid-column:2;width:fit-content}}.or-page{display:flex;flex-direction:column;gap:12px;width:100%;max-width:100%;padding:0;box-sizing:border-box;color:var(--text)}.or-hero{margin:0}.or-hero-main{position:relative;overflow:hidden;display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding:24px;border:1px solid rgba(96,165,250,.2);border-radius:18px;background:radial-gradient(circle at top right,rgba(79,70,229,.3),transparent 35%),linear-gradient(135deg,#101f3a,#0b172d);box-shadow:0 18px 45px #00000038}.or-hero-main:after{content:"";position:absolute;top:-75px;right:-45px;width:210px;height:210px;border:30px solid rgba(96,165,250,.05);border-radius:50%;pointer-events:none}.or-hero-copy{position:relative;z-index:1;min-width:0;max-width:760px}.or-eyebrow{display:block;margin-bottom:8px;color:#60a5fa;font-size:11px;font-weight:900;letter-spacing:.12em}.or-hero h1{margin:0;color:#f8fafc;font-size:clamp(24px,3vw,34px);line-height:1.12;font-weight:950;letter-spacing:-.025em}.or-hero p{max-width:680px;margin:10px 0 0;color:#9fb0c9;font-size:13px;line-height:1.65;font-weight:650}.or-flow{display:inline-flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px;padding:9px 12px;border:1px solid rgba(96,165,250,.18);border-radius:10px;background:#02061757}.or-flow span{color:#7dd3fc;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.or-flow b{color:#dbeafe;font-size:11px;font-weight:850}.or-hero-actions{position:relative;z-index:1;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}.or-btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border-radius:10px;font-family:inherit;font-size:12px;font-weight:900;cursor:pointer;transition:.15s ease}.or-btn:hover:not(:disabled){transform:translateY(-1px)}.or-btn:disabled{opacity:.55;cursor:not-allowed}.or-btn-secondary{border:1px solid rgba(148,163,184,.35);background:#0206176b;color:#f8fafc}.or-btn-secondary:hover:not(:disabled){background:#1e293bcc}.or-btn-primary{border:1px solid transparent;background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff}.or-btn-primary:hover:not(:disabled){filter:brightness(1.08)}.or-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.or-summary-card{min-width:0;min-height:112px;display:flex;align-items:center;gap:14px;padding:17px;border:1px solid var(--border);border-radius:16px;background:var(--panel);color:var(--text);box-shadow:var(--shadow-soft)}.or-summary-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:14px;font-size:10px;font-weight:950}.or-summary-card>div:last-child{display:flex;flex-direction:column;min-width:0}.or-summary-card span{color:var(--muted);font-size:11px;font-weight:800}.or-summary-card strong{margin-top:4px;color:var(--text);font-size:28px;line-height:1;font-weight:950}.or-summary-card small{margin-top:7px;color:var(--muted);font-size:10px;font-weight:650}.or-summary-total{border-color:#3b82f6ad}.or-summary-total .or-summary-icon{background:#3b82f624;color:#3b82f6}.or-summary-pending .or-summary-icon{background:#f59e0b24;color:#f59e0b}.or-summary-approved .or-summary-icon{background:#10b98124;color:#10b981}.or-summary-closed .or-summary-icon{background:#ef444424;color:#ef4444}.or-search-panel{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:14px 16px;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:#0f172aeb}.or-search-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1;min-width:0}.or-search-input{min-width:320px;min-height:40px;padding:10px 14px;border-radius:12px;border:1px solid rgba(148,163,184,.22);background:#02061780;color:#e5edf8;font-family:inherit;font-size:12px;font-weight:800;outline:none}.or-search-input::placeholder{color:#77879f}.or-search-input:focus{border-color:#60a5fab3;box-shadow:0 0 0 3px #3b82f629}.or-result-count{padding:8px 12px;border-radius:999px;background:#4f46e529;border:1px solid rgba(99,102,241,.24);color:#c7d2fe;font-size:12px;font-weight:950}.or-list-card{display:flex;flex-direction:column;gap:14px;width:100%;max-width:100%}.or-table-wrap{width:100%;max-height:520px;overflow:auto;border:1px solid var(--border);border-radius:14px;background:var(--panel);box-shadow:var(--shadow-soft)}.or-table{width:100%;min-width:1150px;border-collapse:collapse;table-layout:auto}.or-table thead th{position:sticky;top:0;z-index:2;padding:12px 10px;background:var(--table-header);color:#fff;text-align:left;white-space:nowrap;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.5px}.or-table td{padding:8px 10px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:top;font-size:11px}.or-table tbody tr:hover{background:var(--row-hover)}.or-employee-no,.or-employee-name,.or-amount{font-weight:900}.or-amount{white-space:nowrap}.or-sub-info{margin-top:2px;color:var(--muted);font-size:10px;line-height:1.25;font-weight:650}.or-date-cell{min-width:175px;font-size:10px;line-height:1.55}.or-empty{padding:30px!important;color:var(--muted)!important;text-align:center;font-weight:800}.or-table th:last-child,.or-table td:last-child{width:125px;min-width:125px;text-align:center}.or-row-actions{display:flex;flex-direction:column;align-items:center;gap:5px;width:115px;margin:0 auto}.or-action-btn{width:108px;min-height:30px;padding:0 8px;border-radius:10px;font-size:11px;font-weight:800;cursor:pointer;transition:.15s ease;white-space:nowrap}.or-action-btn:hover:not(:disabled){transform:translateY(-1px)}.or-action-btn:disabled{opacity:.5;cursor:not-allowed}.or-action-view{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.or-action-view:hover:not(:disabled){background:var(--row-hover)}.or-action-approve{background:#10b98124;color:#10b981;border:1px solid rgba(16,185,129,.35)}.or-action-approve:hover:not(:disabled){background:#10b981;color:#fff}.or-action-bypass{background:#0ea5e924;color:#38bdf8;border:1px solid rgba(14,165,233,.35)}.or-action-bypass:hover:not(:disabled){background:#0284c7;color:#fff}.or-action-reject{background:#ef444424;color:#ef4444;border:1px solid rgba(239,68,68,.35)}.or-action-reject:hover:not(:disabled){background:#ef4444;color:#fff}.or-action-download{background:#3b82f624;color:#3b82f6;border:1px solid rgba(59,130,246,.35)}.or-action-download:hover:not(:disabled){background:#3b82f6;color:#fff}.or-action-delete{background:#6b728024;color:#9ca3af;border:1px solid rgba(107,114,128,.35)}.or-action-delete:hover:not(:disabled){background:#6b7280;color:#fff}.or-page .badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid transparent;white-space:nowrap}.or-page .badge-approved{background:#10b98126;color:#10b981;border-color:#10b98159}.or-page .badge-rejected{background:#ef444426;color:#ef4444;border-color:#ef444459}.or-page .badge-pending{background:#f59e0b26;color:#f59e0b;border-color:#f59e0b59}.or-pager{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:var(--panel);box-shadow:var(--shadow-soft);flex-wrap:wrap}.or-pager-left,.or-pager-right{display:flex;align-items:center;gap:8px}.or-pager-left span,.or-page-summary{font-size:12px;font-weight:900;color:var(--muted)}.or-pager select{height:36px;min-width:74px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:0 34px 0 14px;font-weight:900;outline:none;cursor:pointer}.or-pager select option{background:var(--panel);color:var(--text)}.or-page-btn,.or-page-number{min-width:36px;height:36px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-weight:900;cursor:pointer;transition:.15s ease}.or-page-btn:hover:not(:disabled),.or-page-number:hover{background:color-mix(in srgb,var(--primary) 18%,transparent);border-color:color-mix(in srgb,var(--primary) 45%,var(--border))}.or-page-number.active{background:var(--primary);border-color:var(--primary);color:#fff}.or-page-btn:disabled{opacity:.35;cursor:not-allowed}.or-create-modal,.or-view-modal{width:min(920px,96vw);max-height:92vh;overflow-y:auto}.or-view-status{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--panel-2)}.or-view-status strong{color:var(--text);font-size:14px;font-weight:900}.or-view-file-row{display:flex;align-items:center;gap:10px;min-height:38px}.reg-modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#00000094}@supports (backdrop-filter:blur(8px)){.reg-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.reg-modal{width:min(900px,96vw);max-height:92vh;overflow:auto;padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--panel);color:var(--text);box-shadow:var(--shadow)}.reg-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid var(--border)}.reg-modal-title{margin:0;color:var(--text);font-size:18px;font-weight:900}.reg-subtitle{margin-top:5px;color:var(--muted);font-size:12px;font-weight:700}.reg-x{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer}.reg-form{display:block}.reg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.reg-field{display:flex;flex-direction:column;gap:6px;min-width:0}.reg-field.full{grid-column:1/-1}.reg-field label{color:var(--muted);font-size:12px;font-weight:850}.reg-field input,.reg-field textarea,.reg-field select{width:100%;min-width:0;box-sizing:border-box;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--panel-2);color:var(--text);font-family:inherit;font-size:13px;font-weight:700;outline:none}.reg-field textarea{min-height:95px;resize:vertical}.reg-field input:focus,.reg-field textarea:focus,.reg-field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.reg-search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:50;max-height:240px;overflow-y:auto;border:1px solid var(--border);border-radius:12px;background:var(--panel);box-shadow:var(--shadow-soft)}.reg-search-item{width:100%;padding:10px 12px;border:none;border-bottom:1px solid var(--border);background:transparent;color:var(--text);text-align:left;font-size:12px;font-weight:750;cursor:pointer}.reg-search-item:last-child{border-bottom:none}.reg-search-item:hover{background:var(--row-hover)}.reg-search-empty{padding:12px;color:var(--muted);font-size:12px;font-weight:700}.reg-modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:16px}.reg-btn{min-height:38px;padding:9px 15px;border-radius:10px;font-family:inherit;font-size:12px;font-weight:900;cursor:pointer;transition:.15s ease}.reg-btn:disabled{opacity:.55;cursor:not-allowed}.reg-btn-outline{border:1px solid var(--border);background:var(--panel-2);color:var(--text)}.reg-btn-outline:hover:not(:disabled){background:var(--row-hover)}.reg-btn-primary{border:1px solid transparent;background:var(--primary);color:#fff}.reg-btn-primary:hover:not(:disabled){background:var(--primary-hover)}[data-theme=light] .or-search-panel{background:#fff}[data-theme=light] .or-search-input{background:#fff;color:#0f172a;border-color:#0f172a29}[data-theme=light] .or-result-count{background:#4f46e514;color:#4338ca}[data-theme=light] .reg-modal{background:#fff}[data-theme=light] .reg-field input,[data-theme=light] .reg-field textarea,[data-theme=light] .reg-field select{background:#fff;color:#0f172a;border-color:#0f172a2e}[data-theme=light] .reg-field input[readonly],[data-theme=light] .reg-field textarea[readonly]{color:#0f172a;-webkit-text-fill-color:#0f172a;opacity:1}[data-theme=light] .reg-search-dropdown{background:#fff}[data-theme=dark] .or-summary-card,[data-theme=dark] .or-table-wrap,[data-theme=dark] .or-pager{border-color:#ffffff17}[data-theme=dark] .or-table td{border-bottom-color:#ffffff0f}[data-theme=dark] .or-pager select{color-scheme:dark}[data-theme=dark] .or-pager select option{background:#0f172a;color:#fff}[data-theme=dark] .reg-modal{background:#0b152b;border-color:#ffffff1a}[data-theme=dark] .reg-search-dropdown{background:#0f1f3d;border-color:#ffffff1a}@media(max-width:1100px){.or-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.or-hero-main{flex-direction:column}.or-hero-actions{justify-content:flex-start}}@media(max-width:768px){.or-summary-grid{grid-template-columns:1fr}.or-search-panel,.or-pager,.or-search-controls{align-items:stretch;flex-direction:column}.or-search-input{width:100%;min-width:0}.or-hero-actions{display:grid;grid-template-columns:1fr;width:100%}.or-btn{width:100%}.reg-grid{grid-template-columns:1fr}.reg-field.full{grid-column:auto}.reg-modal-actions{flex-direction:column}.reg-modal-actions .reg-btn{width:100%}}.board-page{display:flex;flex-direction:column;gap:12px;width:100%;max-width:100%;padding:0;box-sizing:border-box;color:var(--text)}.board-hero{margin-bottom:0}.board-hero-main{position:relative;overflow:hidden;display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding:24px;border:1px solid rgba(96,165,250,.2);border-radius:18px;background:radial-gradient(circle at top right,rgba(79,70,229,.3),transparent 35%),linear-gradient(135deg,#101f3a,#0b172d);box-shadow:0 18px 45px #00000038}.board-hero-main:after{content:"";position:absolute;top:-75px;right:-45px;width:210px;height:210px;border:30px solid rgba(96,165,250,.05);border-radius:50%;pointer-events:none}.board-hero-copy{position:relative;z-index:1;min-width:0;max-width:760px}.board-eyebrow{display:block;margin-bottom:8px;color:#60a5fa;font-size:11px;font-weight:900;letter-spacing:.12em}.board-hero h1{margin:0;color:#f8fafc;font-size:clamp(24px,3vw,34px);line-height:1.12;font-weight:950;letter-spacing:-.025em}.board-hero p{max-width:680px;margin:10px 0 0;color:#9fb0c9;font-size:13px;line-height:1.65;font-weight:650}.board-flow{display:inline-flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px;padding:9px 12px;border:1px solid rgba(96,165,250,.18);border-radius:10px;background:#02061757}.board-flow span{color:#7dd3fc;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.board-flow b{color:#dbeafe;font-size:11px;font-weight:850}.board-hero-actions{position:relative;z-index:1;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}.board-btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border-radius:10px;font-family:inherit;font-size:12px;font-weight:900;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.board-btn:disabled{opacity:.55;cursor:not-allowed}.board-btn:hover:not(:disabled){transform:translateY(-1px)}.board-btn-secondary{border:1px solid rgba(148,163,184,.35);background:#0206176b;color:#f8fafc}.board-btn-secondary:hover:not(:disabled){background:#1e293bcc}.board-btn-primary{border:1px solid transparent;background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff}.board-btn-primary:hover:not(:disabled){filter:brightness(1.08)}.board-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.board-summary-card{min-width:0;min-height:112px;display:flex;align-items:center;gap:14px;padding:17px;border:1px solid var(--border);border-radius:16px;background:var(--panel);color:var(--text);box-shadow:var(--shadow-soft)}.board-summary-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:14px;font-size:10px;font-weight:950}.board-summary-card>div:last-child{display:flex;flex-direction:column;min-width:0}.board-summary-card span{color:var(--muted);font-size:11px;font-weight:800}.board-summary-card strong{margin-top:4px;color:var(--text);font-size:28px;line-height:1;font-weight:950}.board-summary-card small{margin-top:7px;color:var(--muted);font-size:10px;font-weight:650}.board-summary-total{border-color:#3b82f6ad}.board-summary-total .board-summary-icon{background:#3b82f624;color:#3b82f6}.board-summary-pending .board-summary-icon{background:#f59e0b24;color:#f59e0b}.board-summary-approved .board-summary-icon{background:#10b98124;color:#10b981}.board-summary-rejected .board-summary-icon{background:#ef444424;color:#ef4444}.board-search-panel{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:14px 16px;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:#0f172aeb}.board-search-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1;min-width:0}.board-search-input{min-width:320px;min-height:40px;padding:10px 14px;border-radius:12px;border:1px solid rgba(148,163,184,.22);background:#02061780;color:#e5edf8;font-family:inherit;font-size:12px;font-weight:800;outline:none}.board-search-input::placeholder{color:#77879f}.board-search-input:focus{border-color:#60a5fab3;box-shadow:0 0 0 3px #3b82f629}.board-result-count{padding:8px 12px;border-radius:999px;background:#4f46e529;border:1px solid rgba(99,102,241,.24);color:#c7d2fe;font-size:12px;font-weight:950}[data-theme=light] .board-search-panel{background:#fff}[data-theme=light] .board-search-input{background:#fff;color:#0f172a;border-color:#0f172a29}[data-theme=light] .board-result-count{background:#4f46e514;color:#4338ca}.board-list-card{display:flex;flex-direction:column;gap:14px;width:100%;max-width:100%;background:transparent}.board-table-wrap{width:100%;max-height:520px;overflow:auto;border:1px solid var(--border);border-radius:14px;background:var(--panel);box-shadow:var(--shadow-soft)}.board-table{width:100%;min-width:1250px;border-collapse:collapse;table-layout:auto}.board-table thead th{position:sticky;top:0;z-index:2;padding:12px 10px;background:var(--table-header);color:#fff;text-align:left;white-space:nowrap;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.5px}.board-table td{padding:8px 10px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:top;font-size:11px}.board-table tbody tr:hover{background:var(--row-hover)}.board-request-no,.board-employee,.board-subject{font-weight:900}.board-body-cell{min-width:220px;max-width:340px;line-height:1.4;color:var(--text)}.board-empty{padding:30px!important;color:var(--muted)!important;text-align:center;font-weight:800}.board-table th:last-child,.board-table td:last-child{width:125px;min-width:125px;text-align:center}.board-row-actions{display:flex;flex-direction:column;align-items:center;gap:5px;width:115px;margin:0 auto}.board-action-btn{width:108px;min-height:30px;padding:0 8px;border-radius:10px;font-size:11px;font-weight:800;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease;white-space:nowrap}.board-action-btn:hover:not(:disabled){transform:translateY(-1px)}.board-action-btn:disabled{opacity:.5;cursor:not-allowed}.board-action-approve{background:#10b98124;color:#10b981;border:1px solid rgba(16,185,129,.35)}.board-action-approve:hover:not(:disabled){background:#10b981;color:#fff}.board-action-reject{background:#ef444424;color:#ef4444;border:1px solid rgba(239,68,68,.35)}.board-action-reject:hover:not(:disabled){background:#ef4444;color:#fff}.board-action-download{background:#3b82f624;color:#3b82f6;border:1px solid rgba(59,130,246,.35)}.board-action-download:hover:not(:disabled){background:#3b82f6;color:#fff}.board-action-delete{background:#6b728024;color:#9ca3af;border:1px solid rgba(107,114,128,.35)}.board-action-delete:hover:not(:disabled){background:#6b7280;color:#fff}.board-page .badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid transparent;white-space:nowrap}.board-page .badge-approved{background:#10b98126;color:#10b981;border-color:#10b98159}.board-page .badge-rejected{background:#ef444426;color:#ef4444;border-color:#ef444459}.board-page .badge-pending{background:#f59e0b26;color:#f59e0b;border-color:#f59e0b59}.board-pager{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:var(--panel);box-shadow:var(--shadow-soft);flex-wrap:wrap}.board-pager-left,.board-pager-right{display:flex;align-items:center;gap:8px}.board-pager-left span,.board-page-summary{font-size:12px;font-weight:900;color:var(--muted)}.board-pager select{height:36px;min-width:74px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:0 34px 0 14px;font-weight:900;outline:none;cursor:pointer}.board-pager select option{background:var(--panel);color:var(--text)}.board-page-btn,.board-page-number{min-width:36px;height:36px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-weight:900;cursor:pointer;transition:.15s ease}.board-page-btn:hover:not(:disabled),.board-page-number:hover{background:color-mix(in srgb,var(--primary) 18%,transparent);border-color:color-mix(in srgb,var(--primary) 45%,var(--border))}.board-page-number.active{background:var(--primary);border-color:var(--primary);color:#fff}.board-page-btn:disabled{opacity:.35;cursor:not-allowed}[data-theme=dark] .board-pager select{color-scheme:dark}[data-theme=dark] .board-pager select option{background:#0f172a;color:#fff}.board-create-modal{width:min(850px,96vw);max-height:92vh;overflow-y:auto}.board-create-modal .modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.board-create-modal .form-group{display:flex;flex-direction:column;gap:6px;min-width:0}.board-create-modal .form-group.full{grid-column:1 / -1}.board-create-modal .form-group label{font-size:12px;font-weight:900;color:var(--text-2, var(--text))}.board-create-modal .form-group input,.board-create-modal .form-group textarea{width:100%;min-width:0;box-sizing:border-box;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-family:inherit;font-weight:700;outline:none}.board-create-modal .form-group textarea{resize:vertical}.board-create-modal .form-group input:focus,.board-create-modal .form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 20%,transparent)}[data-theme=light] .board-create-modal .form-group input,[data-theme=light] .board-create-modal .form-group textarea{background:#fff;color:#0f172a;border-color:#0f172a2e}[data-theme=light] .board-create-modal .form-group input[readonly]{color:#0f172a;-webkit-text-fill-color:#0f172a;opacity:1}[data-theme=dark] .board-summary-card,[data-theme=dark] .board-table-wrap,[data-theme=dark] .board-pager{border-color:#ffffff17}[data-theme=dark] .board-table td{border-bottom-color:#ffffff0f}@media(max-width:1100px){.board-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.board-hero-main{flex-direction:column}.board-hero-actions{justify-content:flex-start}}@media(max-width:768px){.board-summary-grid{grid-template-columns:1fr}.board-search-panel,.board-pager,.board-search-controls{align-items:stretch;flex-direction:column}.board-search-input{width:100%;min-width:0}.board-hero-actions{display:grid;grid-template-columns:1fr;width:100%}.board-btn{width:100%}.board-create-modal .modal-grid{grid-template-columns:1fr}.board-create-modal .form-group.full{grid-column:auto}}.travel-modern-page{width:100%;min-width:0;min-height:calc(100vh - 90px);background:var(--bg);color:var(--text);overflow-x:hidden}.travel-modern-page *,.travel-modern-page *:before,.travel-modern-page *:after{box-sizing:border-box}.travel-modern-layout{display:block;width:100%;min-width:0;min-height:calc(100vh - 110px)}.travel-calendar-main{width:100%;max-width:100%;min-width:0;padding:24px 32px 40px;background:var(--bg)}.travel-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;margin-bottom:24px;flex-wrap:wrap}.travel-view-tabs{display:flex;gap:4px;padding:4px;background:var(--panel);border:1px solid var(--border);border-radius:12px}.travel-view-tabs button{padding:13px 28px;border:none;border-radius:10px;background:transparent;color:var(--text);font-weight:900;cursor:pointer}.travel-view-tabs button:hover{background:var(--panel-2)}.travel-view-tabs button.active{background:var(--blue);color:#fff}.travel-view-selects{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:900}.travel-view-selects select,.travel-range-select,.travel-staff-filter select,.travel-activity-filter input{min-height:42px;padding:0 14px;border:1px solid var(--border);border-radius:10px;outline:none;background:var(--panel);color:var(--text);font-weight:800}.travel-view-selects select:focus,.travel-range-select:focus,.travel-staff-filter select:focus,.travel-activity-filter input:focus,.travel-branch-search:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.travel-top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.travel-create-btn{min-height:44px;padding:0 18px;border:1px solid var(--border);border-radius:12px;background:var(--blue);color:var(--text);font-weight:900;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.travel-create-btn.secondary{background:var(--panel);color:var(--text)}.travel-create-btn:hover{opacity:.92;transform:translateY(-1px)}.travel-plan-layout{display:grid;grid-template-columns:minmax(0,580px) minmax(320px,1fr);align-items:start;gap:24px;width:100%;min-width:0}.travel-plan-calendar-card,.travel-events-card,.travel-activities-card,.travel-dashboard-card{min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-soft)}.travel-plan-calendar-card{width:100%;padding:24px}.travel-right-column{display:flex;flex-direction:column;gap:16px;width:100%;min-width:0}.travel-events-card{display:flex;flex-direction:column;width:100%;min-height:500px;max-height:500px;padding:16px;overflow:hidden}.travel-dashboard-card{width:100%;max-width:none;margin-top:24px;padding:22px}.travel-activities-card{min-height:650px}.travel-mini-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.travel-mini-day-header{padding:0 2px 10px;color:var(--muted);text-align:center;font-size:13px;font-weight:900;overflow:hidden}.travel-mini-date{width:100%;min-width:0;height:58px;padding:0;border:1px solid var(--border);border-radius:14px;background:var(--bg);color:var(--text);font-size:17px;font-weight:900;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.travel-mini-date:hover:not(.muted){border-color:var(--accent);transform:translateY(-1px)}.travel-mini-date.muted{opacity:.32;cursor:default}.travel-mini-date.selected{background:var(--accent);color:#fff;border-color:var(--accent)}.travel-month-grid{display:grid;grid-template-columns:repeat(7,minmax(80px,1fr));gap:10px;width:100%;min-width:0;padding:20px;overflow-x:auto;background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-soft)}.travel-day-header,.travel-date-cell{display:flex;align-items:center;justify-content:center;min-width:0;height:68px;border:1px solid var(--border);border-radius:14px;background:var(--panel-2, var(--panel));color:var(--text);font-size:17px;font-weight:900}.travel-day-header{color:var(--blue)}.travel-date-cell{flex-direction:column;gap:4px;padding:6px;cursor:pointer;transition:background .15s ease,transform .15s ease}.travel-date-cell:hover:not(.muted){background:var(--row-hover);transform:translateY(-1px)}.travel-date-cell.muted{color:var(--muted);opacity:.4}.travel-date-cell.selected{background:var(--blue);color:#fff;border-color:var(--blue)}.travel-date-number{font-size:18px;font-weight:900}.travel-date-plan-count{max-width:100%;color:var(--muted);font-size:10px;line-height:1.1;font-weight:800;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.travel-date-cell.selected .travel-date-plan-count{color:#fff}.travel-card-header,.travel-dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.travel-events-card h3,.travel-dashboard-head h3{margin:0 0 6px;color:var(--text);font-size:18px;line-height:1.2}.travel-events-card p,.travel-dashboard-head p{margin:0 0 12px;color:var(--muted);font-size:12px}.travel-dashboard-head>span,.travel-activity-filter>span,.travel-staff-filter>span{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 11px;border:1px solid rgba(99,102,241,.35);border-radius:999px;background:#6366f126;color:var(--text);font-size:12px;font-weight:800;white-space:nowrap}.travel-branch-search{width:100%;min-height:38px;margin-top:8px;padding:8px 12px;border:1px solid var(--border);border-radius:9px;outline:none;background:var(--bg);color:var(--text);font-size:13px}.travel-branch-search::placeholder{color:var(--muted)}.travel-activity-filter,.travel-staff-filter{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.travel-activity-filter button{min-height:38px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);font-weight:800;cursor:pointer}.branch-visit-chart{flex:1;display:flex;flex-direction:column;gap:12px;min-height:0;margin-top:10px;padding-right:6px;overflow-x:hidden;overflow-y:auto}.branch-visit-chart::-webkit-scrollbar,.travel-activity-list::-webkit-scrollbar,.travel-plan-modal::-webkit-scrollbar{width:8px}.branch-visit-chart::-webkit-scrollbar-track,.travel-activity-list::-webkit-scrollbar-track,.travel-plan-modal::-webkit-scrollbar-track{background:transparent}.branch-visit-chart::-webkit-scrollbar-thumb,.travel-activity-list::-webkit-scrollbar-thumb,.travel-plan-modal::-webkit-scrollbar-thumb{background:#4f5d78;border-radius:999px}.travel-branch-item{width:100%;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--bg);cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.travel-branch-item:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 20px #0003}.travel-branch-item.active{border-color:#6d7dff;background:color-mix(in srgb,var(--accent) 14%,var(--bg));box-shadow:0 0 0 1px #6d7dff40}.branch-visit-info{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:12px;font-weight:900}.branch-visit-info span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.branch-visit-info b,.travel-branch-count{flex-shrink:0;color:#fbbf24}.travel-branch-item.active .travel-branch-count{padding:2px 8px;border-radius:999px;background:#4d6bff;color:#fff}.branch-visit-bar{height:10px;overflow:hidden;border:1px solid var(--border);border-radius:999px;background:var(--panel)}.branch-visit-bar div{height:100%;min-width:0;border-radius:999px;background:var(--accent)}.travel-visit-total{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}.travel-visit-total b{padding:3px 10px;border-radius:999px;background:#4f46e5;color:#fff}.travel-empty{padding:24px;border:1px dashed var(--border);border-radius:14px;color:var(--muted);text-align:center;font-size:12px;font-weight:700}.travel-activity-list{display:flex;flex-direction:column;gap:12px;max-height:650px;padding-right:6px;overflow-y:auto}.travel-activity-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--bg);cursor:pointer;transition:border-color .15s ease,transform .15s ease}.travel-activity-card:hover{border-color:var(--accent);transform:translateY(-1px)}.travel-activity-card>div:first-child{min-width:0}.travel-activity-card strong{display:block;overflow:hidden;color:var(--text);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.travel-activity-card p{margin:3px 0;color:var(--muted);font-size:12px}.travel-activity-card small{display:block;margin-top:2px;color:var(--text);font-size:11px;line-height:1.35}.travel-activity-right{display:flex;flex-shrink:0;flex-direction:column;align-items:flex-end;gap:6px;min-width:90px}.travel-activity-right span{color:var(--muted);font-size:11px;text-align:right}.travel-status{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.travel-status.pending{border:1px solid #f59e0b;background:#f59e0b22;color:#fbbf24}.travel-status.completed{border:1px solid #22c55e;background:#22c55e22;color:#4ade80}.travel-staff-list{display:flex;flex-direction:column;gap:12px;margin-top:18px}.travel-staff-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}.travel-staff-card>div:first-child{min-width:0}.travel-staff-card strong{display:block;overflow:hidden;color:var(--text);font-size:16px;text-overflow:ellipsis;white-space:nowrap}.travel-staff-card p,.travel-staff-card small,.travel-staff-right{color:var(--muted)}.travel-staff-card p{margin:4px 0}.travel-staff-right{display:flex;flex-shrink:0;flex-direction:column;align-items:flex-end;gap:4px;font-size:13px}.travel-staff-status{width:95px;margin-top:8px;padding:6px 12px;border-radius:999px;text-align:center;font-size:12px;font-weight:700}.travel-staff-status.pending{border:1px solid #ffbf3c;background:#2f2412;color:#ffbf3c}.travel-staff-status.submitted{border:1px solid #3ee58a;background:#123625;color:#3ee58a}.travel-comply-view-tabs{display:flex;align-items:center;gap:10px;margin:18px 0 22px}.travel-comply-view-tabs button{height:40px;padding:0 18px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease}.travel-comply-view-tabs button:hover{border-color:var(--accent);background:var(--panel-2)}.travel-plan-modal-backdrop,.travel-photo-preview-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:18px}.travel-plan-modal-backdrop{z-index:9999;background:#000000ad}.travel-plan-modal{width:min(900px,100%);max-height:90vh;padding:22px;overflow-x:hidden;overflow-y:auto;border:1px solid var(--border);border-radius:20px;background:var(--panel);color:var(--text);scrollbar-width:thin;scrollbar-color:#5b6b88 transparent}.travel-plan-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.travel-plan-modal-head h3{min-width:0;margin:0;overflow:hidden;font-size:24px;text-overflow:ellipsis;white-space:nowrap}.travel-plan-modal-head button,.travel-photo-close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font-size:22px;cursor:pointer}.travel-plan-form,.travel-note-form,.travel-plan-detail{display:grid;gap:14px}.travel-plan-form label,.travel-note-form label,.travel-edit-grid label{display:grid;gap:7px;color:var(--text);font-weight:800}.travel-plan-form input,.travel-plan-form select,.travel-plan-form textarea,.travel-note-form input,.travel-note-form select,.travel-note-form textarea,.travel-edit-grid input,.travel-edit-grid textarea{width:100%;min-width:0;padding:12px 14px;border:1px solid var(--border);border-radius:12px;outline:none;background:var(--bg);color:var(--text);font-weight:700}.travel-plan-form textarea,.travel-note-form textarea,.travel-edit-grid textarea,.travel-tab-content textarea{resize:vertical}.travel-plan-modal-actions,.travel-note-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.travel-plan-modal-actions button,.travel-note-actions button{min-height:42px;padding:0 18px;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--text);font-weight:900;cursor:pointer}.travel-plan-modal-actions .primary,.travel-note-actions button:last-child{background:var(--accent);color:var(--text);border-color:var(--accent)}.travel-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}.travel-edit-grid label.full{grid-column:1 / -1}.travel-save-changes-btn{width:fit-content;min-height:42px;padding:0 18px;border:none;border-radius:12px;background:#22c55e;color:#fff;font-weight:900;cursor:pointer}.travel-time-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.travel-time-summary div{display:grid;gap:4px;min-width:0;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--bg)}.travel-time-summary span{overflow-wrap:anywhere;color:var(--muted);font-size:13px}.travel-submit-btn{margin:18px 0;padding:12px 18px;border:1px solid var(--border);border-radius:12px;background:#22c55e;color:#fff;font-weight:900;cursor:pointer}.travel-completed-badge{display:inline-flex;margin:18px 0;padding:10px 16px;border:1px solid rgba(34,197,94,.5);border-radius:999px;background:#22c55e26;color:#22c55e;font-weight:900}.travel-stepper{display:flex;align-items:center;justify-content:center;gap:0;margin:30px 0}.travel-step{display:flex;align-items:center;flex-direction:column;min-width:90px;border:none;background:none;cursor:pointer}.travel-step span{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:4px solid rgba(255,255,255,.08);border-radius:50%;background:#41537d;color:#fff;font-weight:800;transition:.2s ease}.travel-step label{margin-top:10px;color:#a8b3cb;font-size:13px;font-weight:700;cursor:pointer}.travel-step-line{flex:1;height:5px;margin:0 6px 28px;border-radius:999px;background:#41537d}.travel-step.active span{background:#ff4da6;box-shadow:0 0 20px #ff4da673}.travel-step.active label{color:#fff}.travel-tabs{display:flex;gap:10px;margin:20px 0;flex-wrap:wrap}.travel-tabs button,.travel-photo-upload-btn,.travel-create-note-btn{min-height:42px;padding:0 25px;border:1px solid var(--border);border-radius:15px;background:var(--bg);color:var(--text);font-weight:900;cursor:pointer}.travel-tabs button.active,.travel-create-note-btn{background:var(--accent);color:#fff;border-color:var(--accent)}.travel-tab-content{margin-top:20px}.travel-tab-content textarea{width:100%;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--bg);color:var(--text)}.travel-plan-detail-modal{width:min(960px,100%)}.travel-detail-header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:-22px -22px 22px;padding:26px 72px 24px 26px;border-bottom:1px solid var(--border);border-radius:20px 20px 0 0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,var(--panel)),var(--panel))}.travel-detail-header-main{display:grid;gap:18px;width:100%;min-width:0}.travel-detail-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.travel-detail-eyebrow{display:block;margin-bottom:6px;color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.travel-detail-title-row h3{margin:0;overflow-wrap:anywhere;color:var(--text);font-size:28px;line-height:1.15}.travel-detail-status{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:34px;padding:6px 14px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.travel-detail-status.pending{border:1px solid #f59e0b;background:#f59e0b24;color:#fbbf24}.travel-detail-status.completed{border:1px solid #22c55e;background:#22c55e24;color:#4ade80}.travel-detail-employee{display:flex;align-items:center;gap:12px}.travel-detail-avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 46px;width:46px;height:46px;border:1px solid color-mix(in srgb,var(--accent) 60%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--accent) 20%,var(--bg));color:var(--text);font-size:18px;font-weight:900}.travel-detail-employee>div:last-child{display:grid;gap:3px;min-width:0}.travel-detail-employee strong{overflow:hidden;color:var(--text);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.travel-detail-employee span{color:var(--muted);font-size:12px;font-weight:700}.travel-detail-location{display:flex;align-items:center;gap:10px;width:fit-content;max-width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--bg) 72%,transparent)}.travel-detail-location span{color:var(--muted);font-size:11px;font-weight:800}.travel-detail-location strong{overflow:hidden;color:var(--text);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.travel-detail-close{position:absolute;top:22px;right:22px;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid var(--border);border-radius:11px;background:var(--bg);color:var(--text);font-size:22px;font-weight:500;cursor:pointer;transition:border-color .15s ease,transform .15s ease,background .15s ease}.travel-detail-close:hover{border-color:var(--accent);background:var(--panel-2);transform:translateY(-1px)}.travel-detail-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.travel-detail-summary-card{display:grid;align-content:center;gap:7px;min-width:0;min-height:86px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:var(--bg)}.travel-detail-summary-card span{color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.travel-detail-summary-card strong{overflow-wrap:anywhere;color:var(--text);font-size:13px;line-height:1.35}.travel-detail-summary-card.status{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent) 10%,var(--bg))}.travel-workflow-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:28px;padding-top:22px;border-top:1px solid var(--border)}.travel-workflow-heading span{display:block;margin-bottom:4px;color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.travel-workflow-heading h4{margin:0;color:var(--text);font-size:15px}.travel-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.travel-photo-card{position:relative;min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--bg)}.travel-photo-card img{display:block;width:100%;height:160px;object-fit:cover}.travel-photo-card>div{display:grid;gap:4px;padding:10px}.travel-photo-card span{color:var(--muted);font-size:12px}.travel-photo-click{cursor:zoom-in;transition:transform .2s ease}.travel-photo-click:hover{transform:scale(1.02)}.travel-photo-delete{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:999px;background:#dc2626f2;color:#fff;font-size:20px;font-weight:900;cursor:pointer}.travel-photo-preview-backdrop{z-index:999999;background:#000000db}.travel-photo-preview-modal{position:relative;max-width:95vw;max-height:95vh}.travel-photo-preview-image{display:block;max-width:95vw;max-height:90vh;border-radius:14px;object-fit:contain}.travel-photo-close{position:absolute;top:-46px;right:0;border:none;border-radius:50%;background:#111827;color:#fff}.travel-note-form{margin-bottom:18px;padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--bg)}.travel-note-list{display:grid;gap:14px}.travel-note-card{padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--bg)}.travel-note-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.travel-note-head h4{margin:0;font-size:18px}.travel-note-head span{color:var(--muted);font-size:12px}.travel-note-head button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border:none;border-radius:999px;background:#dc2626f2;color:#fff;font-weight:900;cursor:pointer}.activity-detail-modal{display:grid;gap:18px}.activity-detail-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,#6366f140,#22c55e1f)}.activity-detail-hero h3{min-width:0;margin:0;overflow-wrap:anywhere;font-size:28px}.activity-detail-hero span{flex-shrink:0;padding:8px 14px;border:1px solid #f59e0b;border-radius:999px;background:#f59e0b22;color:#fbbf24;font-weight:900}.activity-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.activity-detail-grid div,.activity-detail-description{min-width:0;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--bg)}.activity-detail-grid small,.activity-detail-description small{display:block;margin-bottom:6px;color:var(--muted);font-weight:800}.activity-detail-grid b,.activity-detail-description p{overflow-wrap:anywhere}.activity-detail-description p{margin:6px 0 0;line-height:1.6}.activity-close-only{justify-content:flex-end;padding-bottom:12px}.travel-staff-search .select__control{min-height:48px;border:1px solid var(--border);border-radius:12px;background:var(--bg);box-shadow:none}.travel-staff-search .select__control:hover,.travel-staff-search .select__control--is-focused{border-color:var(--accent);box-shadow:none}.travel-staff-search .select__value-container{padding:6px 12px}.travel-staff-search .select__input,.travel-staff-search .select__input input,.travel-staff-search .select__single-value{color:var(--text)!important}.travel-staff-search .select__single-value{font-weight:700}.travel-staff-search .select__placeholder,.travel-staff-search .select__indicator{color:var(--muted)}.travel-staff-search .select__menu{z-index:999999;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.travel-staff-search .select__menu-list{max-height:250px}.travel-staff-search .select__option{padding:12px 16px;background:var(--panel);color:var(--text)!important;font-weight:700;cursor:pointer}.travel-staff-search .select__option:hover,.travel-staff-search .select__option--is-focused{background:var(--panel-2)}.travel-staff-search .select__option--is-selected{background:var(--accent);color:#fff!important}@media(max-width:1100px){.travel-modern-layout{grid-template-columns:1fr}.travel-calendar-main{max-width:100%;padding:22px}.travel-plan-layout{grid-template-columns:1fr}.travel-plan-calendar-card,.travel-right-column{width:100%}.travel-events-card{min-height:420px;max-height:420px}}@media(max-width:768px){.travel-modern-page{min-height:100vh}.travel-modern-layout{display:block}.travel-calendar-main{width:100%;max-width:100%;padding:14px}.travel-topbar{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:16px}.travel-view-tabs,.travel-view-tabs button{width:100%}.travel-view-tabs button{padding:11px 16px}.travel-view-selects{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(90px,.7fr);width:100%;gap:8px}.travel-view-selects select{width:100%;min-width:0;padding:0 10px}.travel-top-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}.travel-plan-layout{display:flex;flex-direction:column;gap:14px}.travel-plan-calendar-card,.travel-events-card,.travel-dashboard-card,.travel-activities-card,.travel-right-column{width:100%;min-width:0}.travel-plan-calendar-card{padding:12px}.travel-mini-calendar{gap:5px}.travel-mini-day-header{padding-bottom:5px;font-size:9px}.travel-mini-date{height:42px;border-radius:9px;font-size:13px}.travel-events-card{min-height:360px;max-height:360px;padding:12px}.travel-dashboard-card{margin-top:14px;padding:14px}.travel-card-header,.travel-dashboard-head{flex-direction:column;align-items:stretch}.travel-range-select,.travel-activity-filter,.travel-staff-filter{width:100%}.travel-activity-filter,.travel-staff-filter{display:grid;grid-template-columns:minmax(0,1fr) auto}.travel-activity-filter input,.travel-staff-filter select{width:100%}.travel-month-grid{grid-template-columns:repeat(7,minmax(38px,1fr));gap:4px;padding:8px;overflow-x:visible}.travel-day-header,.travel-date-cell{height:52px;min-width:0;border-radius:8px;font-size:10px}.travel-day-header{height:34px}.travel-date-number{font-size:13px}.travel-date-plan-count{display:none}.travel-activity-card,.travel-staff-card{flex-direction:column;align-items:stretch}.travel-activity-right,.travel-staff-right{align-items:flex-start;min-width:0}.travel-staff-status{width:auto;min-width:95px}.travel-plan-modal-backdrop,.travel-photo-preview-backdrop{align-items:flex-start;padding:8px;overflow-y:auto}.travel-plan-modal{width:100%;max-height:none;margin:8px 0;padding:14px;border-radius:14px}.travel-plan-modal-head h3{font-size:18px}.travel-plan-modal-actions,.travel-note-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.travel-plan-modal-actions button,.travel-note-actions button{width:100%;padding:0 10px}.travel-edit-grid,.activity-detail-grid,.travel-time-summary,.travel-photo-grid{grid-template-columns:1fr}.activity-detail-hero{align-items:flex-start;flex-direction:column;padding:16px}.activity-detail-hero h3{font-size:20px}.travel-stepper{justify-content:flex-start;padding-bottom:8px;overflow-x:auto}.travel-step{min-width:78px}.travel-step-line{min-width:35px}.travel-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.travel-tabs button,.travel-photo-upload-btn,.travel-create-note-btn{width:100%;padding:0 15px;font-size:12px}}@media(max-width:420px){.travel-calendar-main{padding-left:10px;padding-right:10px}.travel-view-selects{grid-template-columns:1fr 1fr}.travel-view-selects>span{grid-column:1 / -1}.travel-top-actions{grid-template-columns:1fr}.travel-mini-calendar{gap:3px}.travel-mini-date{height:38px;font-size:12px}.travel-month-grid{grid-template-columns:repeat(7,minmax(34px,1fr));gap:3px;padding:6px}.travel-day-header,.travel-date-cell{height:46px;font-size:9px}.travel-day-header{height:30px}.travel-date-number{font-size:12px}.travel-plan-modal-actions,.travel-note-actions,.travel-tabs{grid-template-columns:1fr}}.travel-activity-filters{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.travel-activity-search,.travel-activity-date{height:38px;border:1px solid var(--border);border-radius:11px;background:var(--panel-2);color:var(--text);outline:none;font-size:12px;font-weight:700}.travel-activity-search{width:min(330px,100%);padding:0 12px}.travel-activity-date{padding:0 10px}.travel-activity-search::placeholder{color:var(--muted)}.travel-activity-search:focus,.travel-activity-date:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.travel-activity-clear{height:38px;padding:0 13px;border-radius:11px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-size:12px;font-weight:800;cursor:pointer}.travel-activity-clear:hover:not(:disabled){background:var(--row-hover)}.travel-activity-clear:disabled{opacity:.45;cursor:not-allowed}.travel-activity-item{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--border);border-radius:13px;background:var(--panel-2);color:var(--text);text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.travel-activity-item:hover{border-color:color-mix(in srgb,var(--primary) 55%,var(--border));background:var(--row-hover);transform:translateY(-1px)}.travel-activity-plan-main{min-width:0;flex:1}.travel-activity-plan-title{color:var(--text);font-size:13px;font-weight:900;line-height:1.35}.travel-activity-employee{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:4px;font-size:12px;line-height:1.4}.travel-activity-employee-name{color:var(--primary);font-weight:900}.travel-activity-position{color:var(--muted);font-weight:700}.travel-activity-separator{color:var(--muted)}.travel-activity-branch{margin-top:3px;color:var(--text-2);font-size:11px;font-weight:800;text-transform:uppercase}.travel-activity-description{margin-top:4px;color:var(--muted);font-size:11px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.travel-activity-plan-side{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:7px}.travel-activity-date-label{color:var(--muted);font-size:11px;font-weight:700}.travel-activity-empty{padding:24px 14px;border:1px dashed var(--border);border-radius:13px;color:var(--muted);text-align:center;font-size:13px;font-weight:800}@media(max-width:768px){.travel-dashboard-card-head{align-items:stretch;flex-direction:column}.travel-activity-filters{width:100%;justify-content:stretch}.travel-activity-search{width:100%}.travel-activity-date{flex:1;min-width:150px}.travel-activity-item{flex-direction:column}.travel-activity-plan-side{width:100%;flex-direction:row;justify-content:space-between;align-items:center}}.travel-detail-header{margin:-14px -14px 18px;padding:20px 58px 20px 18px;border-radius:14px 14px 0 0}.travel-detail-title-row{display:grid;gap:12px}.travel-detail-title-row h3{font-size:21px}.travel-detail-status{width:fit-content}.travel-detail-close{top:14px;right:14px}.travel-detail-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.travel-detail-summary-card{min-height:78px;padding:12px}.travel-staff-date{display:flex;align-items:center}.travel-date-input{width:170px;height:42px;padding:0 16px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:12px;font-size:14px;font-weight:700;outline:none;transition:.25s}.travel-date-input:hover{border-color:#4c7dff}.travel-date-input:focus{border-color:#5b8cff;box-shadow:0 0 0 3px #5b8cff2e}.travel-date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.8;filter:invert(1)}.travel-date-input::-webkit-calendar-picker-indicator:hover{opacity:1}.travel-involved-list{display:grid;gap:8px;margin-top:10px}.travel-involved-list>b{color:var(--text);font-size:13px}.travel-involved-tags{display:flex;flex-wrap:wrap;gap:7px}.travel-involved-tag{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,var(--panel));color:var(--text);font-size:11px;font-weight:800}.travel-staff-search .select__value-container{min-height:48px;gap:5px}.travel-staff-search .select__multi-value{overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));border-radius:8px;background:color-mix(in srgb,var(--accent) 16%,var(--panel))}.travel-staff-search .select__multi-value__label{padding:5px 7px;color:var(--text)!important;font-size:11px;font-weight:800}.travel-staff-search .select__multi-value__remove{color:var(--muted);cursor:pointer}.travel-staff-search .select__multi-value__remove:hover{background:#ef444433;color:#f87171}.travel-staff-status-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.travel-staff-status.on-leave{border:1px solid #60a5fa;background:#2563eb29;color:#93c5fd}.travel-staff-status.indefinite-leave{border:1px solid #c084fc;background:#9333ea29;color:#d8b4fe}.travel-staff-leave-date{color:var(--muted);font-size:10px;font-weight:700;white-space:nowrap}.travel-staff-counts{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.travel-count-pill{display:flex;align-items:center;justify-content:center;height:34px;padding:0 14px;border-radius:10px;font-size:13px;font-weight:800;border:1px solid var(--border);background:var(--panel);color:var(--text);transition:.2s}.travel-count-pill.submitted{background:#143d29;color:#22c55e;border:1px solid #22c55e}.travel-count-pill.pending{background:#3b2b08;color:#fbbf24;border:1px solid #fbbf24}.travel-count-pill.leave{background:#102b52;color:#60a5fa;border:1px solid #60a5fa}.travel-branch-filter-clear:hover{color:var(--text);background:var(--panel)}.travel-record-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:8px}.travel-record-actions button,.travel-activity-detail-actions button{min-height:30px;padding:6px 12px;border-radius:8px;font-size:11px;font-weight:800;cursor:pointer}.travel-record-edit{border:1px solid rgba(96,165,250,.55);background:#2563eb29;color:#93c5fd}.travel-record-edit:hover{border-color:#60a5fa;background:#2563eb47}.travel-record-delete{border:1px solid rgba(248,113,113,.55);background:#dc262624;color:#fca5a5}.travel-record-delete:hover{border-color:#f87171;background:#dc262642}.travel-activity-detail-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}@media(max-width:700px){.travel-record-actions,.travel-activity-detail-actions{width:100%;justify-content:stretch}.travel-record-actions button,.travel-activity-detail-actions button{flex:1}}.travel-branch-location-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:8px;align-items:end;margin-top:10px}.travel-branch-location-filters label{display:flex;flex-direction:column;gap:4px;min-width:0}.travel-branch-location-filters label>span{padding-left:2px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.travel-branch-location-filters select{width:100%;min-width:0;height:36px;padding:0 28px 0 10px;border:1px solid var(--border);border-radius:9px;background:var(--panel);color:var(--text);font-size:10px;font-weight:800;outline:none}.travel-branch-location-filters select:hover,.travel-branch-location-filters select:focus{border-color:#4f67a4}.travel-branch-filter-clear{height:36px;padding:0 12px;border:1px solid var(--border);border-radius:9px;background:transparent;color:var(--muted);font-size:10px;font-weight:800;cursor:pointer}@media(max-width:1100px){.travel-branch-location-filters{grid-template-columns:1fr 1fr}.travel-branch-filter-clear{width:100%}}@media(max-width:700px){.travel-branch-location-filters{grid-template-columns:1fr}}.travel-staff-search-input{min-width:240px;height:42px;padding:0 13px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);font-weight:700;outline:none}.travel-staff-search-input:focus{border-color:#3b82f6}.travel-staff-card-button{width:100%;font:inherit;text-align:left;color:inherit;cursor:pointer}.travel-staff-card-button:hover{transform:translateY(-1px);border-color:#3b82f699;background:#3b82f60f}.travel-staff-card-button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.travel-staff-plans-modal{width:min(920px,calc(100vw - 32px));max-height:88vh;overflow:hidden;display:flex;flex-direction:column}.travel-staff-modal-subtitle{margin:5px 0 0;color:var(--muted);font-size:12px;font-weight:700}.travel-staff-plan-summary{padding:16px 20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-bottom:1px solid var(--border)}.travel-staff-plan-summary>div{padding:12px 14px;display:grid;gap:5px;border:1px solid var(--border);border-radius:12px;background:#7f7f7f0d}.travel-staff-plan-summary span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.travel-staff-plan-summary b{font-size:14px;color:var(--text)}.travel-staff-plan-filters{padding:15px 20px;display:grid;grid-template-columns:minmax(220px,1fr) 160px auto auto;gap:10px;align-items:center;border-bottom:1px solid var(--border)}.travel-staff-plan-filters input{width:100%;height:42px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);outline:none}.travel-staff-plan-filters input:focus{border-color:#3b82f6}.travel-staff-plan-filters button{height:42px;padding:0 14px;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--text);font-weight:800;cursor:pointer}.travel-staff-plan-item{cursor:pointer}.travel-staff-plan-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:4px}.travel-staff-plan-actions button{min-height:30px;padding:0 11px;border-radius:8px;font-size:11px;font-weight:900;cursor:pointer}.travel-record-edit{border:1px solid #3b82f6;background:#3b82f61f;color:#60a5fa}.travel-record-edit:hover{background:#3b82f638}.travel-record-delete{border:1px solid #ef4444;background:#ef44441f;color:#f87171}.travel-record-delete:hover{background:#ef444438}.travel-staff-plan-filters button:disabled{opacity:.45;cursor:not-allowed}.travel-staff-plan-list{padding:16px 20px 20px;display:grid;gap:10px;overflow-y:auto}.travel-staff-plan-item{width:100%;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:18px;text-align:left;border:1px solid var(--border);border-radius:12px;background:var(--panel);color:var(--text);cursor:pointer}.travel-staff-plan-item:hover{border-color:#3b82f6a6;background:#3b82f60f}.travel-staff-plan-main{min-width:0;display:grid;gap:4px}.travel-staff-plan-main strong,.travel-staff-plan-main span,.travel-staff-plan-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.travel-staff-plan-main strong{font-size:14px}.travel-staff-plan-main span{color:#3b82f6;font-size:12px;font-weight:800}.travel-staff-plan-main small{color:var(--muted);font-size:11px}.travel-staff-plan-meta{flex:0 0 auto;display:grid;justify-items:end;gap:7px}.travel-staff-plan-meta>span{color:var(--muted);font-size:11px;font-weight:700}@media(max-width:760px){.travel-staff-plan-summary,.travel-staff-plan-filters{grid-template-columns:1fr}.travel-staff-plan-item{align-items:flex-start;flex-direction:column}.travel-staff-plan-meta{width:100%;justify-items:start}.travel-staff-search-input{width:100%;min-width:0}}.travel-comply-counts{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.travel-comply-filters{margin:16px 0;display:grid;grid-template-columns:minmax(240px,1fr) 180px auto;gap:10px}.travel-comply-filters input,.travel-comply-filters select,.travel-comply-filters button{min-height:42px;padding:0 13px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);font:inherit}.travel-comply-filters button{cursor:pointer;font-weight:900}.travel-comply-list{display:grid;gap:10px}.travel-comply-card{width:100%;padding:16px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border:1px solid var(--border);border-radius:14px;background:var(--panel);color:var(--text);text-align:left;cursor:pointer}.travel-comply-card:hover{border-color:#3b82f6a6;background:#3b82f60f}.travel-comply-main{min-width:0;flex:1}.travel-comply-title-row{display:flex;align-items:center;gap:10px}.travel-comply-title-row strong{flex:1;min-width:0;font-size:15px}.travel-comply-main p{margin:7px 0 4px;font-weight:800;color:#60a5fa}.travel-comply-main small{color:var(--muted)}.travel-comply-preview{margin-top:10px;color:var(--muted);font-size:12px;line-height:1.5;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.travel-comply-meta{flex:0 0 auto;display:grid;justify-items:end;gap:7px;color:var(--muted);font-size:11px}.travel-comply-meta b{color:#60a5fa}.travel-comply-modal{width:min(880px,calc(100vw - 32px))}.travel-comply-detail-grid{padding:18px 20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.travel-comply-detail-grid>div{padding:12px;display:grid;gap:5px;border:1px solid var(--border);border-radius:11px;background:#7f7f7f0d}.travel-comply-detail-grid span,.travel-comply-finding>span,.travel-comply-response{color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.travel-comply-detail-grid b{color:var(--text);font-size:13px}.travel-comply-finding{margin:0 20px 16px;padding:15px;border:1px solid var(--border);border-radius:12px;background:#7f7f7f0d}.travel-comply-finding p{margin:8px 0 0;color:var(--text);white-space:pre-wrap;line-height:1.6}.travel-comply-response{margin:0 20px 18px;display:grid;gap:8px}.travel-comply-response textarea{width:100%;padding:13px;resize:vertical;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--text);font:inherit;text-transform:none}.travel-comply-response textarea:focus{outline:none;border-color:#3b82f6}.travel-comply-submitted-at{margin:0 20px 16px;color:var(--muted);font-size:12px;font-weight:800}@media(max-width:760px){.travel-comply-filters{grid-template-columns:1fr}.travel-comply-card{flex-direction:column}.travel-comply-meta{width:100%;justify-items:start}.travel-comply-detail-grid{grid-template-columns:1fr}}.travel-status.submitted{border:1px solid #3b82f6;background:#3b82f624;color:#60a5fa}.travel-status.checked{border:1px solid #8b5cf6;background:#8b5cf624;color:#a78bfa}.travel-status.complied{border:1px solid #22c55e;background:#22c55e24;color:#4ade80}.travel-comply-card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:22px;box-shadow:var(--shadow-soft)}.travel-comply-card h3{color:var(--text)}.travel-comply-card p{color:var(--muted)}.travel-comply-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:18px 0;flex-wrap:wrap}.travel-comply-search{flex:1;min-width:250px}.travel-comply-search input{width:100%;height:46px;padding:0 16px;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:12px}.travel-comply-search input::placeholder{color:var(--muted)}.travel-comply-search input:focus{outline:none;border-color:var(--accent)}.travel-comply-filter{width:180px}.travel-comply-filter select{width:100%;height:46px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:0 14px}.travel-comply-empty{margin-top:18px;padding:55px;text-align:center;border:1px dashed var(--border);border-radius:16px;color:var(--muted);background:var(--bg)}.travel-comply-view-tabs{display:flex;gap:10px;margin:18px 0 22px}.travel-comply-view-tabs button{height:42px;padding:0 18px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;font-weight:700;transition:.2s}.travel-comply-view-tabs button:hover{border-color:var(--accent)}.travel-comply-view-tabs button.active{background:var(--accent);border-color:var(--accent);color:var(--text)}.travel-findings-title{margin:0 0 4px;padding-bottom:12px;border-bottom:1px solid var(--border);color:var(--text);font-size:19px;font-weight:900}.travel-saved-findings{display:grid;gap:12px;margin-top:14px}.travel-saved-finding-item{padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--hover)}.travel-saved-finding-item b{display:block;color:var(--text)}.travel-saved-finding-item p{margin:7px 0 0;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}.travel-note-content{white-space:pre-wrap;overflow-wrap:anywhere}.travel-note-due-date{padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text)}.travel-finding-photo{width:100%;max-width:430px;max-height:320px;object-fit:cover;border:1px solid var(--border);border-radius:12px;cursor:pointer}.travel-branch-staff-filter{display:flex;align-items:flex-end;gap:10px;margin-top:10px}.travel-branch-staff-filter label{flex:1;display:flex;flex-direction:column;gap:6px}.travel-branch-staff-filter label span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.travel-branch-filter-clear{height:42px;padding:0 16px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);font-weight:700;cursor:pointer;white-space:nowrap;flex:none}.travel-branch-filter-clear:hover{border-color:var(--accent);background:var(--panel-2)}.travel-branch-staff-filter select{width:100%;min-height:40px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2);color:var(--text);font:inherit;font-weight:700;outline:none}.travel-branch-staff-filter select:focus{border-color:var(--accent)}.travel-branch-staff-filter{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;width:100%;margin-top:10px}.travel-branch-staff-field{display:flex;flex-direction:column;gap:6px;min-width:0;width:100%}.travel-branch-staff-field>span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.travel-branch-staff-field select{display:block;width:100%;min-width:0;height:40px;padding:0 34px 0 12px;border:1px solid var(--border);border-radius:10px;outline:none;background:var(--panel);color:var(--text);font-size:12px;font-weight:700}.travel-branch-staff-field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.travel-branch-staff-clear{width:auto;min-width:64px;height:40px;margin:0;padding:0 14px;flex:none;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--muted);font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer}.travel-branch-staff-clear:hover{border-color:var(--accent);background:var(--panel-2);color:var(--text)}@media(max-width:600px){.travel-branch-staff-filter{grid-template-columns:minmax(0,1fr)}.travel-branch-staff-clear{width:fit-content}}.travel-forecast-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;width:100%;min-width:0}.travel-forecast-side,.travel-forecast-content{min-width:0;border:1px solid var(--border);border-radius:18px;background:var(--panel);box-shadow:var(--shadow-soft);min-height:870px}.travel-forecast-side{align-self:start;padding:24px}.travel-forecast-side>span{display:block;margin-bottom:10px;color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.travel-forecast-side h2{margin:0;color:var(--text);font-size:26px}.travel-forecast-side>strong{display:block;margin-top:8px;color:var(--text);font-size:72px;line-height:1}.travel-forecast-side>p{margin:8px 0 20px;color:var(--muted);font-size:14px;font-weight:700}.travel-forecast-side>input{width:100%;min-height:42px;padding:0 12px;border:1px solid var(--border);border-radius:10px;outline:none;background:var(--bg);color:var(--text);font-weight:800}.travel-forecast-stats{display:grid;gap:10px;margin-top:18px}.travel-forecast-stats button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--text);cursor:pointer}.travel-forecast-stats button:hover{border-color:var(--accent)}.travel-forecast-stats button.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--bg))}.travel-forecast-stats button span{font-size:12px;font-weight:800}.travel-forecast-stats button b{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border-radius:999px;background:var(--panel);color:var(--text);font-size:13px}.travel-forecast-content{padding:24px}.travel-forecast-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.travel-forecast-head>div:first-child{min-width:0}.travel-forecast-head span{display:block;margin-bottom:6px;color:var(--muted);font-size:12px;font-weight:800}.travel-forecast-head h1{margin:0;color:var(--text);font-size:28px;line-height:1.2}.travel-forecast-head p{margin:8px 0 0;color:var(--muted);font-size:13px}.travel-forecast-count{display:inline-flex;align-items:center;justify-content:center;flex:0 0 54px;width:54px;height:54px;border:1px solid var(--border);border-radius:16px;background:var(--bg);color:var(--text);font-size:22px;font-weight:900}.travel-forecast-plan-list{display:flex;flex-direction:column;gap:14px;height:600px;overflow-y:auto;overflow-x:hidden;padding-right:8px}.travel-forecast-empty{display:flex;align-items:center;justify-content:center;min-height:250px;padding:30px;border:1px dashed var(--border);border-radius:16px;background:var(--bg);color:var(--muted);text-align:center;font-size:13px;font-weight:700}.travel-forecast-plan-card{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-width:0;padding:16px 18px;border:1px solid var(--border);border-radius:14px;background:var(--bg);color:var(--text);text-align:left}button.travel-forecast-plan-card{cursor:pointer}button.travel-forecast-plan-card:hover{border-color:var(--accent);transform:translateY(-1px)}.travel-forecast-plan-card>div{display:grid;gap:4px;min-width:0}.travel-forecast-plan-card strong{overflow:hidden;color:var(--text);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.travel-forecast-plan-card span{color:var(--muted);font-size:13px}.travel-forecast-plan-card small{color:var(--muted);font-size:11px}.travel-forecast-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:22px}.travel-forecast-day{display:grid;justify-items:center;gap:6px;min-width:0;min-height:98px;padding:12px 8px;border:1px solid var(--border);border-radius:14px;background:var(--bg);color:var(--text);cursor:pointer}.travel-forecast-day:hover{border-color:var(--accent)}.travel-forecast-day.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--bg));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent)}.travel-forecast-day span{color:var(--muted);font-size:11px;font-weight:800}.travel-forecast-day strong{font-size:23px}.travel-forecast-day small{color:var(--muted);font-size:10px}.travel-forecast-staff-week{display:grid;gap:10px}.travel-forecast-staff-day{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--bg)}.travel-forecast-staff-day>div{display:grid;gap:4px}.travel-forecast-staff-day span{color:var(--muted);font-size:12px}.travel-comply-view-tabs{display:flex;align-items:center;gap:10px;margin:18px 0 20px;flex-wrap:wrap}.travel-comply-view-tabs button{min-height:42px;padding:0 18px;border:1px solid var(--border);border-radius:11px;background:var(--bg);color:var(--text);font-size:12px;font-weight:900;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.travel-comply-view-tabs button:hover{border-color:var(--accent);transform:translateY(-1px)}.travel-comply-view-tabs button.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--bg));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent)}.travel-compliance-counts{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;margin-bottom:18px}.travel-compliance-counts button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:12px 14px;border:1px solid var(--border);border-radius:13px;background:var(--bg);color:var(--text);cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.travel-compliance-counts button:hover{border-color:var(--accent);transform:translateY(-1px)}.travel-compliance-counts button.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--bg))}.travel-compliance-counts button span{color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.travel-compliance-counts button b{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 9px;border-radius:999px;background:var(--panel);color:var(--text);font-size:13px;font-weight:900}.travel-compliance-filters{display:grid;grid-template-columns:minmax(220px,1fr) minmax(150px,220px) auto;gap:10px;margin-bottom:18px}.travel-compliance-filters input,.travel-compliance-filters select,.travel-compliance-filters button{min-height:42px;border:1px solid var(--border);border-radius:11px;background:var(--bg);color:var(--text);font-size:12px;font-weight:800}.travel-compliance-filters input,.travel-compliance-filters select{width:100%;min-width:0;padding:0 13px;outline:none}.travel-compliance-filters input::placeholder{color:var(--muted)}.travel-compliance-filters input:focus,.travel-compliance-filters select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.travel-compliance-filters button{padding:0 15px;cursor:pointer}.travel-compliance-filters button:hover:not(:disabled){border-color:var(--accent);background:var(--panel-2)}.travel-compliance-filters button:disabled{opacity:.45;cursor:not-allowed}.travel-compliance-list{display:grid;gap:12px}.travel-compliance-card{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;width:100%;min-width:0;padding:17px 18px;border:1px solid var(--border);border-radius:14px;background:var(--bg);color:var(--text);text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.travel-compliance-card:hover{border-color:var(--accent);background:var(--panel-2);transform:translateY(-1px)}.travel-compliance-card-main{display:grid;gap:5px;min-width:0}.travel-compliance-card-main strong{overflow:hidden;color:var(--text);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.travel-compliance-card-main span{color:var(--muted);font-size:13px;font-weight:800}.travel-compliance-card-main small{color:var(--muted);font-size:11px;line-height:1.45}.travel-compliance-card-side{display:flex;flex-shrink:0;flex-direction:column;align-items:flex-end;gap:8px;min-width:140px}.travel-compliance-card-side small{max-width:220px;color:var(--muted);font-size:10px;text-align:right}.travel-compliance-status{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 11px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.travel-compliance-status.pending{border:1px solid #f59e0b;background:#f59e0b24;color:#fbbf24}.travel-compliance-status.submitted{border:1px solid #3b82f6;background:#3b82f624;color:#93c5fd}.travel-compliance-status.checked{border:1px solid #22c55e;background:#22c55e24;color:#4ade80}.travel-compliance-status.complied{border:1px solid #8b5cf6;background:#8b5cf624;color:#c4b5fd}.travel-compliance-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.travel-compliance-detail-grid>div{display:grid;gap:6px;min-width:0;padding:14px 15px;border:1px solid var(--border);border-radius:12px;background:var(--bg)}.travel-compliance-detail-grid span,.travel-compliance-details>span{color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.travel-compliance-detail-grid strong{overflow-wrap:anywhere;color:var(--text);font-size:13px}.travel-compliance-details{display:grid;gap:7px;margin-bottom:14px;padding:15px;border:1px solid var(--border);border-radius:12px;background:var(--bg)}.travel-compliance-details p{margin:0;color:var(--text);font-size:13px;line-height:1.6;overflow-wrap:anywhere}.travel-compliance-response-field{display:grid;gap:8px;margin-top:14px;color:var(--text);font-size:12px;font-weight:900}.travel-compliance-response-field textarea{width:100%;min-width:0;padding:13px 14px;border:1px solid var(--border);border-radius:12px;outline:none;resize:vertical;background:var(--bg);color:var(--text);font-weight:700}.travel-compliance-response-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.travel-compliance-response-field textarea:disabled{opacity:.7;cursor:not-allowed}.travel-compliance-history{display:grid;gap:10px;margin-top:18px}.travel-compliance-history h4{margin:0;color:var(--text);font-size:15px}.travel-compliance-history-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;padding:14px 15px;border:1px solid var(--border);border-radius:12px;background:var(--bg)}.travel-compliance-history-item>div{display:grid;gap:3px}.travel-compliance-history-item strong{color:var(--text);font-size:13px}.travel-compliance-history-item span,.travel-compliance-history-item small{color:var(--muted);font-size:11px}.travel-compliance-history-item p{grid-column:1 / -1;margin:0;padding-top:8px;border-top:1px solid var(--border);color:var(--text);font-size:12px;line-height:1.5}@media(max-width:1000px){.travel-compliance-counts{grid-template-columns:repeat(3,minmax(120px,1fr))}}@media(max-width:768px){.travel-compliance-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.travel-compliance-filters{grid-template-columns:1fr}.travel-compliance-card{flex-direction:column}.travel-compliance-card-side{width:100%;min-width:0;align-items:flex-start}.travel-compliance-card-side small{max-width:none;text-align:left}.travel-compliance-detail-grid,.travel-compliance-history-item{grid-template-columns:1fr}}@media(max-width:480px){.travel-comply-view-tabs{display:grid;grid-template-columns:1fr}.travel-comply-view-tabs button{width:100%}.travel-compliance-counts{grid-template-columns:1fr}}.travel-calendar-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px;padding:20px 22px;border:1px solid var(--border);border-radius:18px;background:var(--panel);box-shadow:var(--shadow-soft)}.travel-calendar-page-head>div:first-child{min-width:0}.travel-calendar-page-head>div:first-child>span{display:block;margin-bottom:7px;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.travel-calendar-page-head h1{margin:0;color:var(--text);font-size:28px;line-height:1.2}.travel-calendar-page-head p{margin:7px 0 0;color:var(--muted);font-size:12px;font-weight:700}.travel-calendar-page-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.travel-calendar-page-actions button{min-height:42px;padding:0 16px;border:1px solid var(--border);border-radius:11px;background:var(--bg);color:var(--text);font-size:12px;font-weight:900;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.travel-calendar-page-actions button:hover{border-color:var(--accent);background:var(--panel-2);transform:translateY(-1px)}.travel-calendar-page-actions button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.travel-calendar-toolbar{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px}.travel-calendar-toolbar>div{display:grid;grid-template-columns:minmax(150px,1fr) 100px;gap:8px}.travel-calendar-toolbar button{display:inline-flex;align-items:center;justify-content:center;width:42px;min-width:42px;height:42px;padding:0;border:1px solid var(--border);border-radius:11px;background:var(--panel);color:var(--text);font-size:22px;font-weight:900;cursor:pointer}.travel-calendar-toolbar button:hover{border-color:var(--accent);background:var(--panel-2)}.travel-calendar-toolbar select,.travel-calendar-toolbar input{width:100%;min-width:0;height:42px;padding:0 12px;border:1px solid var(--border);border-radius:11px;outline:none;background:var(--panel);color:var(--text);font-size:12px;font-weight:800}.travel-calendar-toolbar select:focus,.travel-calendar-toolbar input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.travel-calendar-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,.9fr);align-items:stretch;gap:20px}.travel-full-calendar-card,.travel-calendar-agenda{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--panel);box-shadow:var(--shadow-soft)}.travel-full-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));width:100%}.travel-full-calendar-day-head{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 6px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--panel-2);color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.05em}.travel-full-calendar-day-head:nth-child(7){border-right:none}.travel-full-calendar-cell{appearance:none;display:flex;flex-direction:column;gap:8px;min-width:0;min-height:100px;padding:10px;border:none;border-right:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:0;outline:none;background:var(--bg);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.travel-full-calendar-cell:nth-child(7n){border-right:none}.travel-full-calendar-cell:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 7%,var(--bg));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.travel-full-calendar-cell.muted{background:color-mix(in srgb,var(--panel-2) 76%,var(--bg));color:var(--muted);opacity:.46;cursor:default}.travel-full-calendar-cell.selected{background:color-mix(in srgb,var(--accent) 15%,var(--bg));box-shadow:inset 0 0 0 2px var(--accent)}.travel-full-calendar-cell.today{background:color-mix(in srgb,#3b82f6 12%,var(--bg))}.travel-full-calendar-cell.today .travel-full-calendar-date span{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#2563eb;color:#fff}.travel-full-calendar-cell:disabled{pointer-events:none}.travel-full-calendar-date{display:flex;align-items:center;justify-content:space-between;gap:8px}.travel-full-calendar-date>span{color:inherit;font-size:14px;font-weight:900}.travel-full-calendar-date>b{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:color-mix(in srgb,var(--accent) 18%,var(--panel));color:var(--text);font-size:10px;font-weight:900}.travel-full-calendar-events{display:grid;gap:5px;min-width:0}.travel-full-calendar-events>span{display:block;width:100%;min-width:0;padding:5px 7px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border));border-radius:7px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:var(--text);font-size:9px;font-weight:800;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.travel-full-calendar-events>span:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 20%,var(--panel))}.travel-full-calendar-events>small{color:var(--muted);font-size:9px;font-weight:800}.travel-calendar-agenda{display:flex;flex-direction:column;min-height:100%;padding:18px}.travel-calendar-agenda .travel-dashboard-head{align-items:flex-start;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--border)}.travel-calendar-agenda .travel-dashboard-head h3{margin:0 0 5px;color:var(--text);font-size:17px}.travel-calendar-agenda .travel-dashboard-head p{margin:0;color:var(--muted);font-size:11px}.travel-calendar-agenda-list{display:grid;gap:10px;max-height:610px;padding-right:4px;overflow-y:auto}.travel-calendar-agenda-item{appearance:none;display:grid;gap:5px;width:100%;padding:13px 14px;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.travel-calendar-agenda-item:hover{border-color:var(--accent);background:var(--panel-2);transform:translateY(-1px)}.travel-calendar-agenda-item strong{overflow:hidden;color:var(--text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.travel-calendar-agenda-item span{color:var(--muted);font-size:11px;font-weight:700}.travel-calendar-agenda-item small{color:var(--text);font-size:10px;font-weight:700}@media(max-width:1100px){.travel-calendar-layout{grid-template-columns:1fr}.travel-calendar-agenda{min-height:260px}}@media(max-width:768px){.travel-calendar-page-head{align-items:stretch;flex-direction:column;padding:16px}.travel-calendar-page-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.travel-calendar-page-actions button{width:100%}.travel-calendar-toolbar{display:grid;grid-template-columns:42px minmax(0,1fr) 42px}.travel-calendar-toolbar>div{grid-template-columns:minmax(0,1fr) 82px}.travel-full-calendar-card{overflow-x:auto}.travel-full-calendar-grid{min-width:720px}.travel-full-calendar-cell{min-height:105px}}@media(max-width:480px){.travel-calendar-page-actions{grid-template-columns:1fr}.travel-calendar-toolbar>div{grid-template-columns:1fr}.travel-calendar-toolbar input{display:none}}.travel-forecast-count{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:82px;min-height:82px;padding:10px;border:1px solid var(--border);border-radius:16px;background:var(--panel-2);color:var(--text)}.travel-forecast-count strong{font-size:30px;font-weight:900;line-height:1}.travel-forecast-count span{margin-top:7px;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.travel-status.incomplete,.travel-compliance-status.incomplete{border:1px solid rgba(239,68,68,.48);background:#ef444424;color:#ef4444}.permissions-page{display:flex;flex-direction:column;gap:20px}.permissions-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.permissions-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px}.permission-card{background:#0f172ae6;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px;transition:.2s ease}.permission-card:hover{border-color:#60a5fa73;transform:translateY(-2px)}.permission-title{font-size:15px;font-weight:900;margin-bottom:14px;color:#fff}.permission-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.permission-check{display:flex;align-items:center;gap:8px;padding:10px;border-radius:12px;background:#ffffff0a;font-size:13px;font-weight:700}.permission-toolbar{display:flex;gap:10px;flex-wrap:wrap}.permission-toolbar button{border:none;border-radius:12px;padding:10px 14px;font-weight:800;cursor:pointer;background:#3b82f6;color:#fff}.permission-toolbar button:hover{opacity:.9}.staff-report-page{display:flex;flex-direction:column;gap:16px;width:100%;max-width:100%;padding:22px;box-sizing:border-box;color:var(--text);overflow-x:hidden}.staff-report-hero{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:20px;background:radial-gradient(circle at top right,rgba(79,70,229,.24),transparent 34%),linear-gradient(135deg,var(--panel),var(--panel-2));box-shadow:var(--shadow-soft)}.staff-report-hero:after{content:"";position:absolute;width:260px;height:260px;right:-110px;bottom:-145px;border-radius:50%;background:#6366f124}.staff-report-hero-main{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:22px}.staff-report-eyebrow{display:inline-flex;margin-bottom:8px;color:#60a5fa;font-size:11px;font-weight:900;letter-spacing:.14em}.staff-report-hero h1{margin:0;color:var(--text);font-size:32px;line-height:1.05;font-weight:950}.staff-report-hero p{max-width:700px;margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.6;font-weight:600}.staff-report-flow{display:inline-flex;align-items:center;gap:12px;margin-top:18px;padding:10px 12px;border:1px solid var(--border);border-radius:11px;background:#3b82f614}.staff-report-flow span{color:#60a5fa;font-size:10px;font-weight:900;letter-spacing:.09em}.staff-report-flow b{color:var(--text);font-size:11px}.staff-report-hero-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.staff-report-btn{min-height:38px;padding:9px 14px;border:1px solid var(--border);border-radius:11px;background:var(--panel);color:var(--text);font-size:12px;font-weight:850;cursor:pointer}.staff-report-btn:disabled{opacity:.6;cursor:not-allowed}.staff-report-btn-secondary:hover:not(:disabled){background:var(--hover)}.staff-report-btn-primary{border-color:transparent;background:var(--primary);color:#fff}.staff-report-btn-primary:hover:not(:disabled){background:var(--primary-hover)}.staff-report-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.staff-report-summary-card{display:flex;align-items:center;gap:13px;min-width:0;padding:17px;border:1px solid var(--border);border-radius:17px;background:var(--panel);box-shadow:var(--shadow-soft)}.staff-report-summary-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:14px;font-size:10px;font-weight:950}.staff-report-summary-card>div:last-child{display:flex;flex-direction:column;min-width:0}.staff-report-summary-card span{color:var(--muted);font-size:11px;font-weight:800}.staff-report-summary-card strong{margin-top:3px;color:var(--text);font-size:27px;line-height:1;font-weight:950}.staff-report-summary-card small{margin-top:6px;color:var(--muted);font-size:10px;font-weight:650}.staff-report-summary-total{border-color:#3b82f6ad}.staff-report-summary-total .staff-report-summary-icon{background:#3b82f624;color:#3b82f6}.staff-report-summary-pending .staff-report-summary-icon{background:#f59e0b24;color:#f59e0b}.staff-report-summary-approved .staff-report-summary-icon{background:#10b98124;color:#10b981}.staff-report-summary-closed .staff-report-summary-icon{background:#7c3aed24;color:#8b5cf6}.staff-report-list-card{width:100%;max-width:100%;border:1px solid var(--border);border-radius:17px;background:var(--panel);box-shadow:var(--shadow-soft);overflow:hidden}.staff-report-search-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-bottom:1px solid var(--border)}.staff-report-search-controls{display:flex;align-items:center;gap:9px;flex:1;min-width:0}.staff-report-search-input{width:min(450px,100%);min-width:260px;height:39px;padding:0 12px;border:1px solid var(--border);border-radius:11px;background:var(--panel-2);color:var(--text);outline:none}.staff-report-search-input:focus{border-color:#3b82f69e;box-shadow:0 0 0 3px #3b82f61f}.staff-report-result-count{color:var(--muted);font-size:11px;font-weight:800}.staff-report-table-wrap{width:100%;max-height:500px;overflow:auto}.staff-report-table{width:100%;min-width:1180px;border-collapse:collapse}.staff-report-table th{position:sticky;top:0;z-index:2;padding:12px;background:var(--table-header);color:#fff;text-align:left;white-space:nowrap;font-size:11px;font-weight:850}.staff-report-table td{padding:12px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:top;font-size:11px}.staff-report-table tbody tr:hover{background:var(--row-hover)}.staff-report-number,.staff-report-employee{font-weight:900}.staff-report-empty{padding:30px!important;color:var(--muted)!important;text-align:center;font-weight:800}.staff-report-row-actions{display:flex;justify-content:center}.staff-report-view-btn{min-width:96px;height:32px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2);color:var(--text);font-size:11px;font-weight:850;cursor:pointer}.staff-report-view-btn:hover{background:var(--hover)}.staff-report-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-top:1px solid var(--border)}.staff-report-pager-left,.staff-report-pager-right{display:flex;align-items:center;gap:8px}.staff-report-pager-left span,.staff-report-page-summary{color:var(--muted);font-size:11px;font-weight:750}.staff-report-pager select{height:33px;padding:0 9px;border:1px solid var(--border);border-radius:9px;background:var(--panel-2);color:var(--text)}.staff-report-page-btn,.staff-report-page-number{min-width:33px;height:33px;border:1px solid var(--border);border-radius:9px;background:var(--panel-2);color:var(--text);font-weight:850;cursor:pointer}.staff-report-page-number.active{border-color:transparent;background:var(--primary);color:#fff}.staff-report-page-btn:disabled{opacity:.45;cursor:not-allowed}.staff-report-create-modal{width:min(950px,95vw);overflow:visible}.staff-report-modal-grid{overflow:visible}.staff-report-employee-picker{position:relative;z-index:50}.staff-report-view-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:16px}.staff-report-file-table{margin:0 16px 14px}.staff-report-file-table .table-wrap{max-height:none}.staff-report-file-table .table{min-width:700px}.staff-report-upload-box{margin:14px 16px 0;padding:14px;border:1px dashed var(--border);border-radius:14px;background:var(--panel-2)}.staff-report-upload-box .btn-primary,.staff-report-upload-box .btn-success{margin-top:10px}.staff-report-view-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding:16px}@media(max-width:1100px){.staff-report-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-report-hero-main{flex-direction:column}.staff-report-hero-actions{justify-content:flex-start}}@media(max-width:680px){.staff-report-page{padding:14px}.staff-report-summary-grid{grid-template-columns:1fr}.staff-report-search-panel,.staff-report-pager,.staff-report-search-controls{align-items:stretch;flex-direction:column}.staff-report-search-input{width:100%;min-width:0}.staff-report-view-grid{grid-template-columns:1fr}.staff-report-hero-actions{display:grid;grid-template-columns:1fr;width:100%}.staff-report-btn{width:100%}}.notice-explain-page{display:flex;flex-direction:column;gap:18px;width:100%;max-width:100%;box-sizing:border-box;color:var(--text);overflow-x:hidden}.notice-hero{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:20px;background:radial-gradient(circle at 92% 8%,rgba(99,102,241,.22),transparent 26%),linear-gradient(135deg,var(--panel),var(--panel-2));box-shadow:var(--shadow-soft)}.notice-hero:after{content:"";position:absolute;top:-110px;right:-80px;width:270px;height:270px;border-radius:999px;border:28px solid rgba(99,102,241,.09);pointer-events:none}.notice-hero-main{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px}.notice-hero-copy{min-width:0}.notice-hero-eyebrow{display:inline-block;margin-bottom:8px;color:#60a5fa;font-size:11px;font-weight:900;letter-spacing:.12em}.notice-hero-title{margin:0;color:var(--text);font-size:28px;font-weight:950;line-height:1.1}.notice-hero-subtitle{max-width:720px;margin:9px 0 0;color:var(--muted);font-size:13px;font-weight:650;line-height:1.6}.notice-approval-flow{display:inline-flex;align-items:center;gap:12px;margin-top:16px;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:#0f172a2e}.notice-approval-flow span{color:#60a5fa;font-size:10px;font-weight:900;letter-spacing:.08em}.notice-approval-flow b{color:var(--text);font-size:12px;font-weight:900}.notice-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;flex-shrink:0}.notice-btn{min-height:38px;padding:0 15px;border-radius:11px;border:1px solid transparent;font:inherit;font-size:12px;font-weight:900;cursor:pointer;transition:transform .16s ease,opacity .16s ease,border-color .16s ease}.notice-btn:hover:not(:disabled){transform:translateY(-1px)}.notice-btn:disabled{opacity:.55;cursor:not-allowed}.notice-btn-primary{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;box-shadow:0 10px 22px #4f46e538}.notice-btn-secondary{background:var(--panel-2);border-color:var(--border);color:var(--text)}.notice-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.notice-summary-card{display:flex;align-items:center;gap:14px;min-height:102px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--panel);box-shadow:var(--shadow-soft)}.notice-summary-icon{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:13px;font-size:12px;font-weight:950}.notice-summary-copy{display:flex;min-width:0;flex-direction:column}.notice-summary-copy span{color:var(--muted);font-size:11px;font-weight:850}.notice-summary-copy strong{margin-top:2px;color:var(--text);font-size:27px;font-weight:950;line-height:1}.notice-summary-copy small{margin-top:7px;color:var(--muted);font-size:10px;font-weight:650}.notice-summary-total .notice-summary-icon{border:1px solid rgba(59,130,246,.38);background:#3b82f61f;color:#60a5fa}.notice-summary-pending .notice-summary-icon{border:1px solid rgba(245,158,11,.38);background:#f59e0b1f;color:#f59e0b}.notice-summary-approved .notice-summary-icon{border:1px solid rgba(16,185,129,.38);background:#10b9811f;color:#10b981}.notice-summary-closed .notice-summary-icon{border:1px solid rgba(239,68,68,.38);background:#ef44441f;color:#ef4444}.notice-list-card{width:100%;max-width:100%;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--panel);box-shadow:var(--shadow-soft)}.notice-search-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;border-bottom:1px solid var(--border)}.notice-search-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-width:0}.notice-search-input{width:min(440px,55vw);min-width:280px;height:40px;padding:0 13px;border:1px solid var(--border);border-radius:11px;outline:none;background:var(--panel-2);color:var(--text);font-size:12px;font-weight:700}.notice-search-input::placeholder{color:var(--muted)}.notice-search-input:focus{border-color:#60a5faa6;box-shadow:0 0 0 3px #60a5fa1f}.notice-result-count{flex-shrink:0;color:var(--muted);font-size:12px;font-weight:850}.notice-table-wrap{width:100%;max-height:500px;overflow:auto}.notice-table{width:100%;min-width:1180px;border-collapse:collapse}.notice-table th{position:sticky;top:0;z-index:2;padding:12px 11px;background:#2f66f3;color:#fff;text-align:left;white-space:nowrap;font-size:11px;font-weight:950}.notice-table td{padding:13px 11px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;font-size:12px;font-weight:650}.notice-table tbody tr{transition:background .16s ease}.notice-table tbody tr:hover{background:#60a5fa0d}.notice-report-no,.notice-employee-cell{font-weight:900!important}.notice-empty-state{padding:30px!important;text-align:center;color:var(--muted)!important;font-weight:800!important}.notice-row-actions{display:flex;justify-content:center}.notice-view-btn{min-width:92px;height:34px;padding:0 13px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2);color:var(--text);font-size:11px;font-weight:900;cursor:pointer}.notice-view-btn:hover{border-color:#60a5fa8c}.notice-pager{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-top:1px solid var(--border);background:var(--panel-2)}.notice-pager-left,.notice-pager-right{display:flex;align-items:center;gap:9px}.notice-pager-left span,.notice-page-summary{color:var(--muted);font-size:11px;font-weight:850}.notice-pager-left select{height:36px;min-width:82px;padding:0 10px;border:1px solid var(--border);border-radius:10px;outline:none;background:var(--panel);color:var(--text);font-weight:800}.notice-page-btn,.notice-page-number{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--border);border-radius:999px;background:var(--panel);color:var(--text);font-size:13px;font-weight:900;cursor:pointer}.notice-page-btn:disabled{opacity:.4;cursor:not-allowed}.notice-page-number.active{border-color:#4f46e5;background:#4f46e5;color:#fff}.notice-explain-page .modal.saas-modal{border:1px solid var(--border);background:var(--panel);color:var(--text)}.notice-explain-page .modal-grid,.notice-explain-page .modal-form,.notice-explain-page .form-group label{color:var(--text)}.notice-explain-page .form-group input,.notice-explain-page .form-group textarea,.notice-explain-page .form-group select{border-color:var(--border);background:var(--panel-2);color:var(--text)}.notice-explain-page .approval-search-dropdown{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow-soft)}.notice-explain-page .approval-search-item{color:var(--text)}.notice-explain-page .approval-search-item:hover{background:#60a5fa14}.notice-explain-page .view-report-modal{width:min(980px,95vw);max-height:90vh;overflow-y:auto}.notice-explain-page .table-card{border-color:var(--border);background:var(--panel)}.notice-explain-page .badge{display:inline-flex;align-items:center;justify-content:center;max-width:220px;padding:6px 10px;border-radius:999px;white-space:normal;text-align:center;font-size:10px;font-weight:900;line-height:1.25}.notice-explain-page .badge-approved{border:1px solid rgba(16,185,129,.45);background:#10b9811f;color:#10b981}.notice-explain-page .badge-rejected{border:1px solid rgba(239,68,68,.45);background:#ef44441f;color:#ef4444}.notice-explain-page .badge-pending{border:1px solid rgba(59,130,246,.45);background:#3b82f61f;color:#60a5fa}@media(max-width:1100px){.notice-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notice-hero-main{flex-direction:column}.notice-hero-actions{justify-content:flex-start}}@media(max-width:700px){.notice-summary-grid{grid-template-columns:1fr}.notice-search-panel,.notice-pager{align-items:stretch;flex-direction:column}.notice-search-controls{width:100%}.notice-search-input{width:100%;min-width:0}.notice-pager-right{justify-content:flex-end;flex-wrap:wrap}}.termination-page{display:flex;flex-direction:column;gap:12px;width:100%;max-width:100%;padding:0;box-sizing:border-box;color:var(--text)}.termination-page-embedded{padding:0}.termination-hero{margin-bottom:0}.termination-hero-main{position:relative;overflow:hidden;display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding:24px;border:1px solid rgba(96,165,250,.2);border-radius:18px;background:radial-gradient(circle at top right,rgba(79,70,229,.3),transparent 35%),linear-gradient(135deg,#101f3a,#0b172d);box-shadow:0 18px 45px #00000038}.termination-hero-main:after{content:"";position:absolute;top:-75px;right:-45px;width:210px;height:210px;border:30px solid rgba(96,165,250,.05);border-radius:50%;pointer-events:none}.termination-hero:after{display:none}.termination-hero-copy{position:relative;z-index:1;min-width:0;max-width:760px}.termination-eyebrow{display:block;margin-bottom:8px;color:#60a5fa;font-size:11px;font-weight:900;letter-spacing:.12em}.termination-hero h1{margin:0;color:#f8fafc;font-size:clamp(24px,3vw,34px);line-height:1.12;font-weight:950;letter-spacing:-.025em}.termination-hero p{max-width:680px;margin:10px 0 0;color:#9fb0c9;font-size:13px;line-height:1.65;font-weight:650}.termination-flow{display:inline-flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px;padding:9px 12px;border:1px solid rgba(96,165,250,.18);border-radius:10px;background:#02061757}.termination-flow span{color:#7dd3fc;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.termination-flow b{color:#dbeafe;font-size:11px;font-weight:850}.termination-hero-actions{position:relative;z-index:1;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}.termination-btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border-radius:10px;font-family:inherit;font-size:12px;font-weight:900;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.termination-btn:disabled{opacity:.55;cursor:not-allowed}.termination-btn-secondary{border:1px solid rgba(148,163,184,.35);background:#0206176b;color:#f8fafc}.termination-btn-secondary:hover:not(:disabled){background:#1e293bcc}.termination-btn-primary{border:1px solid transparent;background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff}.termination-btn-primary:hover:not(:disabled){filter:brightness(1.08)}.termination-btn:hover:not(:disabled){transform:translateY(-1px)}.termination-embedded-toolbar{display:flex;justify-content:flex-start;gap:10px;flex-wrap:wrap}.termination-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:0}.termination-summary-card{min-width:0;min-height:112px;display:flex;align-items:center;gap:14px;padding:17px;border:1px solid var(--border);border-radius:16px;background:var(--panel);color:var(--text);text-align:left;box-shadow:var(--shadow-soft)}.termination-summary-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:14px;font-size:10px;font-weight:950}.termination-summary-card>div:last-child{display:flex;flex-direction:column;min-width:0}.termination-summary-card span{color:var(--muted);font-size:11px;font-weight:800}.termination-summary-card strong{margin-top:4px;color:var(--text);font-size:28px;line-height:1;font-weight:950}.termination-summary-card small{margin-top:7px;color:var(--muted);font-size:10px;font-weight:650}.termination-summary-total{border-color:#3b82f6ad}.termination-summary-total .termination-summary-icon{background:#3b82f624;color:#3b82f6}.termination-summary-pending .termination-summary-icon{background:#f59e0b24;color:#f59e0b}.termination-summary-approved .termination-summary-icon{background:#10b98124;color:#10b981}.termination-summary-closed .termination-summary-icon{background:#7c3aed24;color:#8b5cf6}.termination-list-card{display:flex;flex-direction:column;gap:14px;width:100%;max-width:100%;background:transparent;border:none;border-radius:0;box-shadow:none;overflow:visible}.termination-search-panel{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;margin:0;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:#0f172aeb}.termination-search-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1;min-width:0}.termination-search-input{min-width:320px;min-height:40px;padding:10px 14px;border-radius:12px;border:1px solid rgba(148,163,184,.22);background:#02061780;color:#e5edf8;font-family:inherit;font-weight:800;outline:none}.termination-search-input::placeholder{color:#77879f}.termination-search-input:focus{border-color:#60a5fab3;box-shadow:0 0 0 3px #3b82f629}.termination-result-count{padding:8px 12px;border-radius:999px;background:#4f46e529;border:1px solid rgba(99,102,241,.24);color:#c7d2fe;font-size:12px;font-weight:950}[data-theme=light] .termination-search-panel{background:#fff}[data-theme=light] .termination-search-input{background:#fff;color:#0f172a}.termination-table-wrap{width:100%;max-height:520px;overflow:auto;border:1px solid var(--border);border-radius:14px;background:var(--panel);box-shadow:var(--shadow-soft)}.termination-table{width:100%;min-width:1100px;border-collapse:collapse;table-layout:auto}.termination-table th{position:sticky;top:0;z-index:2;padding:12px 10px;background:var(--table-header);color:#fff;text-align:left;white-space:nowrap;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.5px}.termination-table td{padding:8px 10px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:top;font-size:11px}.termination-table tbody tr:hover{background:var(--row-hover)}.termination-request-no,.termination-employee{font-weight:900}.termination-empty{padding:30px!important;color:var(--muted)!important;text-align:center;font-weight:800}.termination-table th:last-child,.termination-table td:last-child{width:125px;min-width:125px;text-align:center}.termination-row-actions{display:flex;flex-direction:column;align-items:center;gap:5px;width:115px;margin:0 auto}.termination-view-btn{width:108px;height:30px;padding:0 8px;border-radius:10px;border:1px solid rgba(148,163,184,.25);background:#0f172a;color:#fff;font-size:11px;font-weight:800;cursor:pointer}.termination-view-btn:hover{background:#1e293b}.termination-pager{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:var(--panel);box-shadow:var(--shadow-soft);flex-wrap:wrap}.termination-pager-left,.termination-pager-right{display:flex;align-items:center;gap:8px}.termination-pager-left span,.termination-page-summary{font-size:12px;font-weight:900;color:var(--muted)}.termination-pager select{height:36px;min-width:74px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:0 34px 0 14px;font-weight:900;outline:none;cursor:pointer}.termination-pager select option{background:var(--panel);color:var(--text)}.termination-page-btn,.termination-page-number{min-width:36px;height:36px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-weight:900;cursor:pointer;transition:.15s ease}.termination-page-btn:hover:not(:disabled),.termination-page-number:hover{background:color-mix(in srgb,var(--primary) 18%,transparent);border-color:color-mix(in srgb,var(--primary) 45%,var(--border))}.termination-page-number.active{background:var(--primary);border-color:var(--primary);color:#fff}.termination-page-btn:disabled{opacity:.35;cursor:not-allowed}[data-theme=dark] .termination-pager select{color-scheme:dark}[data-theme=dark] .termination-pager select option{background:#0f172a;color:#fff}.badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid transparent;white-space:nowrap}.badge-approved{background:#10b98126;color:#10b981;border-color:#10b98159}.badge-rejected{background:#ef444426;color:#ef4444;border-color:#ef444459}.badge-pending{background:#f59e0b26;color:#f59e0b;border-color:#f59e0b59}@media(max-width:1100px){.termination-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.termination-hero-main{flex-direction:column}.termination-hero-actions{justify-content:flex-start}}@media(max-width:680px){.termination-summary-grid{grid-template-columns:1fr}.termination-search-panel,.termination-pager,.termination-search-controls{align-items:stretch;flex-direction:column}.termination-search-input{width:100%;min-width:0}.termination-hero-actions{display:grid;grid-template-columns:1fr;width:100%}.termination-btn{width:100%}}.termination-create-modal{width:min(950px,95vw);overflow:visible!important}.termination-modal-grid{overflow:visible!important}.termination-employee-picker{position:relative;z-index:100}.termination-employee-picker .approval-search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:99999;max-height:240px;overflow-y:auto;border:1px solid var(--border);border-radius:12px;background:var(--panel);box-shadow:0 16px 35px #00000059}.termination-employee-picker .approval-search-item{display:block;width:100%;padding:10px 12px;border:none;border-bottom:1px solid var(--border);background:transparent;color:var(--text);text-align:left;font-family:inherit;font-size:12px;font-weight:750;cursor:pointer}.termination-employee-picker .approval-search-item:last-child{border-bottom:none}.termination-employee-picker .approval-search-item:hover{background:var(--row-hover)}.termination-employee-picker .approval-search-empty{padding:12px;color:var(--muted);font-size:12px;font-weight:700}[data-theme=dark] .termination-employee-picker .approval-search-dropdown{background:#0f1f3d;border-color:#ffffff1a}[data-theme=light] .termination-employee-picker .approval-search-dropdown{background:#fff}.termination-employee-picker .approval-search-dropdown::-webkit-scrollbar{width:7px}.termination-employee-picker .approval-search-dropdown::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:999px}.termination-view-modal{width:min(960px,94vw);max-height:90vh;overflow-y:auto}.termination-file-table{margin-top:16px;border-radius:12px;overflow:hidden}.termination-file-table .table{width:100%;table-layout:fixed}.termination-file-table{width:100%;overflow:hidden}.termination-file-table .table{width:100%;min-width:0!important;table-layout:fixed}.termination-file-table .table th:nth-child(1),.termination-file-table .table td:nth-child(1){width:30%}.termination-file-table .table th:nth-child(2),.termination-file-table .table td:nth-child(2){width:55%}.termination-file-table .table th:nth-child(3),.termination-file-table .table td:nth-child(3){width:15%;text-align:center}.termination-file-table .table td{vertical-align:middle;overflow:hidden;text-overflow:ellipsis}.termination-file-table .table td:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.termination-file-table .table td:last-child .btn-secondary{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:68px;height:28px;margin:0;padding:0 8px;border-radius:7px;white-space:nowrap;font-size:9px;font-weight:800}.termination-upload-box{display:flex;flex-direction:column;gap:10px;margin-top:16px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--panel-2)}.termination-upload-box .form-group{width:100%;margin:0}.termination-upload-box .form-group label{display:block;margin-bottom:7px;color:var(--muted);font-size:11px;font-weight:850}.termination-upload-box input[type=file]{width:100%;min-height:40px;padding:6px 8px;box-sizing:border-box;border:1px solid var(--border);border-radius:9px;background:var(--panel);color:var(--text)}.termination-upload-box>.btn-primary{display:none}.termination-view-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.termination-view-actions button{display:inline-flex;align-items:center;justify-content:center;min-width:100px;height:38px;margin:0;padding:0 16px;border-radius:9px;font-size:12px;font-weight:850;white-space:nowrap}.termination-view-actions .btn-danger{min-width:100px}@media(max-width:680px){.termination-view-actions{flex-direction:column-reverse;align-items:stretch}.termination-view-actions button{width:100%}.termination-file-table .table{table-layout:auto}}.chat-page{display:flex;height:calc(100vh - 115px);min-height:680px;background:#fff;border:1px solid #dbe3ef;border-radius:18px;overflow:hidden;box-shadow:0 12px 32px #0f172a14}.chat-sidebar{width:360px;min-width:360px;background:#fff;border-right:1px solid #dbe3ef;overflow-y:auto}.chat-sidebar-head{padding:18px;border-bottom:1px solid #e5e7eb}.chat-title{font-size:22px;font-weight:900;color:#0f172a}.chat-subtitle{margin-top:4px;font-size:12px;color:#64748b}.chat-search{padding:12px;border-bottom:1px solid #e5e7eb}.chat-search input{width:100%;height:42px;border-radius:999px;border:1px solid #cbd5e1;background:#f8fafc;color:#0f172a;padding:0 15px;outline:none}.chat-search input:focus{border-color:#6366f1;background:#fff}.chat-section-title{padding:12px 16px 8px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.chat-item{width:100%;display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid #eef2f7;padding:12px 16px;background:transparent;cursor:pointer;text-align:left;transition:.18s ease}.chat-item:hover{background:#eef2ff}.chat-item.active{background:#e0e7ff;border-left:4px solid #6366f1}.chat-avatar,.chat-header-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.chat-item-body{min-width:0;flex:1}.chat-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-item-title{font-weight:900;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item-preview{margin-top:3px;font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:900;display:inline-flex;align-items:center;justify-content:center}.chat-empty-small{padding:12px 16px;color:#64748b;font-size:13px}.chat-main{flex:1;display:flex;flex-direction:column;background:#f8fafc;min-width:0}.chat-header{min-height:72px;padding:14px 20px;border-bottom:1px solid #dbe3ef;background:#fff;display:flex;align-items:center;gap:12px}.chat-header-title{font-weight:900;color:#0f172a;font-size:16px}.chat-header-subtitle{margin-top:3px;font-size:12px;color:#64748b}.chat-messages{flex:1;overflow-y:auto;padding:22px}.chat-empty{color:#64748b;text-align:center;margin-top:100px;font-weight:800}.chat-message-row{display:flex;margin-bottom:10px}.chat-message-row.mine{justify-content:flex-end}.chat-message-row.theirs{justify-content:flex-start}.chat-message{max-width:min(620px,72%);padding:11px 14px;border-radius:18px;word-break:break-word;line-height:1.45;font-size:14px}.chat-message.sent{background:#6366f1;color:#fff;border-bottom-right-radius:6px}.chat-message.received{background:#fff;color:#0f172a;border:1px solid #e5e7eb;border-bottom-left-radius:6px}.chat-time{margin-top:6px;font-size:10px;opacity:.7}.chat-input{display:flex;gap:10px;padding:14px;border-top:1px solid #dbe3ef;background:#fff}.chat-input input{flex:1;height:46px;border-radius:999px;border:1px solid #cbd5e1;background:#f8fafc;color:#0f172a;padding:0 16px;outline:none}.chat-input input:focus{border-color:#6366f1;background:#fff}.chat-input button{border:0;border-radius:999px;padding:0 24px;background:#6366f1;color:#fff;font-weight:900;cursor:pointer;transition:.18s ease}.chat-input button:hover{background:#4f46e5}.chat-input button:disabled{opacity:.65;cursor:not-allowed}[data-theme=dark] .chat-page{background:#0f172a;border-color:#263449;box-shadow:0 12px 32px #00000047}[data-theme=dark] .chat-sidebar,[data-theme=dark] .chat-sidebar-head,[data-theme=dark] .chat-search,[data-theme=dark] .chat-header,[data-theme=dark] .chat-input{background:#111827;border-color:#263449}[data-theme=dark] .chat-title,[data-theme=dark] .chat-item-title,[data-theme=dark] .chat-header-title{color:#f8fafc}[data-theme=dark] .chat-subtitle,[data-theme=dark] .chat-section-title,[data-theme=dark] .chat-item-preview,[data-theme=dark] .chat-header-subtitle,[data-theme=dark] .chat-empty,[data-theme=dark] .chat-empty-small{color:#94a3b8}[data-theme=dark] .chat-search input,[data-theme=dark] .chat-input input{background:#1e293b;color:#f8fafc;border-color:#334155}[data-theme=dark] .chat-search input::placeholder,[data-theme=dark] .chat-input input::placeholder{color:#94a3b8}[data-theme=dark] .chat-main{background:#0b1220}[data-theme=dark] .chat-item{border-color:#1f2937}[data-theme=dark] .chat-item:hover{background:#1e293b}[data-theme=dark] .chat-item.active{background:#24304a}[data-theme=dark] .chat-message.received{background:#1e293b;color:#f8fafc;border-color:#334155}.chat-sidebar::-webkit-scrollbar,.chat-messages::-webkit-scrollbar{width:8px}.chat-sidebar::-webkit-scrollbar-thumb,.chat-messages::-webkit-scrollbar-thumb{background:#6366f173;border-radius:999px}.chat-upload-btn{cursor:pointer;padding:10px;font-size:18px}.chat-file-preview{display:flex;align-items:center;gap:8px;padding:6px;border-radius:8px;background:var(--card-bg)}.chat-file-preview input{width:180px}.chat-files{margin-top:8px}.chat-file-btn{border:none;cursor:pointer;padding:8px 12px;border-radius:8px;margin-top:4px}.calendar-summary-page{width:100%;display:flex;flex-direction:column;gap:18px;color:var(--text)}.calendar-summary-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap}.calendar-summary-header h1{margin:0;font-size:24px;line-height:1.2;font-weight:900;color:var(--text)}.calendar-summary-header p{margin:7px 0 0;color:var(--muted);font-size:13px;font-weight:600}.calendar-summary-header-actions{display:flex;gap:10px}.calendar-summary-btn{min-height:40px;padding:0 16px;border-radius:9px;border:1px solid var(--border);font-size:12px;font-weight:800;cursor:pointer}.calendar-summary-btn.secondary{background:var(--panel);color:var(--text)}.calendar-summary-btn.primary{border-color:#4f46e5;background:#4f46e5;color:#fff}.calendar-summary-filter-card{padding:16px;background:var(--panel);border:1px solid var(--border);border-radius:14px}.calendar-summary-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px}.calendar-summary-filter-grid label{min-width:0;display:flex;flex-direction:column;gap:6px}.calendar-summary-filter-grid label span{color:var(--muted);font-size:11px;font-weight:800}.calendar-summary-filter-grid input,.calendar-summary-filter-grid select,.calendar-summary-search-row input{width:100%;height:40px;box-sizing:border-box;padding:0 11px;border:1px solid var(--border);border-radius:9px;background:var(--bg);color:var(--text);font-family:inherit;font-size:12px;outline:none}.calendar-summary-filter-grid input:focus,.calendar-summary-filter-grid select:focus,.calendar-summary-search-row input:focus{border-color:#4f46e5}.calendar-summary-search-row{display:flex;align-items:center;gap:10px;margin-top:14px}.calendar-summary-search-row input{flex:1}.calendar-summary-clear-btn{height:40px;padding:0 16px;border:1px solid var(--border);border-radius:9px;background:var(--panel);color:var(--text);font-size:12px;font-weight:800;cursor:pointer}.calendar-summary-cards{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px}.calendar-summary-stat{position:relative;min-height:105px;padding:16px;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:13px}.calendar-summary-stat>span{color:var(--muted);font-size:11px;font-weight:800}.calendar-summary-stat strong{margin-top:7px;color:var(--text);font-size:27px;line-height:1;font-weight:900}.calendar-summary-stat small{margin-top:auto;padding-top:10px;color:var(--muted);font-size:10px;font-weight:600}.calendar-summary-stat.completed{border-left:4px solid #10b981}.calendar-summary-stat.incomplete{border-left:4px solid #ef4444}.calendar-summary-main-card{overflow:hidden;background:var(--panel);border:1px solid var(--border);border-radius:14px}.calendar-summary-card-head{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border-bottom:1px solid var(--border)}.calendar-summary-card-head h3{margin:0;color:var(--text);font-size:14px;font-weight:900}.calendar-summary-card-head p{margin:5px 0 0;color:var(--muted);font-size:11px;font-weight:600}.calendar-summary-table-wrap{width:100%;overflow-x:auto}.calendar-summary-table{width:100%;min-width:1200px;border-collapse:collapse;table-layout:auto}.calendar-summary-table thead th{padding:11px 12px;background:#3168f5;color:#fff;text-align:left;white-space:nowrap;font-size:11px;font-weight:900}.calendar-summary-table tbody td{padding:12px;border-bottom:1px solid var(--border);color:var(--text);font-size:11px;font-weight:600;white-space:nowrap}.calendar-summary-table tbody tr:last-child td{border-bottom:0}.calendar-summary-table tbody tr:hover{background:var(--hover)}.calendar-summary-name{font-weight:900!important}.calendar-summary-status{display:inline-flex;align-items:center;justify-content:center;min-width:76px;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900}.calendar-summary-status.completed{background:#10b98124;color:#10b981}.calendar-summary-status.incomplete{background:#ef444424;color:#ef4444}@media(max-width:1200px){.calendar-summary-filter-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}.calendar-summary-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.calendar-summary-filter-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.calendar-summary-cards{grid-template-columns:repeat(2,1fr)}.calendar-summary-search-row{flex-direction:column}.calendar-summary-clear-btn{width:100%}}@media(max-width:520px){.calendar-summary-filter-grid,.calendar-summary-cards{grid-template-columns:1fr}.calendar-summary-header-actions{width:100%}.calendar-summary-header-actions button{flex:1}}.calendar-summary-modal-backdrop{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:28px;background:#020617c7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.calendar-summary-modal{width:min(1050px,96vw);max-height:90vh;overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:0 25px 60px #00000059}.calendar-summary-modal-head{position:sticky;top:0;z-index:4;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px;background:var(--panel);border-bottom:1px solid var(--border)}.calendar-summary-modal-head h2{margin:4px 0 0;font-size:20px;font-weight:900;color:var(--text)}.calendar-summary-modal-head p{margin:6px 0 0;color:var(--muted);font-size:12px;font-weight:600}.calendar-summary-modal-eyebrow{color:#818cf8;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.calendar-summary-modal-close{width:36px;height:36px;border:1px solid var(--border);border-radius:9px;background:var(--bg);color:var(--text);font-size:20px;cursor:pointer}.calendar-summary-staff-overview{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:18px 22px}.calendar-summary-staff-overview>div{min-height:78px;padding:12px;display:flex;flex-direction:column;gap:7px;border:1px solid var(--border);border-radius:11px;background:var(--bg)}.calendar-summary-staff-overview span{color:var(--muted);font-size:10px;font-weight:800}.calendar-summary-staff-overview strong{color:var(--text);font-size:17px;font-weight:900}.calendar-summary-modal-section-head{display:flex;justify-content:space-between;gap:20px;padding:4px 22px 12px}.calendar-summary-modal-section-head h3{margin:0;color:var(--text);font-size:14px;font-weight:900}.calendar-summary-modal-section-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.calendar-summary-modal-section-head>span{color:var(--muted);font-size:11px;font-weight:800}.calendar-summary-travel-list{display:flex;flex-direction:column;gap:9px;padding:0 22px 22px}.calendar-summary-travel-item{width:100%;display:grid;grid-template-columns:65px 1fr auto;align-items:center;gap:15px;padding:13px;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--text);text-align:left;font-family:inherit;cursor:pointer}.calendar-summary-travel-item:hover{border-color:#6366f1;transform:translateY(-1px)}.calendar-summary-travel-date{display:flex;flex-direction:column;align-items:center;padding:8px;border-radius:9px;background:#6366f11a}.calendar-summary-travel-date span,.calendar-summary-travel-date small{color:var(--muted);font-size:9px;font-weight:800}.calendar-summary-travel-date strong{font-size:22px;line-height:1.1}.calendar-summary-travel-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.calendar-summary-travel-main p{margin:6px 0;color:var(--muted);font-size:11px;line-height:1.5}.calendar-summary-travel-meta{display:flex;gap:15px;flex-wrap:wrap;color:var(--muted);font-size:10px}.calendar-summary-travel-meta b{color:var(--text)}.calendar-summary-travel-arrow{color:#818cf8;font-size:11px;font-weight:900}.calendar-summary-detail-hero{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:18px 22px}.calendar-summary-detail-hero>div{min-height:70px;padding:11px;display:flex;flex-direction:column;gap:7px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}.calendar-summary-detail-hero>div>span:first-child{color:var(--muted);font-size:9px;font-weight:800}.calendar-summary-detail-hero strong{font-size:12px;color:var(--text)}.calendar-summary-detail-description{margin:0 22px 18px;padding:15px;border:1px solid var(--border);border-radius:11px;background:var(--bg)}.calendar-summary-detail-description span{color:var(--muted);font-size:10px;font-weight:900}.calendar-summary-detail-description p{margin:8px 0 0;color:var(--text);font-size:12px;line-height:1.6}.calendar-summary-findings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 22px 18px}.calendar-summary-finding-card{overflow:hidden;border:1px solid var(--border);border-radius:12px}.calendar-summary-finding-title{display:flex;gap:11px;padding:14px;border-bottom:1px solid var(--border)}.calendar-summary-finding-title>span{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:#6366f124;color:#818cf8;font-size:10px;font-weight:900}.calendar-summary-finding-title h3{margin:0;color:var(--text);font-size:13px}.calendar-summary-finding-title p{margin:4px 0 0;color:var(--muted);font-size:10px}.calendar-summary-finding-list>div{padding:12px 14px;border-bottom:1px solid var(--border)}.calendar-summary-finding-list>div:last-child{border-bottom:0}.calendar-summary-finding-list span{color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase}.calendar-summary-finding-list p{margin:5px 0 0;color:var(--text);font-size:11px;line-height:1.5}.calendar-summary-detail-bottom{display:grid;grid-template-columns:1fr 260px;gap:12px;padding:0 22px 18px}.calendar-summary-involved-card,.calendar-summary-due-card{padding:14px;border:1px solid var(--border);border-radius:11px;background:var(--bg)}.calendar-summary-involved-card>span,.calendar-summary-due-card>span{display:block;margin-bottom:9px;color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase}.calendar-summary-involved-tags{display:flex;flex-wrap:wrap;gap:7px}.calendar-summary-involved-tags>span{padding:6px 9px;border-radius:999px;background:#6366f11f;color:#818cf8;font-size:9px;font-weight:800}.calendar-summary-photo-section{padding:0 22px 22px}.calendar-summary-photo-section h3{margin:0;color:var(--text);font-size:14px}.calendar-summary-photo-section>div>p{margin:4px 0 12px;color:var(--muted);font-size:10px}.calendar-summary-photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.calendar-summary-photo-card{overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--bg)}.calendar-summary-photo-card img{width:100%;height:120px;object-fit:cover;display:block}.calendar-summary-photo-card span{display:block;padding:8px;color:var(--text);font-size:10px;font-weight:800}.calendar-summary-no-photos{padding:24px;border:1px dashed var(--border);border-radius:10px;color:var(--muted);text-align:center;font-size:11px}.calendar-summary-modal-footer{display:flex;justify-content:flex-end;gap:9px;padding:14px 22px;border-top:1px solid var(--border)}.calendar-summary-modal-footer button{padding:9px 14px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-family:inherit;font-size:11px;font-weight:800;cursor:pointer}.calendar-summary-modal-footer button.primary{border-color:#4f46e5;background:#4f46e5;color:#fff}@media(max-width:900px){.calendar-summary-staff-overview{grid-template-columns:repeat(2,1fr)}.calendar-summary-detail-hero{grid-template-columns:repeat(3,1fr)}.calendar-summary-findings-grid,.calendar-summary-detail-bottom{grid-template-columns:1fr}.calendar-summary-photo-grid{grid-template-columns:repeat(2,1fr)}}.calendar-summary-filter-actions{display:flex;justify-content:flex-end;margin-top:12px}.calendar-summary-clickable-row{cursor:pointer;transition:background-color .15s ease}.calendar-summary-clickable-row:hover td{background:#535cff1f}.calendar-summary-clickable-row:active td{background:#535cff33}