:root{--navy:#123256;--navy-2:#1e456e;--blue:#1769e0;--green:#16834b;--red:#c9333d;--orange:#db7b00;--bg:#f4f6f9;--ink:#17283c;--muted:#64748b;--border:#dfe6ee;--shadow:0 6px 20px rgba(20,45,75,.08)}
.expense-result-rejected{background:#fff7f7;border:2px solid #dc3545;box-shadow:0 4px 18px rgba(220,53,69,.14)}.expense-rejection-message{display:grid;gap:2px;background:#fde5e7;color:#861b24;border-left:4px solid #dc3545;border-radius:8px;padding:10px 12px;margin-bottom:14px}.expense-rejection-message span{font-size:.9rem}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px}.guest{background:linear-gradient(150deg,#eef5ff,#f8fafc 55%,#e8f0fa);min-height:100vh}a{text-decoration:none}.content-width{max-width:1200px;margin:auto}.app-main{padding:68px 0 92px}.topbar{position:fixed;z-index:1020;inset:0 0 auto 0;height:60px;background:#fff;border-bottom:1px solid var(--border);align-items:center;justify-content:space-between;padding:0 16px}.brand{display:flex;align-items:center;gap:10px;color:var(--navy);font-weight:750}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--navy);color:#fff;font-size:.8rem}.icon-button{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#eef3f8}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--navy);padding:24px 18px;flex-direction:column;z-index:1000}.sidebar .brand{color:#fff;margin:0 8px 28px}.sidebar .brand-mark{background:#fff;color:var(--navy)}.side-nav{display:grid;gap:4px}.side-nav a,.nav-logout{color:#d6e3f0;border:0;background:transparent;border-radius:10px;padding:12px 14px;text-align:left;width:100%;font-weight:550}.side-nav a:hover,.side-nav a.active,.nav-logout:hover{background:rgba(255,255,255,.12);color:#fff}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.page-title{font-weight:800;color:var(--navy);font-size:clamp(1.5rem,5vw,2.1rem);margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.09em;color:var(--blue);font-size:.73rem;font-weight:800}.card{border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.stat-card{height:100%;padding:18px;background:#fff}.stat-label{font-size:.82rem;color:var(--muted);font-weight:650}.stat-value{font-weight:800;color:var(--navy);font-size:1.65rem;margin-top:6px}.section-title{font-weight:750;color:var(--navy);font-size:1.1rem}.btn{min-height:46px;border-radius:10px;font-weight:700;padding:.62rem 1rem}.btn-primary{background:var(--blue);border-color:var(--blue)}.btn-success{background:var(--green);border-color:var(--green)}.btn-danger{background:var(--red);border-color:var(--red)}.btn-lg{min-height:54px}.form-control,.form-select{min-height:48px;border-radius:10px;border-color:#cad5e1}.form-label{font-weight:700;color:#334155}.required:after{content:' *';color:var(--red)}.form-hint{font-size:.82rem;color:var(--muted)}.bottom-nav{position:fixed;z-index:1020;bottom:0;left:0;right:0;height:74px;padding:6px 8px max(6px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--border);align-items:flex-end;justify-content:space-around}.bottom-nav a{color:#64748b;font-size:.69rem;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:55px}.bottom-nav a span{font-size:1.35rem;line-height:1}.bottom-nav a.active{color:var(--blue)}.bottom-nav .new-claim-nav{color:var(--blue)}.bottom-nav .new-claim-nav span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--blue);color:#fff;font-size:1.8rem;margin-top:-22px;box-shadow:0 4px 15px rgba(23,105,224,.35)}.status-badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.75rem;font-weight:800}.status-draft{background:#e8edf3;color:#536273}.status-pending{background:#fff0d6;color:#9a5700}.status-approved{background:#dcf5e6;color:#08713b}.status-rejected{background:#fde5e7;color:#ad202a}.status-paid{background:#dcecff;color:#155ab4}.status-cancelled{background:#ece8ee;color:#66596d}.claim-card{padding:18px}.claim-number{font-weight:800;color:var(--navy)}.claim-amount{font-size:1.35rem;font-weight:850;color:var(--navy)}.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.meta-label{display:block;color:var(--muted);font-size:.75rem;font-weight:650}.meta-value{font-weight:650}.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#dbeafe;color:var(--navy);font-weight:800}.empty-state{text-align:center;padding:46px 20px;color:var(--muted)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,430px);padding:28px}.login-logo{width:58px;height:58px;display:grid;place-items:center;background:var(--navy);color:#fff;border-radius:15px;font-weight:850;margin-bottom:22px}.table-responsive{border-radius:14px}.table>:not(caption)>*>*{padding:.85rem}.receipt-thumb{width:80px;height:80px;border-radius:10px;object-fit:cover;border:1px solid var(--border)}.timeline{border-left:2px solid #dbe4ee;margin-left:9px;padding-left:24px}.timeline-item{position:relative;padding-bottom:22px}.timeline-item:before{content:'';position:absolute;width:12px;height:12px;background:var(--blue);border-radius:50%;left:-31px;top:5px}.filter-panel{padding:16px}.sticky-actions{position:sticky;bottom:84px;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border:1px solid var(--border);padding:12px;border-radius:14px;box-shadow:var(--shadow)}
.report-table th{vertical-align:middle;white-space:nowrap}.report-table td{vertical-align:middle}.report-money,.report-date{white-space:nowrap;font-variant-numeric:tabular-nums}.employee-totals-heading{padding:20px 16px 12px 0}.employee-total-table{width:100%;min-width:920px;table-layout:fixed}.employee-total-table .employee-col{width:22%}.employee-total-table .lines-col{width:8%}.employee-total-table .money-col{width:14%}.employee-total-table>:not(caption)>*>*{padding-left:16px;padding-right:16px}.employee-total-table>:not(caption)>*>*:first-child{padding-left:0}@media(min-width:768px){.employee-totals-heading{padding-left:0;padding-right:24px}.employee-total-table>:not(caption)>*>*:first-child{padding-left:0}.employee-total-table>:not(caption)>*>*:last-child{padding-right:24px}}@media(min-width:992px){.app-main{margin-left:250px;padding:32px 24px 50px}.page-head{margin-top:0}.sticky-actions{bottom:20px}}
@media(max-width:575px){.content-pad{padding-left:14px!important;padding-right:14px!important}.page-head{align-items:flex-start}.meta-grid{grid-template-columns:1fr 1fr}.card{border-radius:14px}.stat-card{padding:15px}.stat-value{font-size:1.35rem}}
.participant-option{cursor:pointer;background:#fff}.participant-option:has(input:checked),.participant-option.selected{border-color:var(--blue)!important;background:#eef5ff}.participant-option .form-check-input{min-width:1.25rem;min-height:1.25rem}
html{max-width:100%;min-height:100%;overflow-x:hidden;overflow-y:scroll}body{max-width:100%;min-height:100vh;overflow-x:hidden}.app-main,.content-width,.content-pad,.card,.page-head,.page-head>*{min-width:0;max-width:100%}.content-width{width:100%}.app-main{min-height:100vh;overflow-x:hidden;overflow-y:visible}.table-responsive{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.page-title{overflow-wrap:anywhere}
.topbar-actions{display:flex;align-items:center;gap:8px}.topbar-actions form{margin:0}.topbar-actions .icon-button{width:auto;padding:0 10px;border-radius:10px;font-size:.75rem;font-weight:750}.mobile-logout{height:40px;padding:0 12px;border:1px solid #f1c5c9;border-radius:10px;background:#fff1f2;color:#ad202a;font:inherit;font-size:.78rem;font-weight:800}
.topbar{display:flex;gap:10px}.topbar>.brand{flex:1 1 auto;min-width:0;overflow:hidden}.topbar>.brand>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{flex:0 0 auto;white-space:nowrap}.topbar-actions .icon-button,.mobile-logout{height:40px;min-height:40px}.topbar-actions .icon-button{display:flex;align-items:center;justify-content:center}.mobile-logout{display:flex;align-items:center;justify-content:center}
.desktop-nav-logout{margin:8px 0 0;padding-top:8px;border-top:1px solid rgba(255,255,255,.12)}.desktop-nav-logout .nav-logout{color:#ffd9dc}.desktop-nav-logout .nav-logout:hover{background:rgba(201,51,61,.22);color:#fff}
.claim-detail-actions{position:static;z-index:auto;bottom:auto;display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:16px;margin-bottom:32px;padding:12px;border:1px solid #d9e3ed;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(18,50,86,.14)}.claim-detail-actions form .btn{width:100%}.claim-back-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border:2px solid #31577f;border-radius:10px;background:#fff;color:#173b62!important;font-size:.94rem;font-weight:800;text-decoration:none;white-space:nowrap}.claim-back-button:hover{background:#eaf2fb;color:#102f50!important}@media(max-width:991.98px){.claim-detail-actions{margin-bottom:22px}.claim-detail-actions+*{clear:both}}@media(max-width:575px){.claim-detail-actions{align-items:stretch;flex-direction:column}.claim-detail-actions>*{width:100%}}
.bottom-history-nav{min-width:42px;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0;border:0;background:transparent;color:#64748b;font:inherit;font-size:.64rem;font-weight:700}.bottom-history-nav span{font-size:1.7rem;line-height:1}.bottom-history-nav small{font-size:.6rem}.bottom-history-nav:active{color:var(--blue);background:#eef5ff;border-radius:10px}@media(max-width:390px){.bottom-nav{padding-left:3px;padding-right:3px}.bottom-nav a{min-width:47px}.bottom-history-nav{min-width:34px}.bottom-history-nav small{font-size:.55rem}}
.bottom-nav{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;justify-items:stretch;height:82px;padding:7px 4px max(7px,env(safe-area-inset-bottom))}.bottom-nav>a,.bottom-nav>.bottom-history-nav{width:100%;min-width:0;height:58px;margin:0;padding:3px 1px;justify-content:center;border-radius:10px}.bottom-nav>a{gap:2px;font-size:.6rem;overflow:hidden}.bottom-nav>a span,.bottom-nav>.bottom-history-nav span{font-size:1.25rem;line-height:1.1}.bottom-nav>.bottom-history-nav small{font-size:.58rem;line-height:1}.bottom-nav .new-claim-nav span{width:38px;height:38px;margin:0;border-radius:12px;font-size:1.25rem;box-shadow:0 3px 10px rgba(23,105,224,.25)}.bottom-nav>a.active,.bottom-nav>.bottom-history-nav:active{background:#eef5ff;color:var(--blue)}@media(max-width:991.98px){.app-main{padding-bottom:108px}}@media(max-width:390px){.bottom-nav{height:80px;padding-left:2px;padding-right:2px}.bottom-nav>a{font-size:.55rem}.bottom-nav>a span,.bottom-nav>.bottom-history-nav span{font-size:1.15rem}.bottom-nav .new-claim-nav span{width:35px;height:35px}.bottom-nav>.bottom-history-nav small{font-size:.53rem}}
.bottom-nav{bottom:0!important;height:88px;align-items:end;padding:12px 5px max(3px,env(safe-area-inset-bottom));background:rgba(255,255,255,.98);box-shadow:0 -8px 24px rgba(18,50,86,.10);backdrop-filter:blur(12px)}.bottom-nav>a,.bottom-nav>.bottom-history-nav{height:68px;gap:4px;padding:5px 2px;border-radius:13px;color:#64748b;transition:background .15s,color .15s,transform .15s}.bottom-nav>a{font-size:.66rem;font-weight:800}.bottom-nav>.bottom-history-nav small{font-size:.64rem;font-weight:800}.bottom-nav>a>span,.bottom-nav>.bottom-history-nav>span{width:38px;height:36px;display:grid;place-items:center;margin:0 auto;border-radius:11px;background:#f1f5f9;color:#40566e;font-size:1.45rem;line-height:1}.bottom-nav .new-claim-nav>span{width:42px;height:40px;margin:0 auto;border-radius:12px;background:var(--blue);color:#fff;font-size:1.45rem;box-shadow:0 5px 13px rgba(23,105,224,.28)}.bottom-nav>a.active{background:#edf4ff;color:var(--blue)}.bottom-nav>a.active>span{background:var(--blue);color:#fff}.bottom-nav>.bottom-history-nav:active{transform:scale(.96);background:#edf4ff;color:var(--blue)}.bottom-nav>.bottom-history-nav:active>span{background:#dbeafe;color:var(--blue)}@media(max-width:991.98px){.app-main{padding-bottom:116px}}@media(max-width:390px){.bottom-nav{height:84px;padding-left:2px;padding-right:2px}.bottom-nav>a,.bottom-nav>.bottom-history-nav{height:64px}.bottom-nav>a{font-size:.58rem}.bottom-nav>.bottom-history-nav small{font-size:.57rem}.bottom-nav>a>span,.bottom-nav>.bottom-history-nav>span{width:34px;height:33px;font-size:1.3rem}.bottom-nav .new-claim-nav>span{width:38px;height:37px}}
@media(max-width:390px){.topbar{padding-left:10px;padding-right:10px;gap:6px}.topbar>.brand{gap:7px;font-size:.87rem}.topbar .brand-mark{width:34px;height:34px}.topbar-actions{gap:5px}.topbar-actions .icon-button,.mobile-logout{padding-left:8px;padding-right:8px;font-size:.72rem}}
.mobile-menu-toggle{width:42px;height:42px;display:grid;align-content:center;gap:5px;padding:0 10px;border:0;border-radius:10px;background:#eef3f8}.mobile-menu-toggle span{display:block;height:2px;border-radius:2px;background:var(--navy)}.mobile-alert-link{padding:10px;color:var(--blue);font-size:.78rem;font-weight:800}.mobile-menu-backdrop{position:fixed;z-index:1040;inset:0;background:rgba(7,22,39,.5);opacity:0;transition:opacity .2s}.mobile-menu-backdrop.open{opacity:1}.mobile-menu{position:fixed;z-index:1050;inset:0 auto 0 0;width:min(82vw,320px);display:flex;flex-direction:column;padding:max(18px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom));background:#123b66;box-shadow:12px 0 35px rgba(0,0,0,.28);transform:translateX(-105%);transition:transform .22s ease}.mobile-menu.open{transform:translateX(0)}.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px 22px}.mobile-menu-head .brand{color:#fff}.mobile-menu-head .brand-mark{background:#fff;color:#123b66}.mobile-menu-close{width:42px;height:42px;border:0;border-radius:12px;background:rgba(255,255,255,.1);color:#fff;font-size:1.8rem;line-height:1}.mobile-menu-nav{display:grid;gap:6px}.mobile-menu-nav a,.mobile-menu-logout button{width:100%;display:flex;align-items:center;gap:13px;min-height:52px;padding:0 15px;border:0;border-radius:12px;background:transparent;color:#e6eff8;font:inherit;font-size:1rem;font-weight:700;text-align:left}.mobile-menu-nav a span,.mobile-menu-logout button span{width:22px;text-align:center;font-size:1.15rem}.mobile-menu-nav a.active,.mobile-menu-nav a:hover{background:rgba(255,255,255,.14);color:#fff}.mobile-menu-logout{margin-top:auto}.mobile-menu-logout button{color:#ffd9dc;background:rgba(201,51,61,.14)}@media(max-width:991.98px){body.mobile-menu-open{overflow:hidden}}
@media(max-width:575px){.page-head{flex-wrap:wrap}.page-head>.d-flex{width:100%;flex-wrap:wrap}.page-head>.d-flex .btn{flex:1 1 0}.filter-panel .d-flex{display:grid!important;grid-template-columns:minmax(0,1fr) auto}.filter-panel .form-control,.filter-panel .form-select{min-width:0}.employee-totals-card{width:100%;overflow:hidden!important}.employee-totals-heading{padding-left:14px}.employee-total-table>:not(caption)>*>*:first-child{padding-left:14px}}
body.guest{min-height:100svh;background:linear-gradient(155deg,#eaf2ff 0%,#f6f9fc 48%,#eef4fa 100%)}body.guest .login-wrap{width:100%;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom))}body.guest .login-card{width:100%;max-width:430px;margin:0;padding:30px;background:rgba(255,255,255,.98);border:1px solid #dce6f0;border-radius:20px;box-shadow:0 18px 50px rgba(18,50,86,.14)}.login-brand-row{display:flex;align-items:center;gap:14px;margin-bottom:28px}.login-brand-row .login-logo{flex:0 0 56px;margin:0}.login-company{display:block;color:var(--navy);font-size:.95rem;line-height:1.25}.login-heading{margin-bottom:26px}.login-options{display:flex;align-items:center;justify-content:space-between;gap:16px}.login-options a{white-space:nowrap}.login-card .form-control{font-size:16px;background:#fbfdff}.login-card .btn-primary{box-shadow:0 7px 18px rgba(23,105,224,.24)}
@media(max-width:575px){body.guest .login-wrap{align-items:flex-start;padding:clamp(24px,8vh,64px) 18px 28px}body.guest .login-card{max-width:400px;padding:24px 20px;border-radius:18px}.login-brand-row{margin-bottom:24px}.login-heading{margin-bottom:22px}.login-options{font-size:.92rem}.login-card .page-title{font-size:1.75rem}}
@media(max-width:350px){.login-options{align-items:flex-start;flex-direction:column;gap:10px}.login-options a{margin-left:0}}
@media(max-width:575px){body.guest{background:#fff}body.guest .login-wrap{display:block;min-height:100svh;padding:14px 16px 28px}body.guest .login-card{width:100%;max-width:none;margin:0;padding:0;background:#fff;border:0;border-radius:0;box-shadow:none}body.guest .login-logo{width:73px;height:73px;margin:0 0 27px;border-radius:18px;font-size:1.15rem}body.guest .login-company{margin-bottom:15px!important;color:#0865e9;font-size:.78rem;font-weight:850;letter-spacing:.075em}body.guest .login-heading{margin-bottom:36px}body.guest .login-card .page-title{font-size:2.55rem;line-height:1.08;letter-spacing:-.025em}body.guest .login-heading .text-secondary{font-size:1.15rem;line-height:1.45}body.guest .login-card .mb-3{margin-bottom:23px!important}body.guest .login-card .form-label{font-size:1.05rem;margin-bottom:10px;color:#263b57}body.guest .login-card .form-control{height:61px;padding:12px 15px;border-radius:13px;border-color:#c4d2e3;background:#eaf2ff;font-size:1.08rem;color:#000}body.guest .login-options{margin-top:2px;margin-bottom:31px!important;font-size:1rem}body.guest .login-options .form-check{display:flex;align-items:center;gap:10px;padding-left:0}body.guest .login-options .form-check-input{position:static;float:none;width:20px;height:20px;margin:0}body.guest .login-options a{font-size:1rem}body.guest .login-card .btn-primary{height:68px;border-radius:13px;font-size:1.35rem;font-weight:800;box-shadow:none}}
@media print{.sidebar,.topbar,.bottom-nav,.no-print{display:none!important}.app-main{margin:0;padding:0}.card{box-shadow:none}}
.shared-claim-page{padding-bottom:max(72px,env(safe-area-inset-bottom))}.shared-claim-submit{margin-bottom:12px}.shared-employee-self{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #bfd7f3;border-radius:14px;background:#eef6ff}.shared-employee-self strong{display:block}.shared-claim-next{display:flex;gap:8px;flex-direction:column;padding:14px;border-radius:12px;background:#f1f5f9;color:#40566e}.employee-picker{background:#fff}.contribution-prompt{border:2px solid #1769e0;background:linear-gradient(135deg,#eef6ff,#fff)}.contribution-prompt .status-badge{align-self:flex-start;flex-shrink:0}.participant-readiness{display:grid;gap:8px}.participant-readiness-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:11px;background:#fff}.participant-readiness-row .status-badge{margin-left:auto}@media(max-width:575px){.shared-claim-page{padding-bottom:40px}.shared-employee-self{align-items:flex-start;flex-wrap:wrap}.shared-employee-self .status-badge{margin-left:60px!important}.employee-picker .form-select{min-height:52px}}
@media(min-width:992px){.bottom-nav{display:none!important}}