body.optila-home-modern{--optila-navy:#0b2d63;--optila-blue:#1d5fd1;--optila-ink:#10233f;--optila-muted:#73829b}
body.optila-home-modern main{position:relative}
body.optila-home-modern main::before{content:"";position:fixed;z-index:-1;inset:60px 0 0 295px;pointer-events:none;background:radial-gradient(circle at 92% 4%,rgba(59,130,246,.09),transparent 27%),radial-gradient(circle at 18% 24%,rgba(20,184,166,.055),transparent 24%)}

.optila-quick-modern{position:relative;overflow:hidden!important;border-color:#e1e9f5!important;background:linear-gradient(145deg,#fff 0%,#fbfdff 70%,#f4f8ff 100%)!important;box-shadow:0 10px 34px rgba(15,45,95,.07)!important;animation:optila-rise .48s ease both}
.optila-quick-modern::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#20b7ab,#2872e5 45%,#7558ee);opacity:.9}
.optila-quick-modern .ant-card-body>div:first-child{gap:12px;flex-wrap:wrap}
.optila-quick-modern .ant-card-body>div:first-child>span.ant-input-affix-wrapper{margin-left:auto}
.optila-quick-toggle{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:29px;padding:0 10px;border:1px solid #d9e4f3;border-radius:8px;background:#fff;color:#245aa9;font:inherit;font-size:10.5px;font-weight:750;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}
.optila-quick-toggle:hover{transform:translateY(-1px);border-color:#8eb8ef;box-shadow:0 5px 14px rgba(29,95,209,.11)}
.optila-quick-toggle svg{width:12px;height:12px;transition:transform .22s}
.optila-quick-toggle[aria-expanded="true"] svg{transform:rotate(90deg)}
.optila-quick-modern.is-compact:not(.is-searching) .optila-quick-extra{display:none}
.optila-quick-modern .optila-quick-item{animation:optila-rise .34s calc(var(--quick-order)*25ms) ease both}
.optila-quick-modern .optila-quick-item>div{position:relative!important;overflow:hidden!important;border-color:#e8eef7!important;box-shadow:0 3px 11px rgba(27,52,90,.045)!important}
.optila-quick-modern .optila-quick-item>div::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.64) 48%,transparent 72%);transform:translateX(-140%);transition:transform .55s ease}
.optila-quick-modern .optila-quick-item>div:hover{transform:translateY(-3px)!important;border-color:#c9dbf4!important;box-shadow:0 10px 24px rgba(27,80,160,.12)!important}
.optila-quick-modern .optila-quick-item>div:hover::after{transform:translateX(140%)}

.optila-dashboard-section{margin-top:18px;padding:6px 0 38px;color:var(--optila-ink,#10233f)}
.optila-dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 3px 15px}
.optila-dashboard-title{display:flex;align-items:center;gap:12px;min-width:0}
.optila-dashboard-title-mark{position:relative;width:10px;height:44px;flex:0 0 auto;overflow:hidden;border-radius:999px;background:linear-gradient(180deg,#286ee0,#15b8a6);box-shadow:0 7px 18px rgba(37,99,235,.26)}
.optila-dashboard-title-mark::after{content:"";position:absolute;inset:-30% 0;background:linear-gradient(180deg,transparent,rgba(255,255,255,.9),transparent);animation:optila-mark 3s ease-in-out infinite}
.optila-dashboard-eyebrow{display:block;margin-bottom:3px;color:#2a68c6;font-size:9px;font-weight:850;letter-spacing:.12em}
.optila-dashboard-title h2{margin:0;color:#10233f;font-size:21px;line-height:1.15;font-weight:850;letter-spacing:-.035em}
.optila-dashboard-title p{margin:4px 0 0;color:#8a99b1;font-size:10.5px;font-weight:500}
.optila-dashboard-head-actions{display:flex;align-items:center;gap:9px}
.optila-dashboard-health{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border:1px solid #ccefe5;border-radius:999px;background:#f0fdf9;color:#087e66;font-size:10.5px;font-weight:750}
.optila-dashboard-health i{width:7px;height:7px;border-radius:50%;background:#18b78b;box-shadow:0 0 0 5px rgba(24,183,139,.10);animation:optila-pulse 2s ease infinite}
.optila-dashboard-health.has-alert{border-color:#fed7aa;background:#fff7ed;color:#b45309}
.optila-dashboard-health.has-alert i{background:#f59e0b;box-shadow:0 0 0 5px rgba(245,158,11,.11)}
.optila-dashboard-refresh{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border:1px solid #d9e4f2;border-radius:10px;background:rgba(255,255,255,.92);color:#52647e;font:inherit;font-size:10.5px;font-weight:750;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s,color .18s}
.optila-dashboard-refresh:hover{transform:translateY(-1px);border-color:#8db7ef;color:#1d5fd1;box-shadow:0 7px 20px rgba(29,95,209,.10)}
.optila-dashboard-refresh:disabled{cursor:wait;opacity:.65}
.optila-dashboard-refresh svg{width:14px;height:14px}
.optila-dashboard-refresh.is-loading svg{animation:optila-spin .8s linear infinite}

.optila-dashboard-primary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.optila-dashboard-card{--card-color:#2468d5;--card-soft:#edf5ff;position:relative;min-width:0;background:#fff;cursor:pointer;isolation:isolate}
.optila-dashboard-card.is-primary{min-height:148px;padding:17px 18px 15px;overflow:hidden;border:1px solid #e1e9f4;border-radius:17px;box-shadow:0 8px 28px rgba(15,45,95,.065);animation:optila-rise .48s var(--delay) ease both;transition:transform .22s,border-color .22s,box-shadow .22s}
.optila-dashboard-card.is-primary::before{content:"";position:absolute;z-index:-1;width:120px;height:120px;top:-62px;right:-48px;border-radius:50%;background:var(--card-soft);transition:transform .35s,opacity .35s}
.optila-dashboard-card.is-primary::after{content:"";position:absolute;inset:auto 16px 0;height:3px;border-radius:4px 4px 0 0;background:linear-gradient(90deg,var(--card-color),transparent);opacity:.7;transform:scaleX(.45);transform-origin:left;transition:transform .3s}
.optila-dashboard-card.is-primary:hover,.optila-dashboard-card.is-primary:focus-visible{outline:none;transform:translateY(-5px);border-color:color-mix(in srgb,var(--card-color) 42%,#dfe7f1);box-shadow:0 18px 38px rgba(15,45,95,.13)}
.optila-dashboard-card.is-primary:hover::before{transform:scale(1.22);opacity:.92}
.optila-dashboard-card.is-primary:hover::after{transform:scaleX(1)}
.optila-dashboard-primary-meta{display:flex;align-items:center;gap:9px}
.optila-dashboard-card-label{min-width:0;overflow:hidden;color:#52637c;font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.optila-dashboard-card-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 auto;border-radius:10px;background:var(--card-soft);color:var(--card-color)}
.optila-dashboard-card-icon svg{width:16px;height:16px;stroke-width:1.9}
.optila-dashboard-card-arrow{display:inline-flex;margin-left:auto;color:#a3b0c2;opacity:0;transform:translateX(-5px);transition:.2s}
.optila-dashboard-card-arrow svg{width:15px;height:15px}
.optila-dashboard-card.is-primary:hover .optila-dashboard-card-arrow{opacity:1;transform:none}
.optila-dashboard-card-value{margin-top:17px;overflow:hidden;color:#10233f;font-size:31px;font-weight:880;line-height:1;letter-spacing:-.055em;text-overflow:ellipsis;white-space:nowrap}
.optila-dashboard-card-value.is-currency{font-size:28px}
.optila-dashboard-card-subtitle{margin-top:10px;overflow:hidden;color:#8a99af;font-size:10px;font-weight:550;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.optila-dashboard-card.is-primary.is-zero:not(.is-danger):not(.is-warning) .optila-dashboard-card-value{color:#51647e}
.optila-dashboard-card.is-primary.is-danger{border-color:#fecaca;background:linear-gradient(145deg,#fff,#fff8f8)}
.optila-dashboard-card.is-primary.is-danger .optila-dashboard-card-value{color:#c81e1e}
.optila-dashboard-card.is-primary.is-warning{border-color:#fed7aa;background:linear-gradient(145deg,#fff,#fffaf1)}
.optila-dashboard-card.is-primary.is-warning .optila-dashboard-card-value{color:#b85e08}

.optila-dashboard-columns{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:14px;margin-top:14px}
.optila-dashboard-panel{overflow:hidden;border:1px solid #e1e9f4;border-radius:17px;background:rgba(255,255,255,.94);box-shadow:0 8px 28px rgba(15,45,95,.055);animation:optila-rise .55s .22s ease both}
.optila-dashboard-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 17px 13px;border-bottom:1px solid #edf1f6;background:linear-gradient(120deg,#fff,#fbfdff)}
.optila-dashboard-panel-head h3{margin:0;color:#18304f;font-size:13px;font-weight:830;letter-spacing:-.015em}
.optila-dashboard-panel-head p{margin:3px 0 0;color:#9aa7b8;font-size:9.5px}
.optila-dashboard-panel-badge{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;background:#effaf6;color:#0b876b;font-size:9px;font-weight:800;white-space:nowrap}
.optila-dashboard-panel-badge.has-alert{background:#fff3e8;color:#b75d08}
.optila-dashboard-panel-badge.is-good{background:#effaf6;color:#0b876b}
.optila-dashboard-panel-content{padding:5px 9px 9px}
.optila-dashboard-card.is-task{display:grid;grid-template-columns:32px minmax(0,1fr) auto 16px;align-items:center;gap:10px;min-height:54px;padding:7px 8px;border:1px solid transparent;border-radius:11px;animation:optila-rise .36s var(--delay) ease both;transition:background .18s,border-color .18s,transform .18s}
.optila-dashboard-card.is-task:hover,.optila-dashboard-card.is-task:focus-visible{outline:none;transform:translateX(3px);border-color:#e1eaf5;background:#f8fbff}
.optila-dashboard-card.is-task .optila-dashboard-card-icon{width:31px;height:31px;border-radius:9px}
.optila-dashboard-task-copy{min-width:0}
.optila-dashboard-task-copy strong{display:block;overflow:hidden;color:#263a56;font-size:10.5px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.optila-dashboard-task-copy span{display:block;margin-top:2px;overflow:hidden;color:#98a5b6;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.optila-dashboard-task-value{min-width:42px;color:#52647f;font-size:12px;font-weight:850;text-align:right;white-space:nowrap}
.optila-dashboard-task-arrow{display:inline-flex;color:#b1bdcb;transition:transform .18s,color .18s}
.optila-dashboard-task-arrow svg{width:13px;height:13px}
.optila-dashboard-card.is-task:hover .optila-dashboard-task-arrow{transform:translateX(2px);color:var(--card-color)}
.optila-dashboard-card.is-task.is-zero{opacity:.72}
.optila-dashboard-card.is-task.has-value{background:linear-gradient(90deg,var(--card-soft),#fff 52%)}
.optila-dashboard-card.is-task.is-danger .optila-dashboard-task-value{color:#c81e1e}
.optila-dashboard-card.is-task.is-warning .optila-dashboard-task-value{color:#b85e08}
.optila-dashboard-card.is-locked{cursor:not-allowed;opacity:.55;filter:grayscale(.2)}

.optila-dashboard-details{margin-top:14px;border:1px solid #e3eaf4;border-radius:15px;background:rgba(255,255,255,.83);box-shadow:0 5px 20px rgba(15,45,95,.04)}
.optila-dashboard-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 17px;list-style:none;cursor:pointer;user-select:none}
.optila-dashboard-details>summary::-webkit-details-marker{display:none}
.optila-dashboard-details>summary span{display:flex;align-items:baseline;gap:8px}
.optila-dashboard-details>summary b{color:#31455f;font-size:11px;font-weight:800}
.optila-dashboard-details>summary small{color:#9ba8b9;font-size:9.5px}
.optila-dashboard-details>summary i{display:inline-flex;color:#718299;transition:transform .22s}
.optila-dashboard-details>summary i svg{width:14px;height:14px}
.optila-dashboard-details[open]>summary i{transform:rotate(90deg)}
.optila-dashboard-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:4px 9px 10px;border-top:1px solid #edf1f6}
.optila-dashboard-card.is-detail{min-height:50px}

.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{border:1px solid #e8edf4;border-radius:16px;background:linear-gradient(100deg,transparent 25%,rgba(255,255,255,.92) 42%,transparent 58%) 0 0/230% 100%,linear-gradient(#edf2f7 0 0) 17px 18px/46% 11px no-repeat,linear-gradient(#edf2f7 0 0) 17px 56px/35% 27px no-repeat,linear-gradient(#f1f4f8 0 0) 17px 103px/62% 9px no-repeat,#fff;animation:optila-shimmer 1.45s ease-in-out infinite}
.optila-dashboard-skeleton.is-primary{min-height:148px}.optila-dashboard-skeleton.is-panel{min-height:330px}
.optila-dashboard-error{padding:22px;border:1px solid #fecaca;border-radius:15px;background:#fff7f7;color:#991b1b;text-align:center;font-size:11px}

@keyframes optila-spin{to{transform:rotate(360deg)}}
@keyframes optila-shimmer{to{background-position:-230% 0,17px 18px,17px 56px,17px 103px,0 0}}
@keyframes optila-rise{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@keyframes optila-pulse{50%{box-shadow:0 0 0 8px rgba(24,183,139,0)}}
@keyframes optila-mark{0%,55%{transform:translateY(-100%)}85%,100%{transform:translateY(100%)}}

@media(max-width:1280px){.optila-dashboard-primary{grid-template-columns:repeat(2,minmax(0,1fr))}.optila-dashboard-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){body.optila-home-modern main::before{left:0}.optila-dashboard-columns{grid-template-columns:1fr}.optila-dashboard-head{align-items:flex-start}.optila-dashboard-head-actions{align-items:flex-end;flex-direction:column}.optila-dashboard-detail-grid{grid-template-columns:1fr}}
@media(max-width:600px){.optila-dashboard-primary{grid-template-columns:1fr}.optila-dashboard-health{display:none}.optila-dashboard-title h2{font-size:18px}.optila-dashboard-card.is-primary{min-height:132px}.optila-dashboard-details>summary small{display:none}.optila-quick-modern .ant-card-body>div:first-child>span.ant-input-affix-wrapper{order:3;width:100%!important}.optila-quick-toggle{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.optila-quick-modern,.optila-quick-modern .optila-quick-item,.optila-dashboard-card,.optila-dashboard-panel,.optila-dashboard-skeleton,.optila-dashboard-title-mark::after,.optila-dashboard-health i{animation:none!important;transition:none!important}}