:root{--ink:#172a35;--muted:#75838a;--line:#e7ece9;--paper:#fbfcf9;--mint:#e6f4ee;--yellow:#fff1c9;--lav:#eeeafa;--coral:#ffe5df;--accent:#177d70}*{box-sizing:border-box}body{margin:0;background:#f6f8f5;color:var(--ink);font-family:"DM Sans",sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:255px;background:#fff;border-right:1px solid var(--line);padding:26px 16px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-family:Fraunces,serif;font-size:23px;text-decoration:none;padding:0 9px}.brand-mark{font-family:"DM Sans";font-size:18px;font-weight:700;color:#fff;background:#1d8979;width:30px;height:30px;border-radius:9px;display:grid;place-items:center}.role-card{margin:39px 8px 25px}.eyebrow,.date{color:#7c8c90;font-size:11px;font-weight:700;letter-spacing:1.1px}.role-switch{display:flex;padding:3px;background:#f2f5f3;border-radius:9px;margin-top:8px}.role{border:0;background:transparent;color:#66757a;cursor:pointer;flex:1;padding:7px 4px;border-radius:7px;font:600 13px "DM Sans"}.role.active{color:var(--ink);background:white;box-shadow:0 1px 4px #ccd5d0}.main-nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:13px;color:#68777d;text-decoration:none;border-radius:8px;padding:11px 12px;font-size:15px}.nav-item span{font-size:19px;width:17px;text-align:center}.nav-item.active{background:#e6f4ee;color:#176e63;font-weight:700}.nav-item b{margin-left:auto;background:#f6df99;padding:1px 6px;border-radius:10px;font-size:12px;color:#7c5b0d}.sidebar-bottom{margin-top:auto}.profile{border-top:1px solid var(--line);margin-top:11px;padding:17px 5px 0;display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:13px}.profile small{display:block;color:var(--muted);margin-top:3px}.profile i{font-style:normal;margin-left:auto}.avatar{border-radius:50%;background:#e5c4aa;color:#75452c;display:grid;place-items:center;font-size:12px;font-weight:bold}.avatar.small{width:31px;height:31px}main{width:calc(100% - 255px);margin-left:255px}.topbar{height:73px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 45px;justify-content:space-between}.crumb{font-size:14px;color:#7c8a8e}.crumb span{margin:0 8px;color:#b7c0bd}.top-actions{display:flex;align-items:center;gap:16px}.icon-button{position:relative;border:0;background:transparent;font-size:24px;color:#52656a}.icon-button em{position:absolute;right:1px;top:2px;background:#e5624e;border:2px solid #fff;width:8px;height:8px;border-radius:50%}.new-claim,.dark-btn{background:#176f65;color:#fff;border:0;border-radius:8px;padding:11px 15px;font:600 14px "DM Sans";cursor:pointer}.menu{display:none}.content{max-width:1290px;margin:auto;padding:47px 51px}.welcome{display:flex;justify-content:space-between;align-items:end;margin-bottom:31px}.date{margin:0 0 10px}.welcome h1{font:600 32px Fraunces,serif;margin:0 0 8px;letter-spacing:-.7px}.welcome h1 span{color:#e7aa46;font-size:26px}.welcome p:not(.date),.panel-head p{font-size:14px;color:var(--muted);margin:0}.outline-btn{padding:9px 13px;border:1px solid #d9e2dd;border-radius:7px;background:white;color:#52656a;font:600 13px "DM Sans";cursor:pointer}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:21px}.stat-card{padding:20px 21px;border-radius:10px;min-height:159px}.sea{background:var(--mint)}.sun{background:var(--yellow)}.lilac{background:var(--lav)}.coral{background:var(--coral)}.stat-icon{width:29px;height:29px;border-radius:8px;background:#fff9;color:#247e70;display:grid;place-items:center;font-weight:bold;font-size:19px}.sun .stat-icon{color:#a67b13}.lilac .stat-icon{color:#7165b6}.coral .stat-icon{color:#c45b45}.stat-card p{font-size:13px;color:#5b6e70;margin:15px 0 4px}.stat-card h2{font:600 26px Fraunces,serif;margin:0 0 6px}.stat-card small{font-size:12px;color:#748384}.positive{color:#298a70!important}.dashboard-grid{display:grid;grid-template-columns:1.26fr .74fr;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:11px}.panel-head{display:flex;justify-content:space-between;align-items:start;padding:21px 22px 17px;border-bottom:1px solid #edf0ee}.panel h3{font-size:16px;margin:0 0 5px}.panel-head a{font-size:13px;color:#167b70;text-decoration:none;font-weight:600}.claim-list{padding:0 22px}.claim{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid #eff2f0}.claim:last-child{border:0}.claim-icon{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;font-size:18px}.travel{background:#edf2ff}.meal{background:#fff0db}.office{background:#e9f6ef}.claim strong{font-size:14px;display:block}.claim .meta{font-size:12px;color:#889599;margin-top:3px}.claim-right{text-align:right}.claim-right b{font-size:14px;display:block}.status{font-size:11px;display:inline-block;padding:4px 7px;border-radius:8px;margin-top:4px;background:#fff1d1;color:#957318}.status.paid{background:#def2e9;color:#237862}.status.review{background:#ecebfa;color:#665aa9}.dots{border:0;background:none;color:#849194;font-weight:bold}.chart{display:flex;align-items:center;padding:29px 22px 25px;gap:26px}.donut{width:132px;height:132px;border-radius:50%;background:conic-gradient(#1d8b79 0 48%,#e9b950 48% 71%,#8274c6 71% 87%,#e57b65 87% 100%);display:grid;place-items:center;flex:none}.donut>div{width:95px;height:95px;border-radius:50%;background:#fff;display:grid;place-content:center;text-align:center}.donut strong{font:600 18px Fraunces,serif}.donut span{font-size:11px;color:#879496;margin-top:3px}.chart ul{list-style:none;margin:0;padding:0;flex:1}.chart li{font-size:12px;display:grid;grid-template-columns:10px 1fr auto;gap:7px;align-items:center;margin:12px 0;color:#65757a}.chart i{width:8px;height:8px;border-radius:50%}.c1{background:#1d8b79}.c2{background:#e9b950}.c3{background:#8274c6}.c4{background:#e57b65}.chart b{font-size:12px;color:#38494e}.action-panel{margin-top:20px;padding:19px 22px;display:flex;justify-content:space-between;align-items:center;background:#eff7f4;border-color:#e1eee8}.action-copy{display:flex;gap:13px;align-items:center}.action-icon{background:#d4eee5;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#197c6e}.action-panel h3{margin:0 0 4px}.action-panel p{font-size:13px;color:#718084;margin:0}.dark-btn{background:#173e3d}.hidden{display:none}.toast{position:fixed;bottom:24px;right:25px;padding:13px 18px;border-radius:8px;background:#173e3d;color:#fff;font-size:14px;transform:translateY(90px);opacity:0;transition:.25s}.toast.show{transform:translateY(0);opacity:1}@media(max-width:850px){.sidebar{width:220px}main{margin-left:220px;width:calc(100% - 220px)}.content{padding:32px 25px}.dashboard-grid{grid-template-columns:1fr}.chart{justify-content:center}}@media(max-width:620px){.sidebar{transform:translateX(-100%);z-index:3;transition:.2s}.sidebar.open{transform:none}.menu{display:block;border:0;background:none;font-size:20px}.topbar{padding:0 19px}.crumb{display:none}main{margin:0;width:100%}.content{padding:29px 18px}.welcome{align-items:start}.outline-btn{display:none}.welcome h1{font-size:28px}.stats{grid-template-columns:1fr;gap:10px}.stat-card{min-height:120px}.chart{gap:17px;padding:20px 12px}.new-claim span{display:none}.new-claim{font-size:20px;padding:6px 11px}.action-panel{align-items:start;gap:16px}.action-panel .dark-btn{white-space:nowrap;font-size:0}.action-panel .dark-btn span{font-size:18px}.admin-view{grid-template-columns:1fr}.sidebar.open{box-shadow:6px 0 20px #0002}}