/* Antaro V2 premium sky-blue theme */
:root{
  --premium-bg:#edf9fd;
  --premium-ice:#f7fcfe;
  --premium-ink:#143c5d;
  --premium-muted:#6d91a8;
  --premium-blue:#0b83b8;
  --premium-teal:#0bb3ba;
  --premium-teal-dark:#056f8e;
  --premium-line:#d8edf5;
  --premium-shadow:0 18px 45px rgba(34,111,145,.10);
}

body{background:linear-gradient(180deg,#f7fdff 0%,#eef9fd 44%,#eaf8fc 100%)!important;color:var(--premium-ink)!important}
.app-shell{background:transparent!important}

.topbar{background:radial-gradient(circle at 58% -25%,rgba(255,255,255,.42),transparent 25%),linear-gradient(110deg,#046f91 0%,#0b84ab 44%,#108fb4 68%,#046d8e 100%)!important;border-radius:0 0 20px 20px;box-shadow:0 8px 24px rgba(1,80,111,.18)!important;overflow:hidden}
.topbar::before,.topbar::after{content:"";position:absolute;pointer-events:none;border:1px solid rgba(255,255,255,.26);border-bottom:0;border-radius:50% 50% 0 0/100% 100% 0 0;transform:rotate(-3deg)}
.topbar::before{width:330px;height:66px;left:31%;bottom:-28px}.topbar::after{width:220px;height:48px;left:40%;bottom:-22px;opacity:.65}
.topbar-brand,.topbar-actions,.mobile-menu-btn{position:relative;z-index:2}
.search{background:rgba(235,250,255,.76)!important;border:1px solid rgba(255,255,255,.55)!important;color:#25617d!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 7px 20px rgba(0,62,88,.10)!important}.search::placeholder{color:#3f7f9b!important}
.user-badge{background:linear-gradient(180deg,#169fc4,#0b7fa3)!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:0 7px 18px rgba(0,61,91,.18)}

.workspace-shell{background:linear-gradient(180deg,#f5fcff 0%,#edf9fd 65%,#eaf8fc 100%)!important}
.main{position:relative;overflow:hidden}.main::before{content:"";position:absolute;left:0;top:18px;width:48%;height:185px;opacity:.42;pointer-events:none;background:linear-gradient(145deg,transparent 0 16%,rgba(133,211,241,.38) 16% 31%,transparent 31%),linear-gradient(155deg,transparent 0 32%,rgba(153,221,245,.32) 32% 47%,transparent 47%),linear-gradient(165deg,transparent 0 45%,rgba(179,231,249,.28) 45% 59%,transparent 59%)}
.view{position:relative;z-index:1;padding:28px 34px 30px!important}

.overview-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,430px);gap:28px;align-items:start;margin-bottom:22px;min-height:92px}.overview-hero-main{text-align:right}.overview-hero-main .eyebrow{font-size:12px!important;color:#0e93b3!important;margin-bottom:8px}.overview-hero-main h1{font-size:42px!important;line-height:1!important;color:#123b5d!important;margin:0 0 10px!important;font-weight:700!important}.overview-hero-main p{font-size:15px!important;color:#668ba3!important}.overview-hero-message{text-align:left;direction:rtl;padding-top:16px}.overview-hero-message strong{display:block;font-size:24px;font-weight:400;color:#2485b0;margin-bottom:5px}.overview-hero-message span{font-size:15px;color:#4f83a0}

.metrics.overview-filters{gap:16px!important;margin-bottom:20px!important}.overview-filters .metric{min-height:142px!important;padding:22px 24px!important;border-radius:18px!important;position:relative;overflow:hidden;box-shadow:var(--premium-shadow)!important;border-width:1px!important}.overview-filters .metric::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.55),transparent 52%);pointer-events:none}.overview-filters .metric>div{position:relative;z-index:1}.overview-filters .metric strong{font-size:34px!important;color:#0d4268!important}.overview-filters .metric b{font-size:17px!important;color:#173f60!important;margin-top:5px!important}.overview-filters .metric small{font-size:13px!important;color:#6e93aa!important}.overview-filters .metric-icon{position:relative;z-index:1;width:54px!important;height:54px!important;border-radius:50%!important;font-size:25px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}.overview-filters .metric.green{background:linear-gradient(135deg,#f7fffc,#edfcf8)!important;border-color:#ccefe4!important}.overview-filters .metric.green .metric-icon{background:#dcf8ef!important;color:#118f7a!important}.overview-filters .metric.orange{background:linear-gradient(135deg,#fffdfa,#fff7e9)!important;border-color:#f5dfb9!important}.overview-filters .metric.orange .metric-icon{background:#fff0d2!important;color:#c4780c!important}.overview-filters .metric.red{background:linear-gradient(135deg,#fffafb,#fff1f4)!important;border-color:#f3d4dc!important}.overview-filters .metric.red .metric-icon{background:#ffe1e8!important;color:#bd3451!important}.overview-filters .metric:nth-child(2){background:linear-gradient(135deg,#fffafb,#fff5f6)!important}.overview-filters .metric::after{content:"→";position:absolute;left:18px;bottom:16px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0e91bc;border:1px solid #dceef5;box-shadow:0 5px 12px rgba(52,121,149,.09);font-size:16px;font-weight:700;z-index:2}.overview-filters .metric.active{box-shadow:0 0 0 3px rgba(9,167,181,.16),0 20px 42px rgba(43,116,145,.12)!important}.overview-filters .metric.active::after{content:"✓"}

.panel{border:1px solid rgba(201,228,238,.92)!important;border-radius:20px!important;box-shadow:0 15px 42px rgba(41,111,139,.08)!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(8px)}.overview-panel-head{padding:19px 22px!important;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,253,255,.96));border-bottom:1px solid #dcedf4!important}.overview-panel-head h2{font-size:25px!important;color:#153f60!important}.overview-panel-head span{font-size:13px!important;color:#6d90a6!important}.overview-show-all{background:#fff!important;color:#147ea7!important;border:1px solid #cfe5ef!important;border-radius:999px!important;padding:9px 16px!important;box-shadow:0 4px 12px rgba(40,112,142,.06)}#overviewRows{padding:0 16px 16px}#overviewRows .table{border-collapse:separate!important;border-spacing:0!important;overflow:hidden;border-radius:14px}#overviewRows .table thead th{background:linear-gradient(180deg,#eef8fc,#e7f4fa)!important;color:#4f84a1!important;font-size:12px!important;border-bottom:1px solid #d7eaf2!important;padding:13px 16px!important}#overviewRows .table tbody td{padding:13px 16px!important;border-bottom:1px solid #e8f1f5!important;background:rgba(255,255,255,.86)}#overviewRows .table tbody tr:hover td{background:#f4fbfe!important}#overviewRows .table td strong{color:#173f60!important}#overviewRows .badge{padding:5px 12px!important;font-size:12px!important;border-radius:999px!important}#overviewRows .badge.red{background:#fde3ea!important;color:#b93350!important}#overviewRows .badge.orange{background:#fff0d8!important;color:#c27610!important}#overviewRows .badge.green{background:#dff7ee!important;color:#168b70!important}#overviewRows .badge.blue{background:#e2f1ff!important;color:#297ab2!important}

/* Premium sidebar matching the mockup */
.sidebar{background:linear-gradient(180deg,rgba(250,254,255,.98),rgba(242,250,254,.98))!important;border-left:1px solid #d8ebf3!important;box-shadow:-10px 0 28px rgba(36,104,133,.07)!important;padding:14px 12px 18px!important}
.sidebar .nav{display:flex!important;flex-direction:column!important;gap:8px!important}
.sidebar .nav-btn{position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;min-height:48px!important;padding:11px 15px!important;border-radius:15px!important;background:linear-gradient(180deg,#ffffff,#fbfdff)!important;border:1px solid #d8e9f1!important;color:#183f62!important;box-shadow:0 3px 12px rgba(39,107,137,.045)!important;font-size:14px!important;font-weight:700!important;text-align:right!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease!important}
.sidebar .nav-btn::first-letter{color:#0d86bd!important;font-size:18px!important;line-height:1!important}
.sidebar .nav-btn span{flex:1!important;text-align:right!important;color:inherit!important;white-space:normal!important;line-height:1.2!important}
.sidebar .nav-btn:hover{background:linear-gradient(180deg,#fafdff,#f2faff)!important;border-color:#bfe0ee!important;box-shadow:0 7px 18px rgba(39,107,137,.08)!important;transform:translateX(-2px)!important}
.sidebar .nav-btn.active{background:linear-gradient(180deg,#12b7c1 0%,#0aa3b0 56%,#0792a3 100%)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 10px 24px rgba(4,145,161,.24),inset 0 1px 0 rgba(255,255,255,.24)!important}
.sidebar .nav-btn.active::first-letter{color:#fff!important}
.sidebar .nav-btn.active span{color:#fff!important}
.sidebar .nav-btn.active::after{content:"";position:absolute;inset:1px;border-radius:14px;background:linear-gradient(110deg,rgba(255,255,255,.12),transparent 48%);pointer-events:none}
.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#b9d4df;border-radius:999px}.sidebar::-webkit-scrollbar-thumb:hover{background:#91b8c8}

.site-footer{position:relative;overflow:hidden;background:linear-gradient(180deg,#f7fdff,#eefaff)!important;color:#1f6485!important;border-top:1px solid #d8edf5!important;box-shadow:none!important}.site-footer::before{content:"";position:absolute;right:-80px;bottom:-22px;width:470px;height:80px;opacity:.42;background:linear-gradient(155deg,transparent 0 34%,rgba(141,216,242,.55) 34% 50%,transparent 50%),linear-gradient(165deg,transparent 0 49%,rgba(176,230,248,.5) 49% 64%,transparent 64%)}.footer-brand,.footer-nav,.footer-copy{position:relative;z-index:1}.footer-brand{color:#174b68!important}.footer-brand-mark{color:#20c5cc!important}.footer-brand-tagline{color:#337e9d!important}.footer-nav a{color:#276f8e!important}.footer-copy{color:#367b99!important}

@media(max-width:1180px){.overview-hero{grid-template-columns:1fr}.overview-hero-message{display:none}.overview-hero-main h1{font-size:36px!important}.metrics.overview-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){.view{padding:18px 14px 22px!important}.overview-hero{min-height:auto;margin-bottom:14px}.overview-hero-main h1{font-size:30px!important}.metrics.overview-filters{grid-template-columns:1fr!important}.overview-filters .metric{min-height:118px!important}.sidebar{background:linear-gradient(180deg,#fafdff,#f1faff)!important;padding:14px!important}.sidebar .nav-btn{min-height:46px!important;border-radius:14px!important}.site-footer{background:#f5fcff!important}}