:root{--navy:#153b2b;--green:#1c794d;--green-dark:#155d3b;--orange:#f28b22;--ink:#242c27;--muted:#77827b;--line:#e2e9e4;--surface:#fff;--canvas:#f4f7f5;--soft:#edf4ef;--danger:#c93943;--shadow:0 12px 34px rgba(28,55,39,.07)}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:270px;display:flex;flex-direction:column;padding:22px 15px 14px;color:#fff;background:linear-gradient(160deg,#1c5a3b,#0d3c29 72%,#103522);border-right:4px solid var(--orange)}.brand{display:flex;align-items:center;gap:12px;padding:5px 4px 22px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.16)}.brand-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.13);font-size:19px}.brand strong,.brand small,.sidebar-user strong,.sidebar-user small{display:block}.brand strong{font-size:.97rem;letter-spacing:.04em}.brand small{margin-top:3px;color:rgba(255,255,255,.65);font-size:.72rem}.nav-label{margin:25px 10px 9px;color:rgba(255,255,255,.48);font-size:.65rem;font-weight:800;letter-spacing:.14em}.sidebar nav{display:grid;gap:5px;overflow-y:auto}.nav-link{min-height:44px;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:9px;color:rgba(255,255,255,.77);font-size:.88rem;text-decoration:none}.nav-link i{width:18px;text-align:center;color:rgba(255,255,255,.66)}.nav-link:hover,.nav-link.active{color:#fff;background:rgba(255,255,255,.14)}.nav-link.active{box-shadow:inset 3px 0 var(--orange);font-weight:700}.nav-count{margin-left:auto;padding:2px 7px;border-radius:99px;color:#683a05;background:#ffd28f;font-size:.7rem}.sidebar-user{display:flex;align-items:center;gap:10px;margin-top:auto;padding:14px 5px 0;border-top:1px solid rgba(255,255,255,.16)}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:var(--navy);background:#fff;font-weight:800}.sidebar-user>span:nth-child(2){min-width:0;flex:1}.sidebar-user strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.77rem}.sidebar-user small{margin-top:3px;color:rgba(255,255,255,.62);font-size:.68rem}.sidebar-user>a{padding:8px;color:rgba(255,255,255,.75)}.main-area{min-height:100vh;margin-left:270px}.topbar{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px clamp(22px,3vw,42px);background:var(--surface);border-bottom:1px solid var(--line)}.topbar-label{display:block;margin-bottom:4px;color:var(--green);font-size:.64rem;font-weight:850;letter-spacing:.14em}.topbar h1{margin:0;font-size:1.55rem;font-weight:800;letter-spacing:-.035em}.topbar-date{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.82rem}.page-content{max-width:1680px;margin:auto;padding:26px clamp(18px,3vw,42px) 42px}.mobile-menu{display:none;width:40px;height:40px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:#fff}.panel{padding:22px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:var(--shadow)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.panel-heading h2,.section-title{margin:0;font-size:1.05rem;font-weight:800}.panel-heading p{margin:5px 0 0;color:var(--muted);font-size:.82rem}.eyebrow{margin:0 0 5px;color:var(--green);font-size:.65rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.btn-primary{--bs-btn-bg:var(--green);--bs-btn-border-color:var(--green);--bs-btn-hover-bg:var(--green-dark);--bs-btn-hover-border-color:var(--green-dark)}.btn-success{--bs-btn-bg:var(--green);--bs-btn-border-color:var(--green)}.btn,.form-control,.form-select{border-radius:8px}.btn{font-weight:700}.form-control,.form-select{min-height:43px;border-color:#dce5de}.form-control:focus,.form-select:focus{border-color:#73ac88;box-shadow:0 0 0 .2rem rgba(28,121,77,.12)}.form-label{font-size:.82rem;font-weight:700}.table{--bs-table-bg:transparent;margin-bottom:0}.table thead th{padding:11px 12px;color:#748078;font-size:.66rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border-bottom-color:var(--line)}.table tbody td{padding:13px 12px;vertical-align:middle;border-color:var(--line);font-size:.84rem}.table-responsive{border:1px solid var(--line);border-radius:10px}.table-responsive table{min-width:760px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat-card{position:relative;min-height:143px;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.stat-card:after{position:absolute;right:-18px;bottom:-34px;width:100px;height:100px;border:16px solid rgba(28,121,77,.05);border-radius:50%;content:""}.stat-icon{width:39px;height:39px;display:grid;place-items:center;margin-bottom:12px;border-radius:11px;color:var(--green);background:#e8f4ec}.stat-label{color:var(--muted);font-size:.76rem;font-weight:700}.stat-value{display:block;margin-top:3px;font-size:1.52rem;font-weight:850;letter-spacing:-.04em}.stat-note{display:block;margin-top:4px;color:var(--muted);font-size:.7rem}.dashboard-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:17px}.dashboard-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}.action-card{min-width:0;display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:11px;color:var(--ink);text-decoration:none;background:#fff;transition:.15s ease}.action-card:hover{transform:translateY(-2px);border-color:#acd1b8;box-shadow:var(--shadow)}.action-icon{width:41px;height:41px;flex:none;display:grid;place-items:center;border-radius:11px;color:var(--green);background:#e8f4ec}.action-card>span:last-child{min-width:0;overflow-wrap:anywhere}.action-card strong,.action-card small{display:block}.action-card strong{font-size:.78rem}.action-card small{margin-top:4px;color:var(--muted);font-size:.68rem}.activity-list{display:grid}.activity-item{display:grid;grid-template-columns:35px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.activity-item:last-child{border:0}.activity-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#315d98;background:#edf3fc}.activity-item strong{font-size:.78rem}.activity-item small{display:block;margin-top:4px;color:var(--muted);font-size:.7rem}.badge-soft{padding:5px 9px;border-radius:50px;font-size:.68rem;font-weight:800}.status-pending{color:#8d5a00;background:#fff2ce}.status-approved{color:#186543;background:#e5f4e9}.status-paid{color:#165d85;background:#e4f3fb}.status-rejected{color:#a72f38;background:#fce8e9}.amount-in{color:#21804e;font-weight:800}.amount-out{color:#bd343d;font-weight:800}.login-page{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 10% 10%,#e1f3e7,transparent 32%),linear-gradient(135deg,#eff6f1,#f7f8f6)}.login-card{width:min(450px,100%);padding:34px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(23,58,38,.13)}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.login-brand .brand-mark{color:#fff;background:var(--green)}.login-brand strong{display:block;font-size:1.04rem}.login-brand small{color:var(--muted)}.setup-note{padding:12px;border-radius:9px;color:#35604a;background:#eef7f0;font-size:.78rem}.permission-matrix td,.permission-matrix th{white-space:nowrap}.empty-state{padding:40px 20px;color:var(--muted);text-align:center}.empty-state i{display:block;margin-bottom:10px;color:#9aa89f;font-size:1.7rem}.summary-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid var(--line);border-radius:50px;color:var(--muted);background:#fff;font-size:.76rem}.search-row{display:flex;gap:9px}.search-row .form-control{max-width:400px}
@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.sidebar{transform:translateX(-105%);transition:transform .2s ease}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-scrim{position:fixed;z-index:20;inset:0;display:none;background:rgba(13,28,19,.4)}.sidebar-open .sidebar-scrim{display:block}.main-area{margin-left:0}.mobile-menu{display:block}.topbar{justify-content:flex-start;min-height:82px;padding:14px 17px}.topbar>div:nth-child(2){flex:1}.topbar h1{font-size:1.25rem}.topbar-date{font-size:0;gap:0}.page-content{padding:18px 14px 30px}.panel{padding:16px}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:480px){.stat-grid{gap:9px}.stat-card{min-height:130px;padding:13px}.stat-value{font-size:1.25rem}.stat-icon{width:34px;height:34px}.dashboard-actions{grid-template-columns:1fr}.panel-heading{flex-direction:column}.login-card{padding:25px}}

