.optila-dashboard-section{margin-top:16px;padding-bottom:28px;color:#0f172a}
.optila-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 2px 12px}
.optila-dashboard-title{display:flex;align-items:center;gap:9px;min-width:0}
.optila-dashboard-title-mark{width:9px;height:28px;flex:0 0 auto;border-radius:999px;background:linear-gradient(180deg,#2563eb,#14b8a6);box-shadow:0 4px 12px rgba(37,99,235,.28)}
.optila-dashboard-title h2{margin:0;font-size:17px;line-height:1.2;font-weight:800;letter-spacing:-.02em;color:#0f172a}
.optila-dashboard-title p{margin:3px 0 0;font-size:11px;color:#94a3b8}
.optila-dashboard-refresh{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border:1px solid #dbe3ef;border-radius:9px;background:rgba(255,255,255,.9);color:#475569;font:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:.2s}
.optila-dashboard-refresh:hover{border-color:#93c5fd;color:#1d4ed8;box-shadow:0 6px 18px rgba(37,99,235,.09)}
.optila-dashboard-refresh:disabled{cursor:wait;opacity:.65}
.optila-dashboard-refresh svg{width:14px;height:14px}
.optila-dashboard-refresh.is-loading svg{animation:optila-dashboard-spin .8s linear infinite}
.optila-dashboard-group{margin-bottom:14px}
.optila-dashboard-group:last-child{margin-bottom:0}
.optila-dashboard-group-head{display:flex;align-items:center;gap:9px;margin:0 2px 8px;color:#475569;font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}
.optila-dashboard-group-head::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,#dbe3ef,transparent)}
.optila-dashboard-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:11px}
.optila-dashboard-card{--card-color:#2563eb;--card-soft:#eff6ff;position:relative;min-width:0;min-height:116px;padding:13px 13px 11px;overflow:hidden;border:1px solid #e5eaf2;border-radius:13px;background:#fff;box-shadow:0 3px 12px rgba(15,23,42,.045);cursor:pointer;isolation:isolate;transition:transform .18s,border-color .18s,box-shadow .18s}
.optila-dashboard-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--card-color);opacity:.92}
.optila-dashboard-card::after{content:"";position:absolute;z-index:-1;width:72px;height:72px;top:-30px;right:-24px;border-radius:50%;background:var(--card-soft);opacity:.8}
.optila-dashboard-card:hover,.optila-dashboard-card:focus-visible{outline:none;transform:translateY(-3px);border-color:var(--card-color);box-shadow:0 11px 26px rgba(15,23,42,.10)}
.optila-dashboard-card.is-locked{cursor:not-allowed;opacity:.62;filter:grayscale(.25)}
.optila-dashboard-card-top{display:flex;align-items:center;justify-content:space-between;gap:7px}
.optila-dashboard-card-label{min-width:0;overflow:hidden;color:#475569;font-size:11px;font-weight:750;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.optila-dashboard-card-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 auto;border-radius:8px;background:var(--card-soft);color:var(--card-color)}
.optila-dashboard-card-icon svg{width:15px;height:15px;stroke-width:1.9}
.optila-dashboard-card-value{margin-top:9px;overflow:hidden;color:#0f172a;font-size:clamp(20px,1.55vw,26px);font-weight:850;line-height:1;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap}
.optila-dashboard-card-value.is-currency{font-size:clamp(18px,1.25vw,23px)}
.optila-dashboard-card-subtitle{min-height:27px;margin-top:7px;overflow:hidden;color:#94a3b8;font-size:9.5px;font-weight:550;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.optila-dashboard-tone-blue{--card-color:#2563eb;--card-soft:#eff6ff}
.optila-dashboard-tone-cyan{--card-color:#0891b2;--card-soft:#ecfeff}
.optila-dashboard-tone-teal{--card-color:#0d9488;--card-soft:#f0fdfa}
.optila-dashboard-tone-green{--card-color:#16a34a;--card-soft:#f0fdf4}
.optila-dashboard-tone-emerald{--card-color:#059669;--card-soft:#ecfdf5}
.optila-dashboard-tone-amber{--card-color:#d97706;--card-soft:#fffbeb}
.optila-dashboard-tone-orange{--card-color:#ea580c;--card-soft:#fff7ed}
.optila-dashboard-tone-red{--card-color:#dc2626;--card-soft:#fef2f2}
.optila-dashboard-tone-violet{--card-color:#7c3aed;--card-soft:#f5f3ff}
.optila-dashboard-tone-purple{--card-color:#9333ea;--card-soft:#faf5ff}
.optila-dashboard-tone-indigo{--card-color:#4f46e5;--card-soft:#eef2ff}
.optila-dashboard-tone-slate{--card-color:#64748b;--card-soft:#f8fafc}
.optila-dashboard-skeleton{min-height:116px;border:1px solid #edf1f6;border-radius:13px;background:linear-gradient(100deg,transparent 25%,rgba(255,255,255,.85) 40%,transparent 55%) 0 0/220% 100%,linear-gradient(#eef2f7 0 0) 13px 14px/62% 10px no-repeat,linear-gradient(#eef2f7 0 0) 13px 43px/44% 24px no-repeat,linear-gradient(#f3f5f8 0 0) 13px 82px/72% 9px no-repeat,#fff;animation:optila-dashboard-shimmer 1.45s ease-in-out infinite}
.optila-dashboard-error{padding:20px;border:1px solid #fecaca;border-radius:13px;background:#fff;color:#991b1b;text-align:center;font-size:12px}
@keyframes optila-dashboard-spin{to{transform:rotate(360deg)}}
@keyframes optila-dashboard-shimmer{to{background-position:-220% 0,13px 14px,13px 43px,13px 82px,0 0}}
@media(max-width:1280px){.optila-dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.optila-dashboard-head{align-items:flex-start}.optila-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.optila-dashboard-title p{display:none}.optila-dashboard-grid{grid-template-columns:1fr}.optila-dashboard-card{min-height:106px}}
@media(prefers-reduced-motion:reduce){.optila-dashboard-card,.optila-dashboard-refresh,.optila-dashboard-skeleton{transition:none;animation:none}}