*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#eef3f8}.dashboard-page{min-height:100vh;padding:22px 56px;background:linear-gradient(rgba(180,190,205,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(180,190,205,.25) 1px,transparent 1px),#f4f7fb;background-size:58px 58px}.dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:44px}.header-left{display:flex;align-items:center;gap:24px}.header-right{display:flex;align-items:center}.login-btn{background:linear-gradient(135deg,#1d6fa5,#2b8ac7);color:#fff;text-decoration:none;padding:14px 30px;border-radius:14px;font-size:16px;font-weight:700;transition:all .3s ease;box-shadow:0 10px 20px #1d6fa540}.login-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#155781,#2476b1);box-shadow:0 14px 24px #1d6fa559;color:#fff}@media (max-width: 768px){.dashboard-header,.header-left{flex-direction:column;align-items:flex-start}.header-right{width:100%}.login-btn{width:100%;text-align:center}}.loading-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,rgba(37,99,235,.18),transparent 35%),linear-gradient(135deg,#eef6ff,#f8fafc)}.loading-card{width:420px;max-width:90%;padding:45px 35px;border-radius:28px;background:#ffffffe6;text-align:center;box-shadow:0 25px 60px #0f172a2e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.logo-loader-wrap{position:relative;width:150px;height:150px;margin:0 auto 28px;display:flex;align-items:center;justify-content:center}.loader-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:6px solid #dbeafe;border-top-color:#1d6fa5;border-right-color:#22c55e;animation:spinRing 1.2s linear infinite}.loading-logo{width:92px;height:92px;-o-object-fit:contain;object-fit:contain;animation:logoPulse 1.4s ease-in-out infinite}.loading-card h2{margin:0;font-size:26px;font-weight:900;color:#0f172a}.loading-card p{margin:12px 0 22px;font-size:15px;color:#64748b}.loading-dots{display:flex;justify-content:center;gap:8px}.loading-dots span{width:10px;height:10px;background:#1d6fa5;border-radius:50%;animation:dotBounce 1s infinite ease-in-out}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes spinRing{to{transform:rotate(360deg)}}@keyframes logoPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.85}}@keyframes dotBounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-9px);opacity:1}}.logo-box{display:flex;align-items:center;gap:14px}.logo-icon{width:264px;height:64px;border-radius:16px;color:#fff;display:grid;place-items:center;font-size:28px}.logo-box h1{margin:0;font-size:42px;color:#1e5e91;letter-spacing:1px}.logo-box p{margin:-5px 0 0;font-size:21px;font-weight:800;color:#2d719b}.divider{height:70px;width:2px;background:#c7cdd3}.dashboard-header h2{font-size:34px;line-height:1.18;margin:0;font-weight:900}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1.05fr .9fr;gap:24px;align-items:stretch}.middle-column{display:grid;gap:24px}.card{background:#fffffff5;border-radius:20px;padding:26px 30px;box-shadow:0 15px 24px #00000024}.card-title{display:flex;align-items:center;gap:14px;margin-bottom:24px}.card-title h3{margin:0;font-size:25px;font-weight:900}.icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-size:25px;font-weight:700}.icon.blue{background:#dfeafe;color:#2078b8}.icon.purple{background:#eadcff;color:#7b3db8}.card h4{text-align:center;font-size:24px;margin:12px 0 24px;font-weight:900}.card p{font-size:18px;line-height:1.15;text-align:center;margin:18px 0 0}.donut-main{display:flex;justify-content:center}.donut{border-radius:50%;display:grid;place-items:center;position:relative}.donut.yellow{width:260px;height:260px;background:conic-gradient(#ffd400 0,#ffd400 82%,#fff4b5 82%,#fff4b5)}.donut.green{background:conic-gradient(#20b768 0,#20b768 35%,#d9f3e4 35%,#d9f3e4)}.donut.red{background:conic-gradient(#f3313b 0,#f3313b 32%,#ffd2d2 32%,#ffd2d2)}.donut strong{display:block;font-size:46px;font-weight:900}.donut span{font-size:24px}.small{width:170px;height:170px}.small:before{top:32px;right:32px;bottom:32px;left:32px}.small strong{font-size:36px}.small span{font-size:22px}.mini-donuts{display:flex;justify-content:space-between;gap:60px;margin-top:-10px}.mini-item{text-align:center;flex:1}.mini-item .donut{margin:auto}.mini-item h5{font-size:22px;margin:20px 0 10px;font-weight:900}.bar-chart{display:grid;gap:14px}.bar-row{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:10px;font-size:14px;font-weight:700}.bar-track{height:34px;border-left:2px solid #999;background-image:linear-gradient(90deg,transparent 0,transparent 19%,rgba(0,0,0,.15) 20%,transparent 21%);background-size:20% 100%}.bar-fill{height:100%;border-radius:5px}.blue{background:linear-gradient(90deg,#2e8de3,#1d76c9)}.orange{background:linear-gradient(90deg,#ffad2d,#ff8f16)}.red{background:linear-gradient(90deg,red,#f87676)}.gray{background:#cfd5dc}.purple{background:linear-gradient(90deg,#8a43d6,#9c4dde)}.green{background:linear-gradient(90deg,#22b363,#25c879)}.legend{margin-top:18px;display:flex;flex-wrap:wrap;gap:12px;font-size:13px;font-weight:700}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:13px;height:13px;border-radius:3px;display:inline-block}.blue-bg{background:#2e8de3}.orange-bg{background:#ff9f1c}.gray-bg{background:#cfd5dc}.purple-bg{background:#8a43d6}.green-bg{background:#22b363}.income-card{display:flex;flex-direction:column}.vertical-chart{height:430px;margin-top:35px;display:flex;align-items:flex-end;justify-content:space-around;border-bottom:1px solid #c5cbd2;background-image:linear-gradient(to top,transparent,transparent 24%,rgba(0,0,0,.18) 25%,transparent 26%);background-size:100% 25%}.vbar{width:76px;border-radius:8px 8px 0 0;background:linear-gradient(to top,#2476df,#37c29d)}.vbar.small{height:125px}.vbar.medium{height:255px}.vbar.tall{height:430px}.big-card{padding:28px 34px}.donut-main{display:flex;justify-content:center;margin:24px 0 20px}.donut{position:relative;border-radius:50%;display:grid;place-items:center}.donut:before{content:"";position:absolute;top:32px;right:32px;bottom:32px;left:32px;background:#fff;border-radius:50%}.donut>div{position:relative;z-index:2;text-align:center}.donut.yellow{width:260px;height:260px}.donut.small{width:170px;height:170px}.donut strong{display:block;font-size:42px;font-weight:900;color:#111827}.donut span{display:block;font-size:20px;color:#374151}.mini-donuts{display:grid;grid-template-columns:repeat(2,1fr);gap:46px;margin-top:18px}.mini-item{text-align:center}.mini-item .donut{margin:0 auto}.mini-item h5{font-size:22px;font-weight:900;margin:20px 0 10px}.mini-item p{font-size:16px;line-height:1.35;margin:0;color:#111827}@media (max-width: 768px){.mini-donuts{grid-template-columns:1fr}.donut.yellow{width:220px;height:220px}.donut.small{width:150px;height:150px}}.income-labels{display:flex;justify-content:space-around;font-size:15px;font-weight:900;text-align:center;margin-top:10px}@media (max-width: 1200px){.dashboard-grid{grid-template-columns:1fr}.dashboard-header{flex-wrap:wrap}.dashboard-header h2{font-size:28px}}