.welcome-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;border:1px solid #d2e8d8;border-radius:14px;color:#fff;background:radial-gradient(circle at 85% 10%,rgba(255,255,255,.16),transparent 26%),linear-gradient(110deg,#145438,#237a4e);box-shadow:0 15px 36px rgba(26,85,54,.13)}.welcome-kicker{color:rgba(255,255,255,.72);font-size:.67rem;font-weight:850;letter-spacing:.12em}.welcome-banner h2{margin:7px 0;color:#fff;font-size:1.75rem;font-weight:850;letter-spacing:-.04em}.welcome-banner p{margin:0;color:rgba(255,255,255,.78);font-size:.87rem}.welcome-date{flex:none;padding:10px 13px;border:1px solid rgba(255,255,255,.25);border-radius:9px;color:#fff;background:rgba(255,255,255,.1);font-size:.78rem}.icon-blue{color:#2364ae;background:#eaf1fb}.icon-orange{color:#b87016;background:#fff2df}.icon-purple{color:#7258b2;background:#f0edfb}.todo-list{display:grid;gap:8px}.todo-row{display:grid;grid-template-columns:38px 1fr auto 15px;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;color:var(--ink);text-decoration:none;background:#fff}.todo-row:hover{border-color:#a9d2b6;color:var(--ink)}.todo-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:10px}.todo-icon.warning{color:#aa6b08;background:#fff2d9}.todo-icon.success{color:#21804e;background:#e8f4ec}.todo-row>span:nth-child(2) strong,.todo-row>span:nth-child(2) small{display:block}.todo-row>span:nth-child(2) strong{font-size:.79rem}.todo-row>span:nth-child(2) small{margin-top:3px;color:var(--muted);font-size:.68rem}.todo-row>b{min-width:26px;padding:4px 7px;border-radius:50px;text-align:center;background:var(--soft);font-size:.73rem}.todo-row>i{color:#9aa59e;font-size:.72rem}.todo-clear{display:flex;align-items:center;gap:12px;padding:16px;border:1px dashed #bddac6;border-radius:10px;background:#f7fbf8}.todo-clear>span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#1d7b4a;background:#e5f3e9}.todo-clear strong,.todo-clear small{display:block}.todo-clear strong{font-size:.82rem}.todo-clear small{margin-top:3px;color:var(--muted);font-size:.72rem}.reimbursement-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:7px;padding-top:14px;border-top:1px solid var(--line)}.reimbursement-summary div{display:grid;gap:4px}.reimbursement-summary span{color:var(--muted);font-size:.68rem}.reimbursement-summary strong{font-size:.88rem}.dashboard-grid-bottom{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.dashboard-grid-bottom>.panel{min-width:0}.dashboard-grid-bottom .table-responsive{border:0}.dashboard-grid-bottom .table-responsive table{min-width:690px}.dashboard-grid-bottom .table td small{font-size:.68rem}.balance-figure{color:var(--green-dark);font-size:1.8rem;font-weight:850;letter-spacing:-.04em}.form-shell{max-width:980px;margin:0 auto}.management-grid{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.5fr);align-items:start;gap:17px}.roles-layout{grid-template-columns:minmax(285px,.7fr) minmax(0,1.5fr)}.permission-panel{min-width:0}.role-list{display:grid}.role-row{display:flex;align-items:center;gap:7px;padding:6px 0;border-bottom:1px solid var(--line)}.role-row:last-child{border:0}.role-row>a{min-width:0;flex:1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px;border-radius:8px;color:var(--ink);text-decoration:none}.role-row>a.selected,.role-row>a:hover{background:#edf5ef}.role-row a strong,.role-row a small{display:block}.role-row a strong{font-size:.82rem}.role-row a small{margin-top:4px;color:var(--muted);font-size:.68rem}.role-row a>i{color:#99a49c;font-size:.72rem}.icon-button{width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:#fff}.icon-button.danger{color:#bd343d}.permission-matrix{min-width:630px}.permission-matrix th:first-child,.permission-matrix td:first-child{width:42%;white-space:normal}.permission-matrix .form-check-input{width:17px;height:17px;margin:0;cursor:pointer}.user-edit-row{min-width:370px;display:grid;grid-template-columns:125px minmax(145px,1fr) auto 35px;align-items:center;gap:6px}.user-edit-row .form-select,.user-edit-row .form-control{min-height:34px}.user-edit-row>label{white-space:nowrap}.settings-info{padding:26px;background:linear-gradient(140deg,#f9fcf9,#edf5ef)}.settings-info-icon{width:47px;height:47px;display:grid;place-items:center;margin-bottom:20px;border-radius:12px;color:var(--green);background:#dff0e4;font-size:1.15rem}.settings-info h2{font-size:1.1rem;font-weight:800}.settings-info>p{color:var(--muted);font-size:.84rem;line-height:1.6}.settings-detail{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:.76rem}.settings-detail span{color:var(--muted)}.settings-detail strong{text-align:right}
@media(max-width:800px){.welcome-banner{align-items:flex-start;flex-direction:column;padding:20px}.welcome-banner h2{font-size:1.48rem}.management-grid,.roles-layout,.dashboard-grid-bottom{grid-template-columns:1fr}.management-grid{gap:13px}.user-edit-row{min-width:700px}}
@media(max-width:480px){.welcome-date{font-size:.73rem}.todo-row{grid-template-columns:34px minmax(0,1fr) auto}.todo-row>i{display:none}.reimbursement-summary{grid-template-columns:1fr}.balance-figure{font-size:1.35rem}}
.user-edit-row{min-width:760px;grid-template-columns:135px 185px 125px 170px auto 35px}

