:root{--shell-dark:#202a36;--dash-blue:#2f6de4;--dash-emerald:#0b9b70;--dash-cyan:#1198ae;--dash-violet:#6550db;--dash-teal:#169989;--dash-amber:#de8a08;--dash-purple:#9949e8}.sidebar{width:232px;background:linear-gradient(180deg,#344354 0,#202b37 100%);padding:20px 12px}.main{margin-left:232px;width:calc(100% - 232px);min-width:0}.brand{padding:0 10px 20px;border-bottom:1px solid #ffffff1a;font:800 21px 'DM Sans',sans-serif}.brand-logo{width:38px;height:38px}.company-switch{margin:0 2px 13px;padding:13px 10px;border-top:0;border-bottom-color:#ffffff18}.nav-section{color:#8fa2b5}.nav-link{position:relative;padding:10px 12px;border-radius:7px;color:#d1dae3}.nav-link:hover{background:#ffffff12}.nav-link.active{background:linear-gradient(90deg,#bd7c12,#dda52b);color:#fff;box-shadow:0 7px 18px #14191f45,inset 3px 0 #ffe09a}.nav-link.active .nav-icon{color:#fff}.nav-icon{color:#e2b64b}.topbar{height:64px;padding:0 28px;border-bottom-color:#e5e8ec;background:#fff;box-shadow:0 2px 8px #2e354008}.crumb{color:#5d6976;font-size:13px}.modern-dashboard{box-sizing:border-box;max-width:1600px;padding:25px 28px 50px;background:#f5f7fa}.modern-dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.modern-dashboard-head h1{margin:3px 0 2px;color:#172333;font:800 30px 'DM Sans',sans-serif}.modern-dashboard-head>div>span{color:#74808d;font-size:12px}.dashboard-report-button{padding:10px 14px;border:1px solid #788695;border-radius:7px;background:#fff;color:#263545;text-decoration:none;font-size:12px;font-weight:700}.modern-metrics{display:grid;gap:11px}.primary-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:13px}.modern-metric{position:relative;display:block;min-width:0;min-height:108px;padding:16px 17px;border-radius:9px;color:#fff;text-decoration:none;box-shadow:0 7px 15px #27334218;overflow:hidden;transition:.16s}.modern-metric:hover{transform:translateY(-2px);box-shadow:0 10px 20px #27334228}.modern-metric span,.modern-metric b,.modern-metric small{display:block}.modern-metric span{padding-right:38px;font-size:10px;font-weight:800}.modern-metric b{margin-top:12px;overflow:hidden;font-size:19px;text-overflow:ellipsis;white-space:nowrap}.modern-metric small{margin-top:7px;color:#ffffffd9;font-size:9px}.modern-metric i{position:absolute;top:15px;right:15px;color:#fff;font:700 22px 'DM Sans';font-style:normal}.modern-metric.blue{background:linear-gradient(135deg,#285fd1,#357bf2)}.modern-metric.emerald{background:linear-gradient(135deg,#087b59,#10ad7e)}.modern-metric.cyan{background:linear-gradient(135deg,#087f94,#13aec2)}.modern-metric.violet{background:linear-gradient(135deg,#5140c9,#755ce7)}.modern-metric.teal{background:linear-gradient(135deg,#117c70,#1aaf9e)}.modern-metric.amber{background:linear-gradient(135deg,#c77200,#ef9b09)}.modern-metric.purple{background:linear-gradient(135deg,#7e39d2,#ad51f0)}.modern-financial-block{overflow:hidden;border:1px solid #dfe5eb;border-radius:12px;background:#fff;box-shadow:0 5px 18px #2331400b}.modern-financial-block>header,.modern-chart-card>header,.modern-due-card>header{display:flex;align-items:center;justify-content:space-between;gap:18px}.modern-financial-block>header{padding:17px 19px;border-bottom:1px solid #e7ebef}.modern-financial-block>header>div{display:flex;align-items:center;gap:11px}.modern-financial-block>header i{display:grid;place-items:center;width:33px;height:33px;border-radius:8px;background:#fff2cd;color:#b7780c;font-style:normal;font-weight:800}.modern-financial-block h2,.modern-chart-card h2,.modern-due-card h2{margin:0;color:#1b2939;font-size:15px}.modern-financial-block header span,.modern-chart-card header span,.modern-due-card header span{display:block;margin-top:3px;color:#84909b;font-size:9px}.modern-financial-block header a,.modern-chart-card header a,.modern-due-card header a{color:#9b690d;text-decoration:none;font-size:10px;font-weight:800}.finance-metrics{grid-template-columns:repeat(4,minmax(0,1fr));padding:13px}.finance-metrics .modern-metric{min-height:96px}.modern-insights{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border-top:1px solid #dfe5eb;background:#dfe5eb}.modern-insights article{position:relative;min-width:0;padding:15px 17px;background:linear-gradient(135deg,#2e3948,#38495c);color:#fff}.modern-insights article:nth-child(2){background:linear-gradient(135deg,#4f42be,#6958dd)}.modern-insights article:nth-child(3){background:linear-gradient(135deg,#8b40d4,#a84be8)}.modern-insights span,.modern-insights b,.modern-insights small{display:block}.modern-insights span{font-size:9px}.modern-insights b{margin-top:7px;font-size:16px}.modern-insights strong{position:absolute;top:17px;right:17px;font-size:16px}.modern-insights small{margin-top:4px;color:#ffffffc9;font-size:8px}.modern-dashboard-bottom{display:grid;grid-template-columns:1.55fr 1fr;gap:13px;margin-top:13px}.modern-chart-card,.modern-due-card{min-width:0;padding:17px 19px;border:1px solid #dfe5eb;border-radius:11px;background:#fff;box-shadow:0 5px 18px #2331400b}.modern-chart-card .chart{height:220px}.modern-due-card .due-item{padding:10px 0}.modern-dashboard .avatar{background:#fff0c4;color:#80570c}.modern-dashboard .bar{background:#b9d3f8}.modern-dashboard .bar.now{background:linear-gradient(#e5b749,#b87b16)}@media(max-width:1180px){.primary-metrics{grid-template-columns:repeat(3,1fr)}.finance-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.sidebar{width:232px}.main{margin-left:0;width:100%}.modern-dashboard{padding:22px 18px 45px}.primary-metrics{grid-template-columns:repeat(2,1fr)}.modern-dashboard-bottom{grid-template-columns:1fr}}@media(max-width:620px){.modern-dashboard-head{align-items:flex-start;flex-direction:column}.dashboard-report-button{width:100%;text-align:center}.primary-metrics,.finance-metrics,.modern-insights{grid-template-columns:1fr}.modern-metric{min-height:98px}.modern-financial-block>header{align-items:flex-start;flex-direction:column}.modern-dashboard{padding:18px 12px 38px}}
