:root{--primary: #0f4c81;--primary-dark: #0a3558;--accent: #1a8f5c;--bg: #f4f7fb;--card: #ffffff;--text: #1a2332;--muted: #5c6b7a;--border: #d8e0ea;--danger: #c0392b;--radius: 12px;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100dvh}a{color:var(--primary)}.app-shell{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.topbar{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.topbar h1{margin:0;font-size:1.15rem;font-weight:700}.topbar small{opacity:.85;display:block;font-size:.75rem}.brand{display:flex;align-items:center;gap:.7rem;min-width:0}.brand-logo{width:92px;height:42px;object-fit:contain;object-position:left center;flex:0 0 auto}.brand strong{display:block;font-size:1.05rem;line-height:1.2}.brand small{display:block;margin-top:.15rem;font-size:.72rem}.topbar .brand-logo{width:74px;height:38px;padding:.25rem;border-radius:6px;background:#fff}.content{padding:1rem 1.25rem 2rem;flex:1}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:1rem;box-shadow:0 2px 8px #0f4c810f}.card h2{margin:0 0 .75rem;font-size:1rem}label{display:block;font-size:.85rem;font-weight:600;margin:.75rem 0 .35rem;color:var(--muted)}input,select,textarea{width:100%;padding:.65rem .75rem;border:1px solid var(--border);border-radius:8px;font-size:1rem;background:#fff}textarea{min-height:80px;resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:none;border-radius:8px;padding:.7rem 1rem;font-size:.95rem;font-weight:600;cursor:pointer;text-decoration:none}.btn-primary{background:var(--primary);color:#fff;width:100%;margin-top:1rem}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--primary);border:1px solid var(--border)}.btn-danger{background:var(--danger);color:#fff}.error{color:var(--danger);font-size:.9rem;margin:.5rem 0}.success{color:var(--accent);font-size:.9rem;margin:.5rem 0}.muted{color:var(--muted);font-size:.85rem}.badge{display:inline-block;padding:.2rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-submitted{background:#fff3cd;color:#856404}.badge-needs_rectification{background:#fce8d5;color:#934b0c}.badge-approved{background:#d4edda;color:#155724}.badge-rejected{background:#f8d7da;color:#721c24}.tabs{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.tabs button{flex:1;min-width:100px;padding:.5rem;border:1px solid var(--border);background:#fff;border-radius:8px;cursor:pointer;font-weight:600}.tabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.expense-item{border-bottom:1px solid var(--border);padding:.75rem 0}.expense-item:last-child{border-bottom:none}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.install-banner{background:#e8f4fd;border:1px solid #b8daf5;border-radius:var(--radius);padding:.75rem 1rem;margin-bottom:1rem;font-size:.9rem}.login-shell{background:radial-gradient(circle at top right,rgba(96,194,160,.25),transparent 36%),linear-gradient(160deg,#eef5ff,#f7fbfa 62%,#edf8f4)}.login-brand{padding:2rem 1.25rem .75rem}.login-brand .brand{justify-content:center}.login-brand .brand-logo{width:150px;height:60px}.login-brand .brand strong{color:var(--primary-dark);font-size:1.25rem}.login-brand .brand small{color:var(--muted)}.login-content{display:flex;align-items:flex-start;justify-content:center}.login-card{width:100%;padding:1.35rem;text-align:center}.login-card form,.login-card label{text-align:left}.login-role-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto .75rem;border-radius:50%;background:#e5f3ee;color:var(--primary);font-size:.9rem;font-weight:800}.login-card h2{font-size:1.2rem}.login-switch{display:block;margin-top:1.1rem;font-size:.9rem;font-weight:600;text-align:center;text-decoration:none}.admin-login-link{padding-top:1rem;border-top:1px solid var(--border)}.expense-form-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.expense-form-heading h2{margin-bottom:.25rem}.expense-form-heading p{margin:0;color:var(--muted);font-size:.78rem}.expense-form-heading .btn{width:auto;flex:0 0 auto;padding:.45rem .7rem}.travel-fields{margin-top:.8rem;padding:.85rem;border:1px solid #cddfec;border-radius:10px;background:#f4f9fc}.travel-fields>label:first-child{margin-top:0}.rectification-notice,.rectification-row{margin-top:.8rem;padding:.75rem;color:#7a3d08;background:#fff4e8;border:1px solid #f1cfad;border-radius:9px}.rectification-notice strong,.rectification-row strong{color:#7a3d08}.rectification-notice p,.rectification-row p{margin:.3rem 0 0;font-size:.8rem;line-height:1.45}.rectification-row .btn{width:100%;margin-top:.65rem}.btn-rectify{color:#fff;background:#c56a1a}.btn-rectify:disabled{opacity:.5;cursor:not-allowed}.existing-document{display:block;width:fit-content;margin-bottom:.45rem;font-size:.8rem;font-weight:700}.existing-ticket{overflow:hidden;margin-bottom:.75rem;border:1px solid #cddfec;border-radius:10px;background:#f4f9fc}.existing-ticket-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .75rem;font-size:.76rem}.existing-ticket-actions span{display:flex;gap:.65rem}.existing-ticket-actions a{font-weight:700;text-decoration:none}.existing-ticket img,.existing-ticket iframe{display:block;width:100%;max-height:320px;object-fit:contain;border:0;border-top:1px solid #cddfec;background:#fff}.existing-ticket iframe{height:320px}.success-toast{display:grid;grid-template-columns:1fr auto;gap:.35rem .75rem;align-items:start;margin-bottom:1rem;padding:.9rem 1rem;color:#145a32;background:#e8f8ef;border:1px solid #b7e4c7;border-radius:12px;box-shadow:0 8px 24px #145a3214}.success-toast strong{grid-column:1;font-size:.86rem}.success-toast p{grid-column:1;margin:0;font-size:.82rem;line-height:1.4}.success-toast button{grid-column:2;grid-row:1 / span 2;align-self:center;border:0;padding:.35rem .6rem;color:#145a32;background:#d4f0df;border-radius:7px;font-size:.72rem;font-weight:700;cursor:pointer}.admin-mobile-block{min-height:100dvh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(circle at top right,rgba(26,143,92,.14),transparent 35%),var(--bg)}.admin-mobile-block-card{max-width:360px;padding:2rem 1.5rem;text-align:center;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 18px 45px #0a35581f}.admin-mobile-block-card h1{margin:1rem 0 .5rem;font-size:1.35rem}.admin-mobile-block-card p{margin:0 0 1.25rem;color:var(--muted);line-height:1.55}.desktop-icon{width:58px;height:48px;display:grid;place-items:center;margin:auto;border-radius:12px;background:#e8f1f8;color:var(--primary);font-size:1.65rem}.admin-login-desktop,.admin-dashboard{display:none}.expense-history{width:100%}.expense-section-header{display:flex;gap:.75rem;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.expense-section-header h2{margin:0 0 .2rem;font-size:1.15rem}.expense-section-header p{margin:0;color:var(--muted);font-size:.82rem}.view-toggle{display:inline-flex;flex:0 0 auto;padding:.2rem;background:#e8edf3;border-radius:9px}.view-toggle button{border:0;border-radius:7px;padding:.45rem .65rem;color:var(--muted);background:transparent;font-weight:700;cursor:pointer}.view-toggle button.active{color:var(--primary);background:#fff;box-shadow:0 2px 6px #0f4c811f}.expense-summary-grid{display:grid;gap:1rem}.period-card,.employee-review-card{overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 3px 12px #0f4c8112}.period-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1rem;color:#fff;background:linear-gradient(135deg,var(--primary),#17689f)}.period-card header span{display:block;margin-bottom:.2rem;font-size:.7rem;opacity:.8;text-transform:uppercase;letter-spacing:.05em}.period-card header h3{margin:0;font-size:1rem}.period-card header>strong{font-size:1.2rem}.period-meta{display:flex;justify-content:space-between;padding:.55rem 1rem;color:var(--muted);background:#f7f9fc;border-bottom:1px solid var(--border);font-size:.76rem}.period-expense-row,.review-expense-row{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.8rem 1rem;border-bottom:1px solid #edf1f5}.period-expense-row:last-child,.review-expense-row:last-child{border-bottom:0}.period-expense-row>div{min-width:0}.period-expense-row>div:last-child{display:grid;justify-items:end;gap:.3rem;flex:0 0 auto}.period-expense-row span,.review-expense-row span{display:block;margin-top:.18rem;color:var(--muted);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.period-expense-row .badge,.review-expense-row .badge{color:inherit;overflow:visible}.review-filter{width:auto;min-width:112px;font-size:.85rem}.employee-review-list{display:grid;gap:1rem}.employee-review-card>header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:1rem;background:#f7f9fc;border-bottom:1px solid var(--border)}.employee-review-card h3{margin:0;font-size:.95rem}.employee-review-card header p{margin:.15rem 0 0;color:var(--muted);font-size:.75rem}.employee-review-card header>strong{color:var(--primary)}.review-expense-row{align-items:flex-start;flex-wrap:wrap}.review-expense-row>div:first-child{flex:1}.review-expense-row>.badge{flex:0 0 auto}.review-actions{display:flex;flex:0 0 100%;gap:.5rem}.review-actions .btn{flex:1;padding:.5rem}.btn-approve{background:#e2f4eb;color:#176a47}.btn-reject{background:#fde9e7;color:#a92d21}.btn-approve:disabled,.btn-reject:disabled{opacity:.55;cursor:wait}@media (min-width: 768px){.admin-mobile-block{display:none}.admin-login-desktop{min-height:100dvh;display:grid;grid-template-columns:minmax(360px,42%) 1fr;background:#fff}.admin-login-aside{min-height:100dvh;padding:clamp(2rem,5vw,5rem);display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:linear-gradient(145deg,#0f4c81eb,#062a46fa),radial-gradient(circle at top right,#2c9f79,transparent 45%)}.admin-login-aside .brand-logo{width:118px;height:52px;padding:.3rem;background:#fff;border-radius:8px}.admin-login-aside .brand strong{font-size:1.2rem}.admin-login-aside h1{max-width:560px;margin:.5rem 0 1rem;font-size:clamp(2rem,3.2vw,3.4rem);line-height:1.08}.admin-login-aside p:not(.eyebrow){max-width:520px;color:#ffffffb8;font-size:1.05rem;line-height:1.7}.admin-login-aside>small{color:#ffffffa6}.eyebrow{margin:0;color:var(--accent);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.admin-login-aside .eyebrow{color:#78d2b0}.admin-login-panel{display:grid;place-items:center;padding:3rem;background:#f7f9fc}.admin-login-form{width:min(420px,100%);padding:2.25rem;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 55px #0a35581a}.admin-login-form .login-role-icon{margin:0 0 1rem}.admin-login-form h2{margin:.35rem 0;font-size:1.7rem}.admin-dashboard{min-height:100dvh;display:grid;grid-template-columns:250px minmax(0,1fr);grid-template-rows:72px minmax(0,1fr);background:#f3f6fa}.admin-navbar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:0 1.6rem;color:#fff;background:linear-gradient(110deg,#0b3c66,#0f568c);box-shadow:0 2px 12px #07263f33;z-index:2}.admin-navbar .brand-logo{width:72px;height:38px;padding:.25rem;background:#fff;border-radius:6px}.admin-navbar-actions{display:flex;align-items:center;gap:1rem}.admin-status{font-size:.78rem;color:#fffc}.admin-status i{display:inline-block;width:7px;height:7px;margin-right:.35rem;border-radius:50%;background:#61d59f}.admin-logout{padding:.5rem .85rem;color:#fff;border:1px solid rgba(255,255,255,.35);background:#ffffff14}.admin-sidebar{min-height:calc(100dvh - 72px);display:flex;flex-direction:column;padding:1.5rem 1rem 1rem;background:#fff;border-right:1px solid var(--border)}.sidebar-heading{padding:0 .65rem .7rem;color:#8b98a7;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.admin-sidebar nav{display:grid;gap:.4rem}.admin-sidebar nav button{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.75rem;text-align:left;color:var(--text);background:transparent;border:0;border-radius:9px;cursor:pointer}.admin-sidebar nav button:hover{background:#f2f6fa}.admin-sidebar nav button.active{color:var(--primary);background:#eaf2f8}.menu-icon,.site-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;color:var(--primary);background:#e6eff6;font-size:.73rem;font-weight:800}.admin-sidebar nav strong{display:block;font-size:.86rem}.admin-sidebar nav small{display:block;margin-top:.15rem;color:#82909e;font-size:.65rem}.menu-count{min-width:22px;padding:.2rem .35rem;text-align:center;color:#8c5b00;background:#fff0c7;border-radius:99px;font-size:.67rem}.sidebar-footer{display:flex;align-items:center;gap:.6rem;margin-top:auto;padding:.85rem .6rem 0;border-top:1px solid var(--border)}.sidebar-footer>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#fff;background:var(--primary);font-size:.7rem;font-weight:800}.sidebar-footer strong,.sidebar-footer small{display:block}.sidebar-footer strong{font-size:.75rem}.sidebar-footer small{color:var(--muted);font-size:.65rem}.admin-main{min-width:0;padding:2rem clamp(1.5rem,3vw,3rem) 3rem;overflow:auto}.admin-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.admin-page-heading p{margin:0 0 .25rem;color:var(--primary);font-size:.72rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.admin-page-heading h1{margin:0;font-size:1.65rem}.admin-page-heading span{display:block;margin-top:.35rem;color:var(--muted);font-size:.85rem}.heading-date{color:var(--muted);font-size:.78rem}.admin-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.35rem}.stat-card{position:relative;overflow:hidden;padding:1.15rem 1.25rem;background:#fff;border:1px solid var(--border);border-radius:11px;box-shadow:0 4px 14px #0f4c810d}.stat-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--primary)}.stat-card-alert:before{background:#e6a321}.stat-card span,.stat-card small{display:block;color:var(--muted)}.stat-card span{font-size:.76rem;font-weight:700}.stat-card strong{display:block;margin:.3rem 0;font-size:1.65rem}.stat-card small{font-size:.68rem}.admin-content-grid{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(440px,1.3fr);gap:1.25rem;align-items:start}.admin-main .card{margin:0;padding:1.25rem;box-shadow:0 4px 16px #0f4c810d}.section-intro,.section-title p{margin:-.35rem 0 1rem;color:var(--muted);font-size:.76rem}.section-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-title h2{margin:0 0 .35rem;font-size:1.05rem}.section-title p{margin:0}.admin-list-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.75rem;padding:.8rem 0;border-bottom:1px solid #edf1f5}.admin-list-row:last-child{border-bottom:0}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:var(--primary);background:#e3eef6;font-size:.76rem;font-weight:800}.avatar-large{width:42px;height:42px;font-size:.9rem}.list-row-main{min-width:0}.list-row-main strong,.list-row-main span{display:block}.list-row-main strong{font-size:.84rem}.list-row-main span{margin-top:.18rem;color:var(--muted);font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-pill,.profile-state{padding:.28rem .48rem;border-radius:99px;font-size:.64rem;text-transform:capitalize}.role-pill{color:var(--primary);background:#e8f1f8}.profile-state{color:#876100;background:#fff3cf}.profile-state.complete{color:#176a47;background:#e1f4ea}.site-row{grid-template-columns:auto minmax(0,1fr) auto}.alert{padding:.7rem .9rem;border-radius:8px;font-size:.82rem}.alert-error{color:#8f2d23;background:#fde9e7;border:1px solid #f6c8c3}.approval-section{padding:1.25rem;background:#fff;border:1px solid var(--border);border-radius:12px}.pending-total{padding:.45rem .65rem;color:#8c5b00;background:#fff1cc;border-radius:8px;font-size:.76rem;font-weight:700}.employee-approval-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(390px,1fr));gap:1rem}.employee-approval-card{overflow:hidden;border:1px solid var(--border);border-radius:10px}.employee-approval-card>header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:1rem;background:#f6f9fc;border-bottom:1px solid var(--border)}.employee-approval-card h3{margin:0;font-size:.9rem}.employee-approval-card header p{margin:.18rem 0 0;color:var(--muted);font-size:.7rem}.employee-approval-card header>strong{color:var(--primary);font-size:1rem}.approval-item{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.8rem 1rem;border-bottom:1px solid #edf1f5}.approval-item:last-child{border-bottom:0}.approval-item>div:first-child span,.approval-item>div:first-child p{display:block;margin:.18rem 0 0;color:var(--muted);font-size:.7rem}.approval-actions{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.approval-actions .btn{padding:.45rem .6rem;font-size:.7rem}.btn-detail{width:auto;margin:0;color:var(--primary);border-color:#c9d8e6;background:#f4f8fb}.has-bill{color:#176a47!important;font-weight:700}.no-bill{color:#9aa7b5!important}.expense-admin-stack{display:grid;gap:1rem}.expense-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.expense-subtabs{display:inline-flex;gap:.35rem;padding:.25rem;background:#e8edf3;border-radius:10px;width:fit-content}.expense-subtabs button{border:0;border-radius:8px;padding:.55rem .9rem;background:transparent;color:var(--muted);font-weight:700;cursor:pointer}.expense-subtabs button.active{color:var(--primary);background:#fff;box-shadow:0 2px 8px #0f4c811f}.expense-export{display:flex;align-items:flex-end;gap:.6rem;padding:.6rem .7rem;background:#fff;border:1px solid var(--border);border-radius:10px}.expense-export>div{align-self:center;padding-right:.3rem}.expense-export>div strong,.expense-export>div span{display:block}.expense-export>div strong{font-size:.78rem}.expense-export>div span{margin-top:.15rem;color:var(--muted);font-size:.62rem}.expense-export label{margin:0;font-size:.65rem}.expense-export input{width:132px;margin-top:.2rem;padding:.45rem .5rem;font-size:.72rem}.btn-export{width:auto;padding:.53rem .75rem;color:#fff;background:var(--accent);font-size:.72rem}.btn-export:disabled{opacity:.6;cursor:wait}.history-filters{align-items:flex-start}.history-filter-controls{display:flex;gap:.6rem}.history-filter-controls select{width:auto;min-width:160px;font-size:.85rem}.employee-history-list{display:grid;gap:.85rem}.employee-history-card{overflow:hidden;border:1px solid var(--border);border-radius:10px;background:#fff}.employee-history-header{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.85rem;padding:1rem;border:0;background:#f7f9fc;text-align:left;cursor:pointer}.history-total{color:var(--primary)}.expand-cue{padding:.3rem .55rem;color:var(--primary);background:#e8f1f8;border-radius:999px;font-size:.68rem;font-weight:700}.history-expense-rows{border-top:1px solid var(--border)}.history-expense-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid #edf1f5}.history-expense-row:last-child{border-bottom:0}.history-expense-row span,.history-expense-row p{display:block;margin:.2rem 0 0;color:var(--muted);font-size:.72rem}.history-expense-row .badge{justify-self:end}.empty-state{padding:3rem;text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:10px}.empty-state strong{color:var(--text)}.empty-state p{margin:.35rem 0 0;font-size:.8rem}.expense-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:1.5rem;background:#081c308c}.expense-modal{width:min(760px,100%);max-height:calc(100dvh - 3rem);overflow:auto;background:#fff;border-radius:14px;box-shadow:0 24px 70px #081c3047}.expense-modal-header,.expense-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.35rem;border-bottom:1px solid var(--border)}.expense-modal-footer{border-bottom:0;border-top:1px solid var(--border);justify-content:flex-end}.expense-modal-header p{margin:0 0 .2rem;color:var(--primary);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.expense-modal-header h2{margin:0;font-size:1.25rem}.modal-close{width:auto;margin:0;padding:.45rem .8rem}.expense-modal-body{padding:1.25rem 1.35rem 1.5rem;display:grid;gap:1rem}.expense-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.detail-tile{padding:.85rem;background:#f7f9fc;border:1px solid #e5ecf3;border-radius:10px}.detail-tile.highlight{background:linear-gradient(135deg,#0f4c81,#17689f);border-color:transparent;color:#fff}.detail-tile.highlight span{color:#ffffffbf}.detail-tile span{display:block;margin-bottom:.3rem;color:var(--muted);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.detail-tile strong{font-size:.95rem}.detail-block{padding:1rem;border:1px solid var(--border);border-radius:10px;background:#fff}.detail-block h3{margin:0 0 .45rem;font-size:.82rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.detail-block p{margin:0;line-height:1.5}.bill-preview{display:grid;gap:.75rem}.bill-open-link{width:fit-content;font-size:.82rem;font-weight:700;text-decoration:none}.bill-preview img,.bill-preview iframe{display:block;width:100%;max-height:420px;object-fit:contain;background:#f3f6fa;border:1px solid var(--border);border-radius:10px}.bill-preview iframe{height:420px}.supporting-document-list{display:flex;flex-wrap:wrap;gap:.55rem}.supporting-document-list a{padding:.45rem .65rem;color:var(--primary);background:#edf5fa;border-radius:7px;font-size:.76rem;font-weight:700;text-decoration:none}.expense-modal-footer .btn{width:auto;margin:0;min-width:110px}.rectify-control{min-width:260px;margin-right:auto;display:flex;align-items:center;gap:.55rem}.rectify-control textarea{min-height:52px;font-size:.78rem}.rectify-control .btn{flex:0 0 auto}.analytics-dashboard{display:grid;gap:1.2rem}.analytics-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.analytics-heading h2{margin:0 0 .3rem;font-size:1.2rem}.analytics-heading p{margin:0;color:var(--muted);font-size:.78rem}.analytics-heading input{width:auto;min-width:155px;font-size:.85rem}.analytics-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.analytics-kpi-grid>div{padding:1rem;background:#fff;border:1px solid var(--border);border-radius:11px;box-shadow:0 4px 14px #0f4c810d}.analytics-kpi-grid span,.analytics-kpi-grid small{display:block;color:var(--muted)}.analytics-kpi-grid span{font-size:.72rem;font-weight:700}.analytics-kpi-grid strong{display:block;margin:.35rem 0;color:var(--primary-dark);font-size:1.25rem}.analytics-kpi-grid small{font-size:.65rem}.analytics-panel{min-width:0;padding:1.15rem;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 16px #0f4c810d}.analytics-panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.analytics-panel-title h3{margin:0 0 .2rem;font-size:.95rem}.analytics-panel-title p{margin:0;color:var(--muted);font-size:.7rem}.analytics-panel-title>strong{color:var(--primary);font-size:.9rem}.monthly-analytics-cards{display:grid;grid-template-columns:repeat(6,minmax(115px,1fr));gap:.7rem;overflow-x:auto}.monthly-analytics-cards button{min-width:115px;padding:.8rem;text-align:left;background:#f7f9fc;border:1px solid var(--border);border-radius:9px;cursor:pointer}.monthly-analytics-cards button.active{color:#fff;background:linear-gradient(135deg,var(--primary),#17689f);border-color:transparent}.monthly-analytics-cards span,.monthly-analytics-cards strong,.monthly-analytics-cards small{display:block}.monthly-analytics-cards span{font-size:.68rem}.monthly-analytics-cards strong{margin:.35rem 0;font-size:.9rem}.monthly-analytics-cards small{color:var(--muted);font-size:.62rem}.monthly-analytics-cards button.active small{color:#ffffffb8}.analytics-chart-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:1.2rem}.daily-bar-chart{height:245px;display:flex;align-items:flex-end;gap:4px;padding-top:1.8rem;overflow-x:auto;border-bottom:1px solid var(--border)}.daily-bar-column{position:relative;height:100%;min-width:12px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.daily-bar-column i{display:block;width:min(100%,14px);min-height:1px;background:linear-gradient(180deg,#2b90ca,var(--primary));border-radius:4px 4px 0 0}.daily-bar-column small{margin:.35rem 0;color:var(--muted);font-size:.55rem}.daily-bar-value{display:none;position:absolute;bottom:calc(100% + 4px);z-index:2;padding:.25rem;color:#fff;background:var(--primary-dark);border-radius:4px;font-size:.58rem;white-space:nowrap}.daily-bar-column:hover .daily-bar-value{display:block}.category-bar-chart{display:grid;gap:.9rem}.category-bar-row>div:first-child{display:flex;justify-content:space-between;gap:.75rem;margin-bottom:.35rem;font-size:.73rem}.category-bar-row strong{color:var(--primary-dark)}.category-bar-track{height:8px;overflow:hidden;background:#eaf0f5;border-radius:99px}.category-bar-track i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#53bd91);border-radius:inherit}}@media (min-width: 1100px){.app-shell:not(.login-shell){max-width:720px}}