/* Searchable finance dropdowns */
.select2-container--default .select2-selection--single{height:43px;border:1px solid #dce5de;border-radius:8px;background:#fff}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:41px;padding-left:12px;padding-right:32px;color:var(--ink)}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:41px;right:7px}
.select2-container--default.select2-container--focus .select2-selection--single,.select2-container--default.select2-container--open .select2-selection--single{border-color:#73ac88;box-shadow:0 0 0 .2rem rgba(28,121,77,.12)}
.select2-dropdown{border-color:#73ac88;border-radius:8px;overflow:hidden}
.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #dce5de;border-radius:5px;padding:8px;outline-color:#73ac88}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--green)}
.select2-results__option{padding:9px 12px;font-size:.88rem}

.dropdown-add-option{display:block;width:100%;padding:12px;border:0;border-top:1px solid var(--line);background:#f2f8f4;color:var(--green-dark);font:inherit;font-weight:700;text-align:left}.dropdown-add-option:hover,.dropdown-add-option:focus-visible{background:#e1f0e6;outline:2px solid var(--green);outline-offset:-2px}

.category-tabs .nav-link{color:var(--green-dark);background:#fff;border:1px solid var(--line)}.category-tabs .nav-link.active{color:#fff;background:var(--green);border-color:var(--green);box-shadow:none}.category-tabs .nav-link:hover{background:var(--soft);color:var(--green-dark)}
/* Workspace appearance */
.sidebar{background:var(--sidebar-bg,#145438);color:var(--sidebar-text,#fff)}
.sidebar .brand,.sidebar .nav-link,.sidebar .nav-link i,.sidebar .sidebar-user>a{color:var(--sidebar-text,#fff)}
.sidebar .brand small,.sidebar .nav-label,.sidebar .sidebar-user small{color:var(--sidebar-text,#fff);opacity:.72}
.brand>span:last-child{min-width:0;overflow-wrap:anywhere}.brand-mark,.brand-logo{flex-shrink:0}.brand-logo{width:46px;height:46px;object-fit:contain;border-radius:9px}.login-brand>span{min-width:0;overflow-wrap:anywhere}
.btn-primary,.btn-success{--bs-btn-color:var(--primary-foreground,#fff);--bs-btn-hover-color:var(--primary-foreground,#fff);--bs-btn-hover-bg:var(--green-dark);--bs-btn-active-bg:var(--green-dark);--bs-btn-active-border-color:var(--green-dark);--bs-btn-hover-border-color:var(--green-dark)}
.btn-outline-success{--bs-btn-color:var(--green);--bs-btn-border-color:var(--green);--bs-btn-hover-bg:var(--green);--bs-btn-hover-border-color:var(--green);--bs-btn-hover-color:var(--primary-foreground,#fff)}
.sidebar-settings-table{min-width:400px!important}.sidebar-settings-table td:nth-child(2){width:90px}.sidebar-settings-table td:last-child{width:60px}
.welcome-banner{background:var(--sidebar-bg,#145438);color:var(--sidebar-text,#fff)}.welcome-banner h2,.welcome-date{color:var(--sidebar-text,#fff)}
.select2-container--default .select2-results__option--highlighted[aria-selected],.category-tabs .nav-link.active{color:var(--primary-foreground,#fff)}


.settings-topbar{position:sticky;top:0;z-index:15}.settings-header-save{flex-shrink:0;min-height:44px}@media(max-width:480px){.settings-topbar{gap:10px;flex-wrap:wrap}.settings-header-save{margin-left:auto}}
.transaction-amount-link{color:var(--green-dark);text-decoration:underline;text-underline-offset:3px}.transaction-amount-link:hover{color:var(--green);text-decoration-thickness:2px}.transaction-amount-link:focus-visible{outline:2px solid var(--green);outline-offset:4px;border-radius:3px}.transaction-details dt{font-size:.8rem;color:var(--muted);margin-bottom:6px}.transaction-details dd{margin-bottom:0;overflow-wrap:anywhere}.transaction-description{white-space:pre-wrap}