@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#182230;--muted:#7a8797;--line:#e8edf2;--bg:#f7f9fc;--blue:#3b6ff5;--navy:#15243a;--green:#16845b;--orange:#c57b22;--purple:#7959c8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex}.sidebar{width:248px;background:var(--theme-surface,#fff);border-right:1px solid var(--line);display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;padding:27px 17px 18px;z-index:3}.brand{display:flex;align-items:center;gap:11px;padding:0 9px;color:var(--theme-text-strong,#1d2b40);font-family:Manrope,sans-serif;font-size:19px;font-weight:800;letter-spacing:-.7px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:var(--blue);color:white;font-size:23px;box-shadow:0 5px 12px #3b6ff52c}.brand-light{font-weight:500;color:var(--theme-text,#52657b)}.brand small{display:block;font:700 8px 'DM Sans',sans-serif;letter-spacing:1.6px;color:var(--theme-text-muted,#9aa5b4);margin-top:3px}.nav-label{font-size:10px;letter-spacing:1.4px;color:var(--theme-text-muted,#9aa5b4);font-weight:700;margin:43px 12px 13px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:9px;color:var(--theme-text,#718095);font-weight:600}.sidebar nav a.active{background:var(--theme-tint-blue,#edf3ff);color:var(--theme-link,var(--blue))}.sidebar nav a:hover{background:var(--theme-soft,#f5f7fb)}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:17px 3px 0;display:flex;align-items:center;gap:10px}.user-avatar,.top-avatar{display:grid;place-items:center;background:var(--theme-tint-blue,#e9efff);color:var(--theme-link,var(--blue));width:36px;height:36px;border-radius:50%;font-weight:700}.user-meta{display:grid;gap:3px;min-width:0}.user-meta strong{font-size:12px}.user-meta small{font-size:11px;color:var(--muted)}.logout{margin-left:auto;font-size:22px;color:var(--theme-text-muted,#8a96a6)}.main-content{margin-left:248px;width:calc(100% - 248px);min-height:100vh;display:flex;flex-direction:column}.topbar{height:100px;background:var(--theme-surface,#fff);border-bottom:1px solid var(--line);padding:22px 37px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.5px;color:var(--theme-text-muted,#9aa5b4);margin-bottom:7px}.topbar h1{font:800 23px Manrope,sans-serif;margin:0;letter-spacing:-.7px}.topbar-right{display:flex;align-items:center;gap:9px;color:var(--theme-text,#718095);font-size:12px}.status-dot{width:7px;height:7px;background:#25b57a;border-radius:50%}.top-avatar{width:32px;height:32px;margin-left:12px}.content{padding:30px 37px 36px;flex:1;max-width:1600px;width:100%;margin:0 auto}.welcome-row,.page-actions{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.welcome-row h2,.page-actions h2{font:800 19px Manrope,sans-serif;letter-spacing:-.5px;margin:0 0 6px}.welcome-row p,.page-actions p,.panel-heading p{color:var(--muted);margin:0;font-size:12px}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 15px;border-radius:8px;font:700 12px 'DM Sans',sans-serif;cursor:pointer;white-space:nowrap}.btn.primary{background:var(--blue);color:white;box-shadow:0 4px 10px #3b6ff522}.btn.primary:hover{background:#2f60e0}.btn.small{padding:7px 9px;font-size:11px}.btn.full{width:100%;margin-top:8px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.stat-card{background:var(--theme-surface,white);border:1px solid var(--line);border-radius:12px;padding:19px 20px;min-width:0}.stat-top{display:flex;justify-content:space-between;align-items:center;color:var(--theme-text,#7a8797);font-size:12px;font-weight:600}.stat-icon,.quick-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-size:18px}.green{background:var(--theme-tint-green,#e7f8ef);color:var(--theme-status-green,#199b65)}.orange{background:var(--theme-tint-orange,#fff2e2);color:var(--theme-status-orange,#d1872d)}.purple{background:var(--theme-tint-purple,#f0ebff);color:var(--theme-status-purple,#7959c8)}.blue{background:var(--theme-tint-blue,#eaf0ff);color:var(--theme-status-blue,#3b6ff5)}.stat-value{font:800 25px Manrope,sans-serif;letter-spacing:-.8px;margin:14px 0 6px;overflow-wrap:anywhere}.stat-foot{font-size:11px;color:var(--theme-text-muted,#9aa5b4)}.panel{background:var(--theme-surface,white);border:1px solid var(--line);border-radius:12px;margin-bottom:22px;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 22px;border-bottom:1px solid var(--line)}.panel-heading h3{font:800 14px Manrope,sans-serif;margin:0 0 5px}.text-link{color:var(--theme-link,var(--blue));font-size:12px;font-weight:700}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;text-transform:uppercase;letter-spacing:.65px;color:var(--theme-text-muted,#9aa5b4);background:var(--theme-surface,#fbfcfe);font-weight:700;padding:13px 20px}td{padding:15px 20px;border-top:1px solid var(--theme-border,#f0f2f6);font-size:12px;color:var(--theme-text,#637184)}td strong{color:var(--theme-text-strong,#263448);font-weight:700}tbody tr:hover{background:var(--theme-surface,#fcfdff)}.empty{text-align:center;padding:35px!important;color:var(--theme-text-muted,#99a3b1)}.pill{display:inline-flex;padding:5px 9px;border-radius:30px;background:var(--theme-soft,#f0f2f5);color:var(--theme-text,#687588);font-size:10px;font-weight:700}.pill.paid{background:var(--theme-tint-green,#e6f8ef);color:var(--theme-status-green,#178557)}.pill.unpaid{background:var(--theme-tint-orange,#fff4df);color:var(--theme-status-orange,#a96a17)}.pill.overdue{background:var(--theme-tint-red,#ffebeb);color:var(--theme-status-red,#bf3c3c)}.pill.neutral{background:var(--theme-soft,#f0f3f8);color:var(--theme-text,#64758b)}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quick-card{display:flex;align-items:center;gap:13px;background:var(--theme-surface,white);border:1px solid var(--line);border-radius:12px;padding:17px}.quick-card>span:nth-child(2){display:grid;gap:5px;flex:1}.quick-card strong{font-size:12px}.quick-card small{color:var(--muted);font-size:11px}.quick-card>b{color:var(--theme-text-muted,#9ba7b7);font-size:18px}.footer{padding:18px 37px;color:var(--theme-text-muted,#a2adba);font-size:10px;border-top:1px solid var(--line);background:var(--theme-surface,#fff)}.page-actions{margin-bottom:24px}.form-panel{padding-bottom:21px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding:22px}.form-grid label,.login-card label{display:block;font-size:11px;font-weight:700;color:var(--theme-text,#59677a);margin-bottom:7px}.form-grid input,.form-grid select,.form-grid textarea,.login-card input,.mini-form input{width:100%;border:1px solid var(--theme-border,#dfe5ed);border-radius:7px;background:var(--theme-surface,#fff);padding:11px 12px;font:12px 'DM Sans',sans-serif;color:var(--ink);outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.login-card input:focus{border-color:var(--theme-border-blue,#87a5ff);box-shadow:0 0 0 3px #3b6ff514}.form-grid textarea{resize:vertical}.span-2{grid-column:span 2}.alert{padding:12px 15px;border-radius:8px;font-size:12px;margin-bottom:18px}.alert.success{background:var(--theme-tint-green,#e9f8f0);color:var(--theme-status-green,#16794e)}.alert.error{background:var(--theme-tint-red,#fff0f0);color:var(--theme-status-red,#b53636)}.actions{display:flex;align-items:center;gap:12px}.actions form{margin:0}.link-danger{border:0;background:none;color:var(--theme-status-red,#cf4c4c);font:700 11px 'DM Sans',sans-serif;cursor:pointer;padding:0}.subline{display:block;color:var(--theme-text-muted,#9aa5b4);font-size:10px;margin-top:4px;max-width:180px;overflow:hidden;text-overflow:ellipsis}.inline-details{display:inline-block}.inline-details summary{cursor:pointer;color:var(--theme-link,var(--blue));font-size:11px;font-weight:700}.mini-form{display:flex;gap:5px;min-width:260px;padding:8px;position:absolute;right:30px;background:var(--theme-surface,white);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 25px #18223015;z-index:2}.mini-form input{padding:7px;min-width:0}.single-stat{grid-template-columns:minmax(220px,300px)}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 15%,var(--theme-tint-blue,#e9efff) 0,transparent 34%),var(--theme-soft,#f7f9fc);padding:25px}.login-wrap{width:100%;max-width:410px}.login-brand{justify-content:center;margin-bottom:28px}.login-card{background:var(--theme-surface,white);border:1px solid var(--line);border-radius:15px;padding:30px;box-shadow:0 15px 45px #1a2b4410}.login-icon{width:43px;height:43px;display:grid;place-items:center;background:var(--theme-tint-blue,#edf2ff);color:var(--theme-link,var(--blue));border-radius:12px;font-size:24px;margin-bottom:18px}.login-card h1{font:800 24px Manrope,sans-serif;letter-spacing:-.8px;margin:0 0 7px}.muted{color:var(--muted);font-size:12px;line-height:1.6}.login-card form{margin-top:24px}.login-card label{margin-top:16px}.login-card input{padding:13px}.login-note{text-align:center;font-size:11px;color:var(--muted);margin:22px 0 0}.login-note a{color:var(--theme-link,var(--blue));font-weight:700}.tiny{text-align:center;font-size:10px;margin-top:18px}
@media(max-width:1100px){.sidebar{width:210px}.main-content{margin-left:210px;width:calc(100% - 210px)}.content{padding:25px 23px}.topbar{padding:20px 23px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.sidebar{width:64px;padding:20px 8px}.brand{padding:0;justify-content:center}.brand>span:last-child,.nav-label,.sidebar nav a span,.user-meta,.logout{display:none}.sidebar nav{margin-top:35px}.sidebar nav a{justify-content:center;padding:13px 0;font-size:18px}.sidebar-bottom{justify-content:center}.main-content{margin-left:64px;width:calc(100% - 64px)}.topbar{height:82px;padding:16px}.topbar h1{font-size:19px}.topbar-right>span:not(.status-dot),.top-avatar{display:none}.content{padding:20px 13px}.welcome-row,.page-actions{align-items:flex-start;flex-direction:column}.stats-grid{gap:10px}.stat-card{padding:14px}.stat-value{font-size:21px}.quick-grid{grid-template-columns:1fr}.panel-heading{padding:17px 14px}th,td{padding:12px 13px}.form-grid{grid-template-columns:1fr;padding:16px}.span-2{grid-column:span 1}.footer{padding:15px}.login-card{padding:23px}.single-stat{grid-template-columns:1fr}}
/* Financial dashboard enhancements */
.sidebar nav{min-height:0;overflow-y:auto;align-content:start}.sidebar-bottom{flex-shrink:0}.sidebar-bottom>.user-avatar{flex-shrink:0}.user-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-avatar:focus-visible,.user-meta:focus-visible,.top-avatar:focus-visible{outline:3px solid var(--theme-border-blue,#90adff);outline-offset:3px}
.stats-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
@media print{.sidebar,.topbar,.footer{display:none!important}.main-content{margin:0!important;width:100%!important}.content{padding:0!important}.panel,.stat-card{break-inside:avoid}}

/* Categorized workspace navigation */
.sidebar nav{display:block;flex:1;min-height:0;padding-bottom:8px}.nav-category{margin:0 0 15px}.nav-category-heading{margin:0;padding:8px 13px 7px;color:var(--theme-text-muted,#96a3b5);font:700 9px 'DM Sans',sans-serif;letter-spacing:1.2px;text-transform:uppercase}.nav-category[data-active=true]>.nav-category-heading{color:var(--theme-status-blue,#6c88b7)}.nav-category-links{display:grid;gap:4px}.sidebar>.nav-label{margin-top:30px;margin-bottom:10px}.nav-category-links>a{font-size:12px}.nav-category-links>a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-bottom .user-meta small{font-size:10px;line-height:1.5}.sidebar-bottom .user-meta{min-width:0}@media(max-width:700px){.sidebar nav{margin-top:20px;padding-right:0}.nav-category{margin-bottom:10px}.nav-category-heading{text-align:center;padding:8px 0;font-size:7px;letter-spacing:.2px;line-height:1.7}.nav-category-links{gap:3px}.sidebar .nav-category-links>a{font-size:18px;padding:11px 0}}

.sidebar nav{overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#d9e2ef transparent}.sidebar nav::-webkit-scrollbar{width:4px;height:0}.sidebar nav::-webkit-scrollbar-thumb{background:var(--theme-tint-blue,#d9e2ef);border-radius:8px}