.color-dashboard{background:linear-gradient(150deg,#f0f6ff 0%,#f6f5fc 45%,#f0faf7 100%);border-radius:24px}
.dashboard-welcome{padding:26px 28px;background:linear-gradient(115deg,#173e70,#2564a5);border-radius:20px;color:#fff;box-shadow:0 8px 24px #17477718}
.dashboard-welcome p{color:#e0ecff}.dashboard-welcome .eyebrow{color:#d4e5ff}
.dashboard-welcome .btn{background:#ffffff14;color:#fff;border-color:#ffffff50}.dashboard-welcome .btn:hover{background:#ffffff28}.dashboard-welcome .btn.primary{background:#fff;color:#174777;border-color:#fff}
.color-dashboard .dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tone-blue{--card-ink:#215699;--card-bg:#e9f2ff;--card-end:#dceaff;--card-border:#c4d9f5}
.tone-green{--card-ink:#17664b;--card-bg:#e7f6ed;--card-end:#d6efdf;--card-border:#bce0cb}
.tone-purple{--card-ink:#67409b;--card-bg:#f0eafa;--card-end:#e6dcf7;--card-border:#d5c3ef}
.tone-cyan{--card-ink:#116478;--card-bg:#e5f5fa;--card-end:#d4edf5;--card-border:#b8dfe9}
.tone-amber{--card-ink:#845311;--card-bg:#fff4dc;--card-end:#ffebc0;--card-border:#efd59b}
.tone-rose{--card-ink:#a3334a;--card-bg:#ffedf1;--card-end:#ffdee6;--card-border:#f2c3cf}
.color-dashboard .dashboard-color-card{background:linear-gradient(135deg,var(--card-bg),var(--card-end));border:1px solid var(--card-border);border-radius:18px;padding:22px 24px;text-align:left;min-height:195px;box-shadow:0 4px 10px #213c5810;transition:transform .18s,box-shadow .18s}
.color-dashboard .dashboard-color-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #213c581c;border-color:var(--card-ink)}
.color-dashboard .dashboard-color-card .stat-title{color:var(--card-ink);font-weight:700;font-size:14px;gap:10px}
.dashboard-card-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#ffffffba;color:var(--card-ink);flex-shrink:0;box-shadow:0 2px 6px #203b5310}
.dashboard-card-icon .icon{width:25px;height:25px;stroke-width:1.8}
.color-dashboard .dashboard-color-card .metric-value{color:#172b47;font-size:32px;margin-top:10px;overflow-wrap:anywhere}
.color-dashboard .dashboard-color-card .stat-note{color:#475b72;font-size:14px}
.dashboard-card-action{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;color:var(--card-ink);font-size:14px;font-weight:700}
.dashboard-card-action .icon{width:17px;height:17px}
.dashboard-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 24px}
.dashboard-shortcut{display:flex;align-items:center;gap:12px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:17px 16px;transition:box-shadow .18s,transform .18s}
.dashboard-shortcut:hover{transform:translateY(-2px);box-shadow:0 8px 18px #213c5818}
.dashboard-shortcut strong{color:var(--card-ink);font-size:14px}.dashboard-shortcut small{display:block;color:#475b72;font-size:14px;margin-top:5px;line-height:1.4}
.dashboard-shortcut>.icon{margin-left:auto;width:16px;height:16px;color:var(--card-ink)}
.color-dashboard>.panel{border-radius:18px;box-shadow:0 5px 18px #203b5308}.color-dashboard>.panel>.panel-heading{background:#eaf1fc;border-bottom:1px solid #dce6f6}
@media(max-width:1100px){.dashboard-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.color-dashboard .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-welcome{padding:22px 18px;flex-direction:column;align-items:flex-start}.color-dashboard .dashboard-color-card{padding:17px 15px;min-height:190px}.dashboard-card-icon{width:36px;height:36px;border-radius:11px}.dashboard-card-icon .icon{width:22px;height:22px}.color-dashboard .dashboard-color-card .stat-title{font-size:14px}.color-dashboard .dashboard-color-card .metric-value{font-size:26px}.dashboard-shortcut{padding:14px 12px;gap:9px}.dashboard-shortcut>.icon{display:none}}
@media(max-width:370px){.color-dashboard .dashboard-stats,.dashboard-shortcuts{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.color-dashboard .dashboard-color-card,.dashboard-shortcut{transition:none}.color-dashboard .dashboard-color-card:hover,.dashboard-shortcut:hover{transform:none}}