@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-color: #FAFBFC;--panel-bg: #FFFFFF;--panel-border: #D5DEE7;--ink: #111827;--muted: #475569;--faint: #94A3B8;--line: #E2E8F0;--side-bg: #06435A;--side-hover: #0B536D;--side-text: #A5C3CD;--side-text-hover: #F8FAFC;--side-active: #FFFFFF;--brand: #0B6B85;--brand-hover: #07566C;--amber: #F59E0B;--amber-bg: #FEF3C7;--green: #10B981;--green-bg: #D1FAE5;--blue: #3B82F6;--blue-bg: #DBEAFE;--violet: #8B5CF6;--violet-bg: #EDE9FE;--red: #EF4444;--red-bg: #FEE2E2;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}*{box-sizing:border-box}body{margin:0;background:var(--bg-color);color:var(--ink);font-family:Inter,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.lf{min-height:100vh;display:flex}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.02em}button{font-family:inherit;transition:all .2s ease}.boot{flex:1;display:grid;place-items:center;min-height:100vh;color:var(--muted);font-size:16px;font-weight:500}.page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.page-loader-text{margin:0;color:var(--muted);font-size:15px;font-weight:500;letter-spacing:.01em}.auth-wrap{min-height:100vh;min-height:100dvh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px clamp(20px,5vw,80px);background-color:#ebf1f6;background-image:linear-gradient(#f4f8fb59,#f4f8fb59),url(/assets/auth-workspace-bg-CWQTrhgD.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;overflow-y:auto;box-sizing:border-box}.auth-container{display:flex;align-items:center;justify-content:space-between;gap:clamp(24px,4vw,64px);width:100%;max-width:1120px;margin:auto}.auth-hero{flex:1;max-width:520px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding-right:12px}.auth-hero__badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#0b6b8517;border:1px solid rgba(11,107,133,.22);color:var(--brand);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.auth-hero__badge-dot{width:8px;height:8px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 3px #0b6b8533}.auth-hero__title{font-size:clamp(32px,3.8vw,48px);font-weight:800;color:#06435a;line-height:1.15;letter-spacing:-.03em;margin:0;background:linear-gradient(135deg,#06435a,#0b6b85 60%,#155e75);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-hero__sub{font-size:16.5px;font-weight:500;color:#475569;line-height:1.5;margin:0}.auth-hero__features{display:flex;flex-direction:column;gap:10px;margin-top:12px;width:100%}.auth-hero__feature-item{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;color:#1e293b;background:#ffffffbf;border:1px solid rgba(226,232,240,.85);padding:11px 16px;border-radius:14px;box-shadow:0 4px 12px #0f172a08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.auth-hero__feature-item:hover{background:#ffffffeb;border-color:#0b6b854d;transform:translate(4px)}.auth-hero__feature-icon{color:var(--brand);font-size:14px}.auth-card{background:#fffffff0;border:1px solid rgba(255,255,255,.9);border-radius:24px;padding:36px 32px;width:100%;max-width:440px;margin-top:auto;margin-bottom:auto;box-shadow:0 30px 70px -12px #0f172a38,0 12px 30px -8px #0b6b8526;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:all .25s ease;box-sizing:border-box}.auth-card:hover{box-shadow:0 36px 80px -12px #0f172a42,0 16px 36px -6px #0b6b8538}.brand{display:flex;align-items:center;gap:12px}.brand-lg{margin-bottom:8px;justify-content:center}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--brand) 0%,#155E75 100%);color:#fff;box-shadow:0 4px 14px #26758a59}.brand-name{font-weight:800;font-size:24px;letter-spacing:-.03em;color:var(--ink)}.auth-org{color:var(--muted);font-size:13px;margin:4px 0 24px;font-weight:500;text-align:center;letter-spacing:.02em}.auth-card h2{font-size:26px;margin-bottom:6px;font-weight:700;color:var(--ink)}.auth-sub{color:var(--muted);font-size:14px;margin:0 0 24px;line-height:1.4}.input-password-wrap{position:relative;display:flex;align-items:center}.input-password-wrap input{padding-right:42px}.password-toggle-btn{position:absolute;right:12px;background:none;border:none;padding:4px;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px}.password-toggle-btn:hover{color:var(--ink)}.auth-switch{text-align:center;margin-top:20px;font-size:14px;color:var(--muted)}.auth-switch .link{color:var(--brand);font-weight:600;text-decoration:none;cursor:pointer;border:none;background:none;padding:0}.auth-switch .link:hover{text-decoration:underline}.demo{margin-top:24px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:16px;padding:18px;font-size:13px;color:var(--muted)}.demo-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.demo-header b{color:var(--ink);font-weight:600}.demo-tip{font-size:11px;color:var(--brand);font-weight:500}.demo-grid{display:flex;flex-direction:column;gap:8px}.demo-role-btn{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #E2E8F0;border-radius:10px;padding:8px 12px;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.demo-role-btn:hover{border-color:var(--brand);background:#f0fdfa;transform:translateY(-1px);box-shadow:0 2px 8px #26758a1a}.demo-role-btn.active{border-color:var(--brand);background:#e6f4f8}.demo-role-label{font-weight:500;color:var(--ink)}.demo-role-code{background:#f1f5f9;border:1px solid #E2E8F0;border-radius:6px;padding:3px 8px;font-size:12px;color:var(--brand);font-family:ui-monospace,monospace;font-weight:600}.demo-note{margin:12px 0 0;font-size:11px;color:var(--faint);line-height:1.4}.side{width:288px;flex-shrink:0;background:var(--side-bg);height:100vh;display:flex;flex-direction:column;padding:16px 12px;position:fixed;inset:0 auto 0 0;z-index:10;overflow-y:auto;box-shadow:none}.side-brand-row{position:relative;display:flex;align-items:center;padding:0 12px 32px}.side .brand{color:#fff;min-width:0;display:flex;align-items:center;gap:12px}.side .brand-name{color:#fff;font-weight:800;font-size:17px;letter-spacing:-.02em}.side .brand-sub{display:block;color:#ffffff9e;font-size:12px;margin-top:3px}.side-toggle{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:36px;height:36px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff14;color:var(--side-text);cursor:pointer;transition:all .2s ease}.side-toggle:hover{background:#ffffff2e;color:#fff;transform:translate(1px)}.side-nav{display:flex;flex-direction:column;gap:6px;flex:1}.mobile-nav-toggle,.mobile-account-actions{display:none}.side.collapsed{width:76px}.side.collapsed .side-brand-row{justify-content:center;padding:0 0 32px}.side.collapsed .brand-copy{opacity:0;width:0;visibility:hidden;pointer-events:none}.side.collapsed .nav-item{justify-content:center}.side.collapsed .nav-item span:not(.nav-badge){display:none}.side.collapsed .nav-badge{position:absolute;top:10px;right:10px}.side.collapsed .side-user{flex-direction:column;gap:10px;padding:16px 0 4px}.side.collapsed .su-meta{display:none}.side.collapsed .side-toggle{right:8px}.nav-item{display:flex;align-items:center;gap:14px;padding:12px;border-radius:12px;background:transparent;border:1px solid transparent;color:var(--side-text);font-size:14px;font-weight:600;cursor:pointer;text-align:left;width:100%;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.nav-item:hover{transform:translate(2px);background:var(--side-hover);color:var(--side-text-hover);border-color:transparent;box-shadow:none}.nav-item.on{background:var(--brand);color:#fff;font-weight:600;border-color:var(--brand);box-shadow:none}.nav-badge{margin-left:auto;background:#ffffff29;color:#fff;font-size:12px;font-weight:700;border-radius:999px;min-width:22px;height:22px;display:grid;place-items:center;padding:0 6px}.side-user{display:flex;align-items:center;gap:12px;padding:18px 12px 8px;border-top:1px solid rgba(255,255,255,.11);margin-top:24px}.avatar{width:36px;height:36px;border-radius:50%;background:#1c3857;color:#fff;display:grid;place-items:center;font-size:15px;font-weight:700;flex-shrink:0}.avatar.sm{width:32px;height:32px;font-size:12px}.su-meta{min-width:0;flex:1}.su-name{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.su-role{font-size:12px;color:var(--side-text);margin-top:2px}.icon-btn{position:relative;background:none;border:none;color:var(--side-text);cursor:pointer;padding:8px;border-radius:10px}.icon-btn:hover{color:#fff;background:var(--side-hover)}.dot-badge{position:absolute;top:0;right:0;background:var(--red);color:#fff;font-size:10px;font-weight:800;border-radius:999px;min-width:16px;height:16px;display:grid;place-items:center;padding:0 4px;border:2px solid var(--side-bg)}.main{flex:1;margin-left:288px;padding:24px clamp(20px,2.5vw,40px);min-width:0;position:relative;background:transparent}.main:before{content:none}.overview-card{margin-bottom:24px;border:1px solid var(--panel-border);border-radius:18px;padding:26px 28px;background:linear-gradient(135deg,#0b6b8508,#fff);box-shadow:0 4px 18px -2px #0b6b850d;transition:all .25s ease}.overview-card:hover{box-shadow:0 8px 24px -4px #0b6b8514;border-color:#c7d8e2}.overview-card__content{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:center}.overview-card__actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:end}.overview-card__eyebrow{margin:0 0 8px;color:var(--brand);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.overview-card h3{font-size:20px;margin-bottom:8px;color:var(--ink);letter-spacing:-.01em}.overview-card__copy{max-width:560px;margin:0;color:var(--muted);font-size:14px;line-height:1.6}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;flex-wrap:wrap;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;position:relative;z-index:1}.topbar h1{font-size:30px;font-weight:800;color:var(--ink);letter-spacing:-.02em;margin:0}.topbar-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.topbar-icon-btn{position:relative;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--panel-border);border-radius:10px;background:#fff;color:var(--muted);cursor:pointer;transition:all .2s ease}.topbar-icon-btn:hover{color:var(--brand);border-color:var(--brand);background:#0b6b850f}.topbar-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border:2px solid var(--bg-color);border-radius:999px;background:var(--red);color:#fff;font-size:10px;font-weight:800}.wave{font-weight:400;display:inline-block;animation:wave 2s infinite;transform-origin:70% 70%}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%,to{transform:rotate(0)}}.date{color:var(--muted);font-size:15px;margin:6px 0 0;font-weight:400}.btn-primary{display:inline-flex;align-items:center;gap:10px;background:var(--brand);color:#fff;border:none;padding:10px 18px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #0b6b8533;transition:all .2s ease}.btn-primary:hover{background:var(--brand-hover);transform:translateY(-1px);box-shadow:0 6px 16px #0b6b854d}.btn-primary:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary.wide{width:100%;justify-content:center;margin-top:8px}.btn-primary.sm{padding:8px 14px;font-size:13.5px}.btn-ghost{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--panel-border);color:var(--ink);padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-ghost:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;background:#f8fafc;color:var(--brand);border:1px solid rgba(11,107,133,.18);padding:10px 14px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#0b6b8514;border-color:var(--brand)}.link{background:none;border:none;color:var(--brand);font-size:14px;font-weight:600;cursor:pointer;padding:0;transition:color .2s ease}.link:hover{color:var(--brand-hover);text-decoration:underline;text-underline-offset:4px}.link.strong{font-weight:700}.link.danger{color:var(--red)}.link.danger:hover{color:#dc2626}.banner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-radius:12px;font-size:14.5px;font-weight:500}.banner.ok{background:var(--green-bg);color:#065f46;border:1px solid #A7F3D0}.banner.err{background:var(--red-bg);color:#991b1b;border:1px solid #FECACA}.banner .x{color:inherit;opacity:.6;font-size:20px}.banner .x:hover{opacity:1}.page-banner{margin-bottom:24px}.toast-stack{position:fixed;top:18px;right:18px;z-index:60;display:flex;flex-direction:column;gap:10px;max-width:min(420px,calc(100vw - 24px))}.toast{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid var(--panel-border);background:#fff;box-shadow:var(--shadow-md)}.toast.ok{border-color:#a7f3d0;background:linear-gradient(90deg,#ecfdf5,#fff);color:#065f46}.toast.err{border-color:#fecaca;background:linear-gradient(90deg,#fef2f2,#fff);color:#991b1b}.toast-icon{flex-shrink:0;width:32px;height:32px;border-radius:999px;display:grid;place-items:center;font-weight:700;background:#0f172a0f}.toast.ok .toast-icon{background:#10b98129}.toast.err .toast-icon{background:#ef444429}.toast-body{flex:1;display:flex;flex-direction:column;gap:3px;font-size:13px}.toast-body strong{font-size:14px}.toast .x{font-size:20px;padding:0;margin-left:6px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:#fff;border:1px solid var(--panel-border);border-radius:18px;padding:22px 24px;box-shadow:0 4px 16px -2px #06435a0a;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px -4px #06435a17;border-color:#bed2de}.stat-card:before{content:none}.sc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.sc-label{color:var(--muted);font-size:13.5px;font-weight:600;max-width:65%;line-height:1.35}.sc-ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;box-shadow:0 2px 8px #00000008}.sc-ico svg{width:20px;height:20px}.sc-ico.amber{background:var(--amber-bg);color:#d97706}.sc-ico.green{background:var(--green-bg);color:#059669}.sc-ico.blue{background:var(--blue-bg);color:var(--brand)}.sc-ico.violet{background:var(--violet-bg);color:var(--violet)}.sc-value{font-size:34px;font-weight:800;color:var(--ink);margin-top:16px;line-height:1;letter-spacing:-.03em}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.two-col--single{grid-template-columns:minmax(0,1fr)}@media(max-width:900px){.two-col{grid-template-columns:1fr}}.panel{background:#fff;border:1px solid var(--panel-border);border-radius:18px;padding:24px;box-shadow:0 4px 16px -2px #06435a0a;transition:box-shadow .25s ease,border-color .25s ease}.panel:hover{box-shadow:0 6px 20px -2px #06435a12}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px}.panel-head h3{font-size:16px;font-weight:700;color:var(--ink);letter-spacing:-.01em}.wide-panel{max-width:900px}.panel-note{color:var(--muted);font-size:14px;margin:-12px 0 20px}.bal-row{display:grid;grid-template-columns:1.3fr 1fr auto;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #F1F5F9}.bal-row:last-of-type{border-bottom:none}.bal-name{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--ink)}.bal-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 2px #fffc}.bal-bar{height:8px;background:#f1f5f9;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000a}.bal-fill{display:block;height:100%;border-radius:999px;transition:width .6s cubic-bezier(.4,0,.2,1)}.bal-num{font-size:12.5px;color:var(--muted);font-weight:600;text-align:right;background:#f8fafc;border:1px solid #E2E8F0;padding:3px 9px;border-radius:6px;white-space:nowrap}.recent-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:#f8fafc;border:1px solid #EBF1F5;margin-bottom:10px;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.recent-row:hover{background:#f0f6fa;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #06435a0d}.rr-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px #ffffffe6}.rr-main{flex:1;min-width:0}.rr-title{font-size:14.5px;font-weight:700;color:var(--ink)}.rr-sub{font-size:12.5px;color:var(--muted);margin-top:3px;font-weight:500}.empty-state{text-align:center;padding:40px 10px;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:10px}.empty-state--card{padding:34px 28px;border:1px solid rgba(59,130,246,.15);border-radius:24px;background:linear-gradient(180deg,#f0f8fffa,#fff);box-shadow:0 26px 60px #3b82f614}.empty-state__icon{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:var(--blue-bg);color:var(--brand);font-size:22px}.empty-state h4{font-size:16px;color:var(--ink);margin:0}.empty-state p{margin:0;font-size:14px;line-height:1.6;max-width:420px}.empty-state__actions{display:flex;justify-content:center;margin-top:4px}.spill{font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px}.sp-pending{background:var(--amber-bg);color:#b45309}.sp-approved{background:var(--green-bg);color:#047857}.sp-rejected{background:var(--red-bg);color:#b91c1c}.sp-cancelled{background:#f1f5f9;color:var(--muted)}.sp-type{background:var(--blue-bg);color:var(--brand)}.req-row{border-top:1px solid var(--line);padding:20px 0}.req-row:first-of-type{border-top:none}.req-top{display:flex;align-items:center;gap:12px}.req-type{font-size:16px;font-weight:600;color:var(--ink)}.req-actions{margin-left:auto}.req-dates{font-size:14px;color:var(--muted);margin-top:8px}.req-dates b{color:var(--ink);font-weight:500}.req-reason,.req-decision{font-size:14px;margin-top:10px;color:var(--muted);line-height:1.5}.tag{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);margin-right:8px}.decide-row{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.decide-row input{flex:1;min-width:220px;background:#fff}.btn-approve,.btn-reject{border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid;transition:all .2s ease}.btn-approve{background:#fff;border-color:var(--green);color:var(--green)}.btn-approve:hover{background:var(--green-bg)}.btn-reject{background:#fff;border-color:var(--red);color:var(--red)}.btn-reject:hover{background:var(--red-bg)}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.team-card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:16px;padding:22px;box-shadow:var(--shadow-sm)}.tc-head{display:flex;gap:14px;align-items:center;margin-bottom:18px}.tc-name{font-size:15px;font-weight:600;color:var(--ink)}.tc-role{font-size:13px;color:var(--muted)}.tc-bar{height:6px;background:#f1f5f9;border-radius:999px;overflow:hidden;margin-bottom:14px}.tc-fill{display:block;height:100%;background:var(--brand);border-radius:999px}.tc-stats{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);font-weight:500}.tc-stats b{color:var(--ink);font-size:15px;font-weight:600}.admin-head{margin-bottom:24px}.admin-title{font-size:24px;font-weight:700;color:var(--ink)}.admin-sub{color:var(--muted);font-size:14px;margin:6px 0 0}.subtabs{display:inline-flex;gap:4px;background:#f1f5f9;border-radius:10px;padding:4px;margin-bottom:24px;flex-wrap:wrap}.subtab{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:var(--muted);padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.subtab:hover{color:var(--ink)}.subtab.on{background:#fff;color:var(--ink);box-shadow:var(--shadow-sm)}.user-row{display:flex;align-items:center;gap:16px;padding:16px 8px;border-top:1px solid var(--line)}.user-row:first-of-type{border-top:none}.ur-meta{flex:1;min-width:0}.ur-name{font-size:14px;font-weight:600;color:var(--ink)}.ur-mail{font-size:13px;color:var(--muted);margin-top:2px}.company-email-field{display:flex;align-items:center;gap:6px;margin-top:4px}.user-email-input{width:min(250px,100%);margin:0;padding:6px 9px;font-size:13px}.email-save{padding:6px 9px;font-size:12px;font-weight:600;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--blue);cursor:pointer}.email-save:disabled{cursor:default;color:var(--muted);background:var(--surface)}.user-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.role-select{width:auto;min-width:130px;margin:0;padding:6px 12px;font-size:13px;font-weight:500}.btn-ghost.danger{color:var(--red);border-color:var(--red)}.btn-ghost.danger:hover{background:var(--red-bg)}.type-row{display:flex;align-items:center;gap:16px;padding:16px 20px;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;background:#fff}.type-row.inactive{opacity:.5;filter:grayscale(1);background:#f8fafc}.type-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.type-meta{flex:1}.type-name{font-size:15px;font-weight:600;display:flex;align-items:center;gap:10px;color:var(--ink)}.type-sub{font-size:13px;color:var(--muted);margin-top:4px}.off-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:#f1f5f9;border:1px solid var(--line);border-radius:4px;padding:2px 6px}.toggle-btn{background:none;border:none;color:var(--red);font-size:13px;font-weight:600;cursor:pointer}.toggle-btn.reactivate{color:var(--green)}.toggle-btn:hover{text-decoration:underline}.btn-primary.sm{padding:8px 16px;font-size:13px}.bulk-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:20px}@media(max-width:640px){.bulk-grid{grid-template-columns:1fr;gap:12px}}.bulk-apply{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.bulk-note{font-size:13px;color:var(--muted)}.peb-row{padding:16px 0;border-top:1px solid var(--line)}.peb-row:first-of-type{border-top:none}.peb-name{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--ink)}.peb-chips{display:flex;flex-wrap:wrap;gap:10px}.peb-chip{display:inline-flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:13px;color:var(--muted);font-weight:500}.peb-chip b{color:var(--ink);font-weight:600}.peb-chip b.zero{color:var(--red)}.peb-dot{width:10px;height:10px;border-radius:50%}.hol-table{width:100%;border-collapse:collapse;font-size:14px}.table-scroll{width:100%;overflow-x:auto}.hol-table th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding:10px 8px}.hol-table td{border-bottom:1px solid var(--line);padding:14px 8px;color:var(--ink)}.hol-kind{font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;background:#f1f5f9;border:1px solid var(--line);color:var(--muted)}.year-select{width:auto;min-width:120px;margin:0;padding:6px 12px;font-size:13px;font-weight:500}.rest-day-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.rest-day-form{display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:16px;padding:18px;margin:-8px 0 22px;background:#f8fafc;border:1px solid var(--line);border-radius:12px}.rest-day-form-actions{display:flex;gap:10px;align-items:end;padding-bottom:8px}.hol-actions{text-align:right}@media(max-width:720px){.rest-day-form{grid-template-columns:1fr}.rest-day-form-actions{padding-bottom:0}}.notif-drawer{position:absolute;right:clamp(20px,4vw,48px);top:80px;width:min(400px,90vw);background:#fff;border:1px solid var(--panel-border);border-radius:16px;box-shadow:var(--shadow-md);z-index:30;overflow:hidden;max-height:70vh;overflow-y:auto}.nd-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);background:#f8fafc}.nd-head h3{font-size:15px;font-weight:600;color:var(--ink)}.nd-item{padding:16px 20px;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink);cursor:pointer;transition:all .2s ease}.nd-item:hover{background:#f0f6fa}.nd-item:last-child{border-bottom:none}.nd-item.unread{background:var(--blue-bg);border-left:4px solid var(--brand)}.nd-item.unread:hover{background:#0b6b851f}.nd-time{font-size:12px;color:var(--muted);margin-top:6px;font-weight:500}.nd-empty{padding:24px 20px;font-size:14px;color:var(--muted);text-align:center}label{display:block;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:8px}input,select{display:block;width:100%;margin-top:6px;padding:10px 14px;font-size:14px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);transition:all .2s ease;font-family:inherit}input:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--blue-bg)}input::placeholder{color:var(--faint)}.frow{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:520px){.frow{grid-template-columns:1fr;gap:0}}.date-group{display:grid;gap:8px}.field-label{font-size:13px;font-weight:600;color:var(--ink)}.select-wrapper{position:relative;display:flex;align-items:center;width:100%}.select-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:28px!important;margin-top:0;width:100%;cursor:pointer}.select-chevron{position:absolute;right:10px;pointer-events:none;font-size:11px;color:var(--muted);opacity:.7}.date-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:4px 0 2px}@media(max-width:560px){.date-cards-grid{grid-template-columns:1fr}}.total-days-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:14px;padding:12px 16px;margin:6px 0 10px;flex-wrap:wrap}.tdb-label{display:flex;flex-direction:column;gap:2px}.tdb-title{font-size:11px;font-weight:700;color:var(--ink);text-transform:uppercase;letter-spacing:.05em}.tdb-sub{font-size:12px;color:var(--muted)}.tdb-control{display:flex;align-items:center;gap:8px}.tdb-step-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:18px;font-weight:700;cursor:pointer;display:grid;place-items:center;line-height:1;padding:0;transition:all .2s ease}.tdb-step-btn:hover:not(:disabled){border-color:var(--brand);background:#f0f6fa;color:var(--brand)}.tdb-step-btn:disabled{opacity:.4;cursor:not-allowed}.tdb-input{width:68px!important;margin-top:0!important;padding:6px 8px!important;font-size:16px!important;font-weight:700!important;color:var(--brand)!important;border-radius:8px!important;text-align:center!important;background:#fff!important;border:1px solid var(--line)!important;-webkit-appearance:textfield!important;-moz-appearance:textfield!important;appearance:textfield!important}.tdb-input::-webkit-inner-spin-button,.tdb-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tdb-unit{font-size:13px;font-weight:600;color:var(--muted)}.date-card{background:#f8fafc;border:1px solid #E2E8F0;border-radius:14px;padding:12px 14px 14px;transition:all .2s ease}.date-card:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #0b6b851a}.date-card__header{margin-bottom:8px}.date-card__title{font-size:12px;font-weight:700;color:var(--ink);text-transform:uppercase;letter-spacing:.05em}.eth-date-fields{display:grid;grid-template-columns:78px 1fr 68px;gap:6px;align-items:end}.eth-field label{font-size:11px;font-weight:600;color:var(--muted);margin-bottom:4px;display:block}.eth-field input,.eth-field select{margin-top:0;padding:8px 10px;font-size:13.5px;border-radius:8px}.date-picker-card-wrapper{display:flex;flex-direction:column;gap:8px}.date-picker-input{width:100%;margin-top:0;padding:10px 14px;font-size:14px;font-weight:600;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);cursor:pointer;transition:all .2s ease}.date-picker-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0b6b851f}.eth-date-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--brand);background:#0b6b8514;padding:4px 10px;border-radius:8px;width:fit-content}.file-upload-box{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f8fafc;border:1px dashed #CBD5E1;border-radius:12px;padding:10px 14px;margin-top:6px;transition:all .2s ease;cursor:pointer}.file-upload-box:hover{border-color:var(--brand);background:#f0f6fa}.file-upload-trigger{display:flex;align-items:center;gap:10px;flex:1;cursor:pointer;margin:0}.file-upload-icon{font-size:16px;color:var(--brand)}.file-upload-text{font-size:13.5px;color:var(--muted);font-weight:500;word-break:break-all}.hidden-file-input{display:none!important}.file-remove-btn{background:none;border:none;font-size:18px;color:var(--muted);cursor:pointer;padding:0 4px}.file-remove-btn:hover{color:var(--red)}.calc-card{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:14px;padding:14px 18px;margin-top:4px;flex-wrap:wrap}.calc-card__main{display:flex;align-items:center;gap:14px}.calc-card__num{font-size:30px;font-weight:800;color:var(--ink);line-height:1;min-width:34px}.calc-card__label-block{display:flex;flex-direction:column;gap:2px}.calc-card__label{font-size:14px;font-weight:700;color:var(--ink)}.calc-card__subnote{font-size:12px;color:var(--muted)}.calc-card__badge-block{max-width:100%}.calc-card__status{font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:10px;line-height:1.45;display:inline-block}.calc-card__status.calc-ok{background:var(--green-bg);color:#065f46;border:1px solid #A7F3D0}.calc-card__status.calc-warn{background:var(--red-bg);color:#991b1b;border:1px solid #FECACA}.modal-subhead{color:var(--muted);font-size:13.5px;margin:4px 0 0;font-weight:400}.modal-form-group{display:flex;flex-direction:column;gap:14px;margin-top:16px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto}.modal{background:#fff;border:1px solid rgba(203,213,225,.45);border-radius:20px;padding:24px 26px 20px;width:100%;max-width:560px;max-height:min(90vh,calc(100vh - 32px));overflow-y:auto;box-shadow:0 24px 64px #0f172a2e;margin:auto;position:relative;display:flex;flex-direction:column}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px;gap:14px;flex-shrink:0}.modal-head h3{font-size:20px;font-weight:700;color:var(--ink)}.modal-intro{margin-bottom:18px;padding:16px 18px;border:1px solid rgba(203,213,225,.35);border-radius:16px;background:#f8fafc;flex-shrink:0}.modal-intro h4{font-size:15px;font-weight:700;color:var(--ink);margin:0 0 6px}.modal-intro p{margin:0;font-size:14px;color:var(--muted);line-height:1.75}.request-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;margin-bottom:16px;border:1px solid rgba(59,130,246,.16);border-radius:18px;background:#eff6ff;flex-shrink:0}.request-summary__pill{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#fff;border:1px solid rgba(203,213,225,.35);font-size:13px;font-weight:600;color:var(--ink);box-shadow:0 8px 18px #0f172a0a}.request-summary__meta{font-size:13px;color:var(--muted);font-weight:500}.x{background:none;border:none;font-size:24px;line-height:1;color:var(--muted);cursor:pointer;padding:0 4px;transition:color .2s ease}.x:hover{color:var(--ink)}.calc{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid rgba(59,130,246,.16);border-radius:18px;padding:16px 20px;font-size:13px;color:var(--muted);margin-bottom:8px}.calc-num{font-size:32px;font-weight:700;color:var(--ink);min-width:46px;text-align:center}.calc-warn{color:var(--red);font-weight:600}.calc-ok{color:var(--green);font-weight:600}.modal-actions{display:flex;justify-content:space-between;gap:12px;margin-top:20px;padding-top:14px;border-top:1px solid var(--line);position:sticky;bottom:-20px;background:#fff;z-index:10;flex-wrap:wrap}@media(max-width:960px){.auth-container{flex-direction:column;justify-content:center;gap:32px}.auth-hero{max-width:440px;padding-right:0;align-items:center;text-align:center}.auth-hero__features{align-items:stretch}}@media(max-width:600px){.auth-hero{display:none}}@media(max-width:900px){.auth-wrap{padding:24px 16px}.auth-card{margin:auto}.lf{display:block}.side,.side.collapsed{width:100%;min-height:0;height:auto;position:relative;overflow:visible;padding:12px 18px;flex-direction:row;align-items:center;flex-wrap:nowrap;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 2px 10px #0f172a0d;z-index:20}.side-brand-row,.side.collapsed .side-brand-row{order:1;flex:1;justify-content:flex-start;padding:0}.side .brand{padding:0}.side .brand-name{color:var(--ink);font-size:18px}.side .brand-sub{color:var(--muted)}.side.collapsed .brand-copy{opacity:1;width:auto;visibility:visible;pointer-events:auto}.mobile-nav-toggle{order:3;display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--ink);cursor:pointer}.mobile-nav-toggle:hover{background:#f1f5f9}.mobile-menu-icon{display:grid;gap:5px}.mobile-menu-icon i{display:block;width:20px;height:2.5px;border-radius:999px;background:currentColor;transition:transform .2s ease,opacity .2s ease}.side.mobile-nav-open .mobile-menu-icon i:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.side.mobile-nav-open .mobile-menu-icon i:nth-child(2){opacity:0}.side.mobile-nav-open .mobile-menu-icon i:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}.side-nav{position:absolute;top:100%;right:0;left:0;display:flex;flex-direction:column;gap:6px;max-height:0;margin:0;overflow:hidden;opacity:0;pointer-events:none;padding:0 18px;background:#fffffffa;border-top:1px solid transparent;box-shadow:0 12px 20px #0f172a14;transform:translateY(-8px);transition:max-height .24s ease,padding .24s ease,opacity .18s ease,transform .24s ease}.side.mobile-nav-open .side-nav{max-height:min(680px,calc(100vh - 74px));opacity:1;pointer-events:auto;padding:16px 18px 20px;border-top-color:var(--line);transform:translateY(0)}.nav-item,.side.collapsed .nav-item{justify-content:center;width:100%;gap:10px;padding:12px;color:#1e293b;font-size:15px}.nav-item:hover{transform:none;background:#f8fafc;color:var(--brand)}.nav-item.on{background:#eff6ff;color:var(--brand);border-color:transparent}.side.collapsed .nav-item span:not(.nav-badge){display:inline}.side.collapsed .nav-badge{position:static;margin-left:2px;background:var(--brand)}.side-user,.side.collapsed .side-user{order:2;flex-direction:row;margin:0 8px 0 0;padding:0;border-top:0;gap:0}.side-user .su-meta,.side.collapsed .su-meta,.side-user .icon-btn{display:none}.mobile-account-actions{display:flex;gap:10px;margin-top:8px;padding-top:16px;border-top:1px solid var(--line)}.mobile-account-actions button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.mobile-account-actions button:hover{color:var(--brand);border-color:#bfdbfe;background:#f8fbff}.side-toggle{display:none}.main{margin-left:0;padding:22px 20px 32px}.topbar{margin-bottom:24px}.topbar h1{font-size:clamp(22px,7vw,28px)}.topbar-actions{width:100%;flex-wrap:nowrap;justify-content:flex-start}.topbar-actions .topbar-icon-btn{flex:0 0 48px;width:48px}.topbar-actions .btn-secondary{flex:0 1 108px;min-width:92px;justify-content:center}.topbar-actions .btn-primary{flex:1 1 140px;min-width:0;justify-content:center}.panel{padding:22px}.wide-panel{max-width:none}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-card{padding:18px}.sc-value{font-size:28px;margin-top:12px}.team-grid{grid-template-columns:1fr;gap:14px}.type-row,.user-row{flex-wrap:wrap;padding:14px}.type-meta{min-width:0}.toggle-btn,.role-select{margin-left:auto}.subtabs{display:flex;max-width:100%;overflow-x:auto;flex-wrap:nowrap}.subtab{flex:0 0 auto}.notif-drawer{position:fixed;right:12px;left:12px;top:12px;width:auto;max-height:calc(100vh - 24px)}}@media(max-height:750px){.auth-wrap{padding:16px 12px}.auth-card{padding:24px 20px;border-radius:20px}.auth-org{margin:4px 0 16px}.auth-sub{margin:0 0 16px}.demo{margin-top:16px;padding:14px}.demo-note{margin-top:8px}}@media(max-width:480px){.auth-wrap{padding:16px 12px}.auth-card{padding:24px 20px;border-radius:18px}.auth-card h2{font-size:24px}.demo-grid{gap:6px 8px}.su-meta{display:none}.side{padding:12px 14px}.side-brand-row,.side.collapsed .side-brand-row{padding-left:4px}.side .brand-name{font-size:17px}.side .brand-sub{font-size:11px}.side-user{gap:4px}.main{padding:20px 16px 28px}.topbar{gap:14px}.topbar-actions{width:100%;gap:8px}.topbar-actions .btn-primary,.topbar-actions .btn-secondary{padding:10px 9px;gap:6px;font-size:13px}.topbar-actions .topbar-icon-btn{width:48px;flex:0 0 48px}.overview-card{padding:20px}.overview-card__content{align-items:flex-start}.overview-card__actions{width:100%}.overview-card__actions>*{flex:1;justify-content:center}.panel{padding:18px;border-radius:14px}.panel-head{align-items:flex-start;margin-bottom:18px;flex-wrap:wrap}.stat-grid{grid-template-columns:1fr}.bal-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.bal-bar{grid-column:1 / -1}.recent-row{padding:12px;gap:10px}.rr-sub,.req-dates{line-height:1.5}.req-top{align-items:flex-start;flex-wrap:wrap}.req-actions{margin-left:0;width:100%}.decide-row input{min-width:0;flex-basis:100%}.btn-approve,.btn-reject{flex:1}.bulk-apply{align-items:stretch}.bulk-apply .btn-primary{width:100%;justify-content:center}.peb-chip{max-width:100%;overflow-wrap:anywhere}.rest-day-actions{width:100%}.rest-day-actions .year-select,.rest-day-actions .btn-primary{flex:1}.rest-day-form{padding:14px}.hol-table{min-width:620px}.overlay{padding:10px;align-items:end}.modal{max-height:calc(100vh - 20px);overflow-y:auto;padding:20px;border-radius:16px}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%;justify-content:center}.eth-date-fields{grid-template-columns:minmax(68px,.8fr) minmax(110px,1.5fr) minmax(58px,.65fr)}input,select{font-size:16px}}.side{width:250px;padding:20px 14px;background:#06435a}.side-brand-row{padding:0 10px 30px}.side .brand-mark{width:34px;height:34px;border-radius:9px;background:#ffffff24;box-shadow:none}.side .brand-name{font-size:17px}.side .brand-sub{color:#9bc2cc}.side-toggle{background:transparent;border-color:transparent;color:#a5c3cd}.side-nav{gap:3px}.nav-item{padding:11px 12px;border-radius:8px;color:#a5c3cd;font-weight:500}.nav-item:hover{background:#ffffff14;color:#fff;transform:none}.nav-item.on{background:#ffffff24;color:#fff;border-color:transparent;box-shadow:inset 3px 0 #fff}.nav-badge{background:#f2a973;color:#56351c}.side-user{border-top-color:#ffffff24}.avatar{background:#26758a}.main{margin-left:250px;padding:0 clamp(24px,4vw,54px) 44px;background:#fff}.main.sidebar-collapsed{margin-left:76px}.topbar{min-height:108px;margin:0 -54px 30px;padding:0 clamp(24px,4vw,54px);align-items:center;background:#f5f8fa;border-bottom:1px solid #e9eff2}.page-heading{order:2;width:100%;padding-bottom:4px}.topbar h1{font-size:25px;font-weight:700;color:#28343a}.date{margin-top:2px;color:#5e6b72;font-size:12px}.breadcrumb{margin:0 0 9px;color:#8b969c;font-size:11px}.breadcrumb span{padding:0 5px;color:#bdc6ca}.topbar-actions{order:1;width:100%;justify-content:flex-end;gap:12px;padding-top:11px}.header-search{margin-right:auto;display:flex;align-items:center;width:min(370px,42vw);height:30px;padding:0 10px;border-radius:3px;background:#fff;border:1px solid #ebf0f2;color:#b2bdc2;box-shadow:0 1px 5px #2639420a}.header-search svg{width:14px;height:14px;margin-right:7px;fill:none;stroke:currentColor;stroke-width:2}.header-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#35434a;font:inherit;font-size:11px}.header-search input::placeholder{color:#b4bdc1}.topbar-icon-btn{width:30px;height:30px;border:0;background:transparent;color:#7e8b91}.topbar-icon-btn:hover{background:#e9f0f2;color:var(--brand);border-color:transparent}.topbar-badge{top:1px;right:0;min-width:13px;height:13px;border-width:1px;font-size:8px}.btn-secondary{padding:7px 10px;border:0;border-radius:5px;background:#eef3f4;color:#58707a;font-size:11px}.topbar-actions>.btn-primary{padding:8px 12px;border-radius:5px;font-size:12px}.approval-page{max-width:1120px}.approval-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin:6px 0 30px}.approval-summary__item{min-height:43px;padding-left:12px;border-left:4px solid;display:flex;flex-direction:column;justify-content:center}.approval-summary__item span{color:#7f8a90;font-size:11px;font-weight:600}.approval-summary__item strong{font-size:24px;font-weight:500;line-height:1.1}.approval-summary__item.violet{border-color:#a770c7;color:#a770c7}.approval-summary__item.green{border-color:#32b788;color:#22a878}.approval-summary__item.red{border-color:#ec6e69;color:#dd5b57}.approval-summary__item.amber{border-color:#ffbd38;color:#e7a91d}.approval-page__head{margin-bottom:18px;align-items:flex-start}.approval-page__head h3{font-size:18px;color:#273238}.approval-page__head .panel-note{margin:5px 0 0;font-size:12px}.approval-count{margin-top:3px;border-radius:999px;background:#fff3e9;color:#e88a52;padding:4px 9px;font-size:10px;font-weight:700}.approval-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px}.approval-card{min-height:205px;padding:17px 18px;border:1px solid #e7ecee;border-radius:5px;background:#fff;box-shadow:0 2px 7px #1f313914}.approval-card__person{display:flex;align-items:center;gap:9px}.approval-card__person .avatar{width:30px;height:30px;font-size:10px;background:#d9edf0;color:#1f6776}.approval-card__person div{min-width:0;flex:1;display:flex;flex-direction:column}.approval-card__person strong{color:#3d4a50;font-size:12px;font-weight:600}.approval-card__person div span{color:#8b979c;font-size:10px;margin-top:2px}.approval-card__person .spill{padding:3px 7px;font-size:9px}.approval-card__meta{display:flex;justify-content:space-between;gap:10px;margin-top:14px;color:#6f7b81;font-size:10px}.approval-card h4{margin-top:12px;color:#2f3a3f;font-size:14px;font-weight:700}.approval-card__dates,.approval-card__balance{margin:3px 0 0;color:#748087;font-size:10px}.approval-card__balance{color:#879298}.approval-card .req-attachment{margin-top:7px;font-size:11px}.approval-card__actions{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin-top:14px}.approval-card__actions input{min-width:0;height:29px;padding:0 9px;border:1px solid #e1e8ea;border-radius:4px;font-size:10px}.btn-approve,.btn-reject{padding:6px 11px;border:0;border-radius:3px;font-size:10px}.btn-approve{background:#dff3eb;color:#278263}.btn-approve:hover{background:#c6eadb}.btn-reject{background:#fce5e3;color:#c65b58}.btn-reject:hover{background:#f8d1ce}@media(max-width:900px){.approval-grid{grid-template-columns:1fr}.approval-summary{gap:12px}}.discussion-toggle-btn{margin-left:10px;border-radius:8px;font-size:13px;font-weight:600;padding:4px 10px}.discussion-toggle-btn.on{background:#0b6b851f;color:var(--brand);border-color:var(--brand)}.discussion-thread{margin-top:14px;padding:16px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:14px;display:flex;flex-direction:column;gap:12px}.discussion-thread__head{display:flex;justify-content:space-between;align-items:center}.discussion-thread__title{font-size:13px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:6px}.discussion-thread__list{display:flex;flex-direction:column;gap:10px;max-height:320px;overflow-y:auto;padding-right:4px}.discussion-thread__empty{text-align:center;padding:12px;font-size:13px;color:var(--muted)}.discussion-bubble-row{display:flex;align-items:flex-start;gap:10px;max-width:85%}.discussion-bubble-row--self{margin-left:auto;flex-direction:row-reverse}.discussion-avatar{width:28px;height:28px;border-radius:50%;background:var(--brand);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;flex-shrink:0}.discussion-bubble{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:10px 14px;box-shadow:0 1px 3px #00000008}.discussion-bubble-row--self .discussion-bubble{background:var(--brand);border-color:var(--brand);color:#fff}.discussion-bubble__meta{display:flex;align-items:center;gap:6px;font-size:11px;margin-bottom:4px}.discussion-bubble-row--self .discussion-bubble__meta{justify-content:flex-end}.discussion-bubble__author{font-weight:700}.discussion-bubble-row--self .discussion-bubble__author{color:#fff}.discussion-bubble__time{color:var(--muted);opacity:.8}.discussion-bubble-row--self .discussion-bubble__time{color:#fffc}.discussion-bubble__role-tag{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:1px 5px;border-radius:4px;background:#f1f5f9;color:var(--muted)}.discussion-bubble-row--self .discussion-bubble__role-tag{background:#fff3;color:#fff}.discussion-bubble__text{font-size:13.5px;line-height:1.45;word-break:break-word}.discussion-thread__form{display:flex;gap:8px;align-items:center;margin-top:4px}.discussion-input{flex:1;margin:0;padding:8px 12px;font-size:13.5px;border-radius:8px;background:#fff}.discussion-send-btn{flex-shrink:0}.adjust-days-box{margin-top:12px}.adjust-toggle-btn{font-size:12.5px;font-weight:600;color:var(--brand);border-radius:8px}.adjust-toggle-btn.active{background:#0b6b851f;color:var(--brand)}.adjust-days-card{margin-top:8px;padding:12px 14px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:12px;display:flex;flex-direction:column;gap:8px}.adjust-days-field{display:flex;align-items:center;gap:10px}.adjust-days-field label{font-size:13px;font-weight:600;margin:0;white-space:nowrap}.adjust-days-field input[type=date]{font-size:13px;padding:6px 10px;border-radius:8px;max-width:180px;margin:0}.adjust-days-summary{font-size:12.5px;color:var(--ink);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.adjust-trimmed-tag{background:#fef2f2;color:#991b1b;border:1px solid #FCA5A5;font-size:11px;font-weight:700;padding:2px 6px;border-radius:6px}@media(max-width:900px){.side,.side.collapsed{width:100%!important;min-height:0;height:auto;position:relative;overflow:visible;padding:12px 18px;flex-direction:row;align-items:center;background:#06435a!important;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 14px #06435a1f;z-index:20}.side-brand-row,.side.collapsed .side-brand-row{order:1;flex:1;justify-content:flex-start;padding:0}.side .brand{padding:0}.side .brand-name{color:#fff!important;font-size:18px}.side .brand-sub{color:#a5c3cd!important}.mobile-nav-toggle{color:#fff!important}.mobile-nav-toggle:hover{background:#ffffff1f!important}.main,.main.sidebar-collapsed{margin-left:0!important;padding:18px 16px 32px!important}.topbar{margin:0 0 24px!important;padding:0!important;min-height:auto!important;background:transparent!important;border-bottom:none!important;display:flex!important;flex-direction:column!important;gap:16px!important}.page-heading{order:1!important;width:100%!important;padding-bottom:0!important}.topbar h1{font-size:24px!important}.topbar-actions{order:2!important;width:100%!important;padding-top:0!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important}.header-search{order:10!important;flex:1 1 100%!important;width:100%!important;margin-right:0!important;height:40px!important;min-height:40px!important;border-radius:10px!important;border:1px solid var(--panel-border)!important;background:#fff!important;box-shadow:0 1px 4px #0000000a!important}.header-search input{font-size:13px!important}.topbar-actions .topbar-icon-btn{flex:0 0 40px!important;width:40px!important;height:40px!important;border:1px solid var(--panel-border)!important;border-radius:10px!important;background:#fff!important;color:var(--ink)!important}.topbar-actions .btn-secondary{flex:0 0 auto!important;height:40px!important;padding:0 14px!important;font-size:13px!important;font-weight:600!important;border-radius:10px!important;background:#fff!important;border:1px solid var(--panel-border)!important;color:var(--ink)!important}.topbar-actions .btn-primary{flex:1 1 auto!important;height:40px!important;padding:0 16px!important;font-size:13px!important;font-weight:700!important;border-radius:10px!important;justify-content:center!important;min-width:130px!important}.overview-card{padding:20px 18px!important;border-radius:16px!important;margin-bottom:20px!important}.overview-card__content{display:flex!important;flex-direction:column!important;gap:16px!important;align-items:stretch!important}.overview-card__actions{display:flex!important;flex-direction:row!important;gap:10px!important;width:100%!important;justify-content:flex-start!important}.overview-card__actions>*{flex:1!important;justify-content:center!important;text-align:center!important;min-height:40px!important}}@media(max-width:560px){.approval-summary{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:24px}.approval-page__head{flex-direction:column}.approval-card__actions{grid-template-columns:1fr 1fr}.approval-card__actions input{grid-column:1 / -1}.overview-card__actions{flex-direction:column!important}.overview-card__actions>*{width:100%!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.profile-page{max-width:1120px}.profile-header-card{display:flex;align-items:center;gap:20px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.phc-avatar-wrapper{display:flex;flex-direction:column;align-items:center;gap:10px}.phc-avatar{position:relative}.phc-avatar .avatar{width:72px;height:72px;font-size:26px;background:#26758a;box-shadow:0 4px 12px #00000014}.avatar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn-xs{padding:4px 10px;font-size:12px;border-radius:6px}.phc-meta{flex:1;min-width:0}.phc-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.phc-name-row h2{font-size:22px;font-weight:700;color:var(--ink);margin:0}.phc-sub{margin:4px 0 8px;color:var(--muted);font-size:14px;font-weight:500}.phc-contact{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--muted);flex-wrap:wrap}.su-info-clickable{display:flex;align-items:center;gap:12px;flex:1;min-width:0;cursor:pointer;border-radius:8px;padding:4px;transition:background .2s ease}.su-info-clickable:hover{background:#ffffff14}.panel-head-title{display:flex;align-items:center;gap:10px;color:var(--brand)}.panel-head-title h3{color:var(--ink)}.profile-form-actions{display:flex;justify-content:flex-end;margin-top:24px}@media(max-width:640px){.profile-header-card{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}}