:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17211d;background:#f5f4ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}.brand-logo{width:54px;height:54px;object-fit:contain;background:#fff;border-radius:12px;padding:4px}.brand-logo.compact{width:38px;height:38px;border-radius:9px}.login{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.35fr) minmax(360px,.65fr)}.login-story{background:radial-gradient(circle at 78% 18%,#2c6859 0,#173d34 38%,#102b25);padding:48px clamp(36px,6vw,90px);display:flex;flex-direction:column;justify-content:space-between;color:#fff}.login-story .eyebrow{font-size:12px;letter-spacing:2px;color:#8fc6b4}.login-form{padding:clamp(36px,7vw,96px);max-width:600px;width:100%;margin:auto}.app{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:24px 16px 18px;background:#173c34;color:#fff;display:flex;flex-direction:column;z-index:10}.sidebar nav{display:flex;flex-direction:column;gap:4px;margin-top:32px}.sidebar nav button{appearance:none;border:0;background:transparent;color:#c6d5cf;border-radius:9px;padding:11px 12px;display:flex;align-items:center;gap:11px;font:inherit;cursor:pointer;text-align:left}.sidebar nav button:hover,.sidebar nav button.active{background:#285348;color:#fff}.sidebar nav button.disabled{opacity:.5;cursor:default}.sidebar nav small{margin-left:auto;font-size:9px;text-transform:uppercase;letter-spacing:.5px}.sidebar-user{margin-top:auto;padding-top:16px;border-top:1px solid #31564d;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.sidebar-user strong,.sidebar-user small{display:block}.sidebar-user small{color:#9fb5ad;font-size:11px;margin-top:2px}main{min-width:0}header{height:88px;border-bottom:1px solid #deddd5;background:#f5f4efe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:14px 28px;position:sticky;top:0;z-index:5}.content{padding:26px;display:flex;flex-direction:column;gap:22px}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:12px}.metric{padding:17px;position:relative;overflow:hidden}.metric-mark{position:absolute;width:5px;height:100%;left:0;top:0;background:#5da189}.metric-mark.warn{background:#d59b58}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.panel{padding:22px}.chart-panel{min-height:325px}.chart{height:210px;display:flex;align-items:flex-end;gap:clamp(7px,2vw,24px);padding-top:25px;border-bottom:1px solid #deddd5;margin:12px 0}.bar-group{height:185px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.bars{height:165px;display:flex;align-items:flex-end;gap:3px}.bars span{display:block;width:10px;border-radius:4px 4px 0 0}.bars .income{background:#27775e}.bars .expense{background:#d59b58}.dot{width:8px;height:8px;border-radius:99px}.table{margin-top:18px;overflow-x:auto}.tr{min-width:720px;display:grid;grid-template-columns:1.8fr 1.2fr 1fr .8fr .8fr;align-items:center;gap:15px;padding:13px 8px;border-top:1px solid #eeece6;font-size:13px}.tr.head{color:#7a827e;text-transform:uppercase;font-size:10px;letter-spacing:.7px;border:0}.tr span small{display:block;color:#7a827e;margin-top:3px}.status{font-style:normal;background:#e7f1ed;color:#286753;padding:5px 8px;border-radius:20px;font-size:11px;text-transform:capitalize}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.role{padding:18px;min-height:145px}.form{display:flex;flex-direction:column;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mobile-only{display:none!important}@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(3,1fr)}.role-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:840px){.login{grid-template-columns:1fr}.login-story{display:none}.app{grid-template-columns:1fr}.sidebar{position:fixed;left:-280px;width:260px;transition:left .2s}.sidebar.open{left:0;box-shadow:10px 0 40px #0004}.mobile-only{display:flex!important}.dashboard-grid{grid-template-columns:1fr}.date{display:none}.content{padding:16px}header{padding:12px 16px;justify-content:flex-start;gap:12px}}@media(max-width:560px){.metric-grid{grid-template-columns:repeat(2,1fr)}.metric{padding:14px}.metric-grid .metric:nth-child(n+7){display:none}.form-grid,.role-grid{grid-template-columns:1fr}.login-form{padding:28px}.panel{padding:16px}}