:root{--mes-color-bg:#e9eef5;--mes-color-bg-grid:rgba(100, 116, 139, 0.14);--mes-color-topbar-start:#071b32;--mes-color-topbar-mid:#0b315f;--mes-color-topbar-end:#08213f;--mes-color-surface:#ffffff;--mes-color-surface-muted:#f8fafc;--mes-color-border:#dbe3ef;--mes-color-border-strong:#b8c4d6;--mes-color-text:#0f172a;--mes-color-text-muted:#64748b;--mes-color-text-soft:#94a3b8;--mes-color-primary:#1f6ff2;--mes-color-primary-dark:#0f4fb8;--mes-color-danger:#dc2626;--mes-color-danger-soft:#fee2e2;--mes-color-amber:#d97706;--mes-color-amber-soft:#fef3c7;--mes-color-green:#059669;--mes-color-green-soft:#d1fae5;--mes-color-blue-soft:#dbeafe;--mes-color-gray-soft:#f1f5f9;--mes-color-purple:#6d28d9;--mes-color-purple-soft:#ede9fe;--mes-font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",Arial,sans-serif;--mes-font-xs:12px;--mes-font-sm:13px;--mes-font-md:14px;--mes-font-lg:16px;--mes-font-title:20px;--mes-font-kpi:24px;--mes-line-tight:1.25;--mes-line-normal:1.45;--mes-space-1:4px;--mes-space-2:6px;--mes-space-3:8px;--mes-space-4:12px;--mes-space-5:16px;--mes-space-6:20px;--mes-space-7:24px;--mes-radius-sm:4px;--mes-radius-md:6px;--mes-radius-lg:8px;--mes-radius-pill:999px;--mes-shadow-card:0 12px 28px -24px rgba(15, 23, 42, 0.75);--mes-shadow-modal:0 18px 44px rgba(15, 23, 42, 0.28);--mes-shell-max:1680px;--mes-shell-wide-max:1840px;--mes-topbar-height:56px;--mes-control-height:34px;--mes-control-height-sm:30px;--mes-control-height-xs:28px;--mes-table-row-height:36px;--mes-table-row-height-dense:32px;--mes-table-row-height-compact:30px;--mes-badge-height:22px;--mes-desktop-header-height:72px;--mes-desktop-header-icon-size:40px;--mes-desktop-header-icon-svg:24px;--mes-desktop-title-size:20px;--mes-desktop-subtitle-size:12px;--mes-desktop-main-normal-max:1440px;--mes-desktop-main-wide-max:1680px;--mes-desktop-main-report-max:1760px;--mes-desktop-main-x-padding:24px;--mes-desktop-main-top-gap:16px;--mes-filter-height:44px;--mes-section-gap:12px;--mes-section-padding:12px}.mes-page{min-height:100vh;color:var(--mes-color-text);font-family:var(--mes-font-family);font-size:var(--mes-font-md);line-height:var(--mes-line-normal);background-color:var(--mes-color-bg);background-image:linear-gradient(var(--mes-color-bg-grid) 1px,transparent 1px),linear-gradient(90deg,var(--mes-color-bg-grid) 1px,transparent 1px);background-size:24px 24px}.mes-shell{width:min(96vw,var(--mes-shell-max));margin:0 auto;padding:var(--mes-space-5) var(--mes-space-6) var(--mes-space-7)}.mes-shell--wide{width:min(96vw,var(--mes-shell-wide-max))}.mes-main{display:flex;flex-direction:column;gap:var(--mes-space-4)}.mes-topbar{min-height:var(--mes-topbar-height);display:flex;align-items:center;justify-content:space-between;gap:var(--mes-space-4);padding:0 var(--mes-space-6);color:#fff;background:linear-gradient(135deg,var(--mes-color-topbar-start) 0,var(--mes-color-topbar-mid) 55%,var(--mes-color-topbar-end) 100%);border-bottom:1px solid rgba(47,140,255,.28);box-shadow:0 4px 14px rgba(7,27,50,.22)}.mes-topbar-title{margin:0;font-size:var(--mes-font-title);font-weight:900;line-height:var(--mes-line-tight);letter-spacing:0}.mes-topbar-actions{display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--mes-space-3)}.mes-card,.mes-panel,.mes-section,.mes-surface{background:var(--mes-color-surface);border:1px solid var(--mes-color-border);border-radius:var(--mes-radius-lg);box-shadow:var(--mes-shadow-card)}.mes-card{padding:var(--mes-space-5)}.mes-section{padding:var(--mes-space-4)}.mes-panel{overflow:hidden}.mes-surface{padding:var(--mes-space-4);background:rgba(255,255,255,.94)}.mes-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--mes-space-3);padding:var(--mes-space-3) var(--mes-space-4);background:var(--mes-color-surface-muted);border-bottom:1px solid var(--mes-color-border)}.mes-filter-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--mes-space-3);min-width:0}.mes-filter-input,.mes-filter-select{min-height:var(--mes-control-height);padding:0 var(--mes-space-4);color:var(--mes-color-text);font-family:var(--mes-font-family);font-size:var(--mes-font-sm);font-weight:700;background:#fff;border:1px solid var(--mes-color-border);border-radius:var(--mes-radius-md);outline:0}.mes-filter-input:focus,.mes-filter-select:focus{border-color:var(--mes-color-primary);box-shadow:0 0 0 2px rgba(31,111,242,.12)}.mes-btn{min-height:var(--mes-control-height);display:inline-flex;align-items:center;justify-content:center;gap:var(--mes-space-2);padding:0 var(--mes-space-4);font-family:var(--mes-font-family);font-size:var(--mes-font-sm);font-weight:800;line-height:1;white-space:nowrap;border:1px solid transparent;border-radius:var(--mes-radius-md);cursor:pointer;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}.mes-btn:disabled,.mes-btn[aria-disabled=true]{color:#94a3b8;background:#e2e8f0;border-color:#e2e8f0;cursor:not-allowed}.mes-btn-primary{color:#fff;background:var(--mes-color-primary);border-color:var(--mes-color-primary)}.mes-btn-primary:hover{background:var(--mes-color-primary-dark);border-color:var(--mes-color-primary-dark)}.mes-btn-secondary{color:#334155;background:#fff;border-color:var(--mes-color-border-strong)}.mes-btn-secondary:hover{color:var(--mes-color-primary-dark);border-color:#93c5fd}.mes-btn-danger{color:#fff;background:var(--mes-color-danger);border-color:var(--mes-color-danger)}.mes-btn-danger:hover{background:#b91c1c;border-color:#b91c1c}.mes-btn-ghost{color:#475569;background:var(--mes-color-gray-soft);border-color:var(--mes-color-border)}.mes-btn-ghost:hover{background:#e2e8f0}.mes-btn-sm{min-height:var(--mes-control-height-sm);padding:0 var(--mes-space-3);font-size:var(--mes-font-xs)}.mes-btn-xs{min-height:var(--mes-control-height-xs);padding:0 var(--mes-space-3);font-size:var(--mes-font-xs)}.mes-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.mes-table{width:100%;min-width:960px;border-collapse:collapse;color:var(--mes-color-text);font-size:var(--mes-font-sm)}.mes-table th{height:var(--mes-table-row-height);padding:var(--mes-space-2) var(--mes-space-4);color:#475569;font-weight:800;text-align:left;white-space:nowrap;background:#f1f5f9;border-bottom:1px solid var(--mes-color-border-strong)}.mes-table td{height:var(--mes-table-row-height);padding:var(--mes-space-2) var(--mes-space-4);vertical-align:middle;border-bottom:1px solid var(--mes-color-border)}.mes-table tbody tr:hover{background:#eff6ff}.mes-table--dense td,.mes-table--dense th{height:var(--mes-table-row-height-dense);padding:var(--mes-space-2) var(--mes-space-3);font-size:var(--mes-font-xs)}.mes-table--compact td,.mes-table--compact th{height:var(--mes-table-row-height-compact);padding:var(--mes-space-1) var(--mes-space-3);font-size:var(--mes-font-xs)}.mes-badge{min-height:var(--mes-badge-height);display:inline-flex;align-items:center;justify-content:center;padding:0 var(--mes-space-3);font-size:var(--mes-font-xs);font-weight:800;line-height:1;white-space:nowrap;border:1px solid transparent;border-radius:var(--mes-radius-pill)}.mes-badge-gray{color:#475569;background:var(--mes-color-gray-soft);border-color:#cbd5e1}.mes-badge-blue{color:#1e40af;background:var(--mes-color-blue-soft);border-color:#bfdbfe}.mes-badge-green{color:#065f46;background:var(--mes-color-green-soft);border-color:#a7f3d0}.mes-badge-amber{color:#92400e;background:var(--mes-color-amber-soft);border-color:#fde68a}.mes-badge-red{color:#991b1b;background:var(--mes-color-danger-soft);border-color:#fecaca}.mes-badge-purple{color:var(--mes-color-purple);background:var(--mes-color-purple-soft);border-color:#ddd6fe}.mes-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--mes-space-3)}.mes-kpi-card{min-height:78px;padding:var(--mes-space-4);background:var(--mes-color-surface);border:1px solid var(--mes-color-border);border-radius:var(--mes-radius-lg);box-shadow:var(--mes-shadow-card)}.mes-kpi-card[data-clickable=true],.mes-kpi-card[role=button]{cursor:pointer}.mes-kpi-card[data-clickable=true]:hover,.mes-kpi-card[role=button]:hover{border-color:#93c5fd}.mes-kpi-label{color:var(--mes-color-text-soft);font-size:var(--mes-font-xs);font-weight:800;line-height:var(--mes-line-tight)}.mes-kpi-value{margin-top:var(--mes-space-1);color:var(--mes-color-text);font-size:var(--mes-font-kpi);font-weight:900;line-height:var(--mes-line-tight)}.mes-kpi-sub{margin-top:var(--mes-space-1);color:var(--mes-color-text-soft);font-size:var(--mes-font-xs);font-weight:700;line-height:var(--mes-line-tight)}.mes-modal-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--mes-space-5);background:rgba(15,23,42,.58);backdrop-filter:blur(3px)}.mes-modal-panel{width:min(92vw,760px);max-height:88vh;display:flex;flex-direction:column;overflow:hidden;color:var(--mes-color-text);background:var(--mes-color-surface);border:1px solid var(--mes-color-border);border-radius:var(--mes-radius-lg);box-shadow:var(--mes-shadow-modal)}.mes-modal-panel--sm{width:min(92vw,480px)}.mes-modal-panel--md{width:min(92vw,760px)}.mes-modal-panel--lg{width:min(94vw,960px)}.mes-modal-panel--xl{width:min(94vw,1180px)}.mes-modal-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--mes-space-4);padding:var(--mes-space-4) var(--mes-space-5);background:var(--mes-color-surface-muted);border-bottom:1px solid var(--mes-color-border)}.mes-modal-title{margin:0;font-size:var(--mes-font-lg);font-weight:900;line-height:var(--mes-line-tight)}.mes-modal-body{flex:1 1 auto;overflow:auto;padding:var(--mes-space-5);font-size:var(--mes-font-md)}.mes-modal-footer{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:var(--mes-space-3);padding:var(--mes-space-4) var(--mes-space-5);background:#fff;border-top:1px solid var(--mes-color-border)}.mes-page-shell{min-height:100vh;display:flex;flex-direction:column;background-color:var(--mes-color-bg);background-image:linear-gradient(rgba(15,23,42,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.03) 1px,transparent 1px);background-size:24px 24px}.mes-page-shell .mes-page-header{flex:0 0 auto;min-height:var(--mes-desktop-header-height);color:#f8fafc;background:linear-gradient(90deg,#0b1220,#111827);border-bottom:3px solid #2563eb;box-shadow:0 8px 22px rgba(15,23,42,.2)}.mes-page-shell .mes-page-header-inner{width:min(96vw,var(--mes-desktop-main-wide-max));min-height:var(--mes-desktop-header-height);margin:0 auto;padding:0 var(--mes-desktop-main-x-padding);display:flex;align-items:center;justify-content:space-between;gap:var(--mes-space-4);box-sizing:border-box}.mes-page-shell .mes-page-icon{width:var(--mes-desktop-header-icon-size);height:var(--mes-desktop-header-icon-size);flex:0 0 var(--mes-desktop-header-icon-size);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--mes-radius-md);color:#fff;background:#2563eb;box-shadow:0 10px 15px -3px rgba(30,58,138,.4)}.mes-page-shell .mes-page-header .mes-page-icon{width:var(--mes-desktop-header-icon-size);height:var(--mes-desktop-header-icon-size);flex-basis:var(--mes-desktop-header-icon-size);padding:0}.mes-page-shell .mes-page-header .mes-page-icon .w-6,.mes-page-shell .mes-page-header .mes-page-icon i[data-lucide],.mes-page-shell .mes-page-header .mes-page-icon svg,.mes-page-shell .mes-page-icon i[data-lucide],.mes-page-shell .mes-page-icon svg{width:var(--mes-desktop-header-icon-svg);height:var(--mes-desktop-header-icon-svg)}.mes-page-shell .mes-page-title-block{min-width:0;display:flex;flex-direction:column;gap:2px}.mes-page-shell .mes-page-header .mes-page-title-block{gap:2px;align-items:flex-start}.mes-page-shell .mes-page-header .mes-page-title,.mes-page-shell .mes-page-header .mes-topbar-title,.mes-page-shell .mes-page-title{margin:0;font-size:var(--mes-desktop-title-size);line-height:var(--mes-line-tight);font-weight:900;letter-spacing:0;color:#f8fafc}.mes-page-shell .mes-page-header .mes-page-subtitle,.mes-page-shell .mes-page-subtitle{margin:0;font-size:var(--mes-desktop-subtitle-size);line-height:var(--mes-line-normal);font-weight:700;color:rgba(147,197,253,.78)}.mes-page-shell .mes-page-header-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--mes-space-3);flex:0 0 auto;white-space:nowrap}.mes-page-shell .mes-return-home-btn{min-height:var(--mes-control-height-sm);padding:0 var(--mes-space-4);display:inline-flex;align-items:center;justify-content:center;gap:var(--mes-space-2);border-radius:var(--mes-radius-md);border:1px solid #334155;background:rgba(255,255,255,.06);color:#cbd5e1;font-size:var(--mes-font-xs);font-weight:800;line-height:1;text-decoration:none;transition:color .15s,background-color .15s,border-color .15s}.mes-page-shell .mes-return-home-btn:hover{color:#fff;background:rgba(255,255,255,.1)}.mes-page-shell .mes-page-main{flex:1 1 auto;min-height:0;width:100%;margin:0 auto;padding:var(--mes-desktop-main-top-gap) var(--mes-desktop-main-x-padding) var(--mes-space-7);box-sizing:border-box}.mes-page-shell .mes-page-main--normal{max-width:var(--mes-desktop-main-normal-max)}.mes-page-shell .mes-page-main--wide{max-width:var(--mes-desktop-main-wide-max)}.mes-page-shell .mes-page-main--report{max-width:var(--mes-desktop-main-report-max)}.mes-page-shell .mes-page-main--workbench{width:100%;max-width:none;margin:0;padding:0;overflow:hidden}.mes-page-main--normal{max-width:var(--mes-desktop-main-normal-max)}.mes-page-main--wide{max-width:var(--mes-desktop-main-wide-max)}.mes-page-main--report{max-width:var(--mes-desktop-main-report-max)}.mes-page-main--workbench{max-width:none;padding:0;overflow:hidden}body.analytics-page .mes-page-header,body.billing-page .mes-page-header,body.boss-page .mes-page-header{min-height:var(--mes-desktop-header-height)}body.analytics-page .mes-page-header-inner,body.billing-page .mes-page-header-inner,body.boss-page .mes-page-header-inner{min-height:var(--mes-desktop-header-height);display:flex;align-items:center;justify-content:space-between;gap:var(--mes-space-4);box-sizing:border-box}body.analytics-page .mes-page-brand,body.billing-page .mes-page-brand,body.boss-page .mes-page-brand{min-width:0;display:flex;align-items:center;gap:var(--mes-space-3)}body.analytics-page .mes-page-icon,body.billing-page .mes-page-icon,body.boss-page .mes-page-icon{width:var(--mes-desktop-header-icon-size);height:var(--mes-desktop-header-icon-size);flex:0 0 var(--mes-desktop-header-icon-size);display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:var(--mes-radius-md)}body.analytics-page .mes-page-icon i[data-lucide],body.analytics-page .mes-page-icon svg,body.billing-page .mes-page-icon i[data-lucide],body.billing-page .mes-page-icon svg,body.boss-page .mes-page-icon i[data-lucide],body.boss-page .mes-page-icon svg{width:var(--mes-desktop-header-icon-svg);height:var(--mes-desktop-header-icon-svg)}body.analytics-page .mes-page-title-block,body.billing-page .mes-page-title-block,body.boss-page .mes-page-title-block{min-width:0;display:flex;flex-direction:column;gap:2px}body.analytics-page .mes-page-header-actions,body.billing-page .mes-page-header-actions,body.boss-page .mes-page-header-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--mes-space-3);flex:0 0 auto;white-space:nowrap}body.analytics-page .analytics-topbar .mes-page-header-inner,body.boss-page .boss-topbar .mes-page-header-inner{width:min(96vw,var(--mes-desktop-main-wide-max));max-width:none;min-height:var(--mes-desktop-header-height);margin:0 auto;padding:0 var(--mes-desktop-main-x-padding)}body.analytics-page .analytics-topbar .mes-page-brand,body.boss-page .boss-topbar .mes-page-brand{margin:0;gap:var(--mes-space-3);line-height:var(--mes-line-normal)}body.analytics-page .analytics-topbar .mes-page-title-block,body.boss-page .boss-topbar .mes-page-title-block{margin:0;gap:2px;align-items:flex-start;line-height:var(--mes-line-normal)}body.analytics-page .analytics-topbar .mes-page-title,body.boss-page .boss-topbar .mes-page-title{margin:0;font-size:var(--mes-desktop-title-size);line-height:var(--mes-line-tight);letter-spacing:0}body.analytics-page .analytics-topbar .mes-page-subtitle,body.boss-page .boss-topbar .mes-page-subtitle{margin:0;font-size:var(--mes-desktop-subtitle-size);line-height:var(--mes-line-normal)}.mes-page-shell .mes-page-section{display:flex;flex-direction:column;gap:var(--mes-section-gap);padding:var(--mes-section-padding);background:var(--mes-color-surface);border:1px solid var(--mes-color-border);border-radius:var(--mes-radius-lg);box-shadow:var(--mes-shadow-card)}.mes-page-shell .mes-page-section-header{min-height:var(--mes-filter-height);display:flex;align-items:center;justify-content:space-between;gap:var(--mes-space-3)}.mes-page-shell .mes-action-bar,.mes-page-shell .mes-filter-bar,.mes-page-shell .mes-filter-row{min-height:var(--mes-filter-height);display:flex;align-items:center;flex-wrap:wrap;gap:var(--mes-space-3)}.mes-page-shell .mes-action-bar{justify-content:flex-end}.mes-table-wrap--dense,.mes-table-wrap--normal,.mes-table-wrap--report{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.mes-table-wrap--normal{border:1px solid var(--mes-color-border);border-radius:var(--mes-radius-md);background:var(--mes-color-surface)}.mes-table-wrap--dense{border:1px solid var(--mes-color-border);border-radius:var(--mes-radius-sm);background:var(--mes-color-surface)}.mes-table-wrap--report{border:1px solid var(--mes-color-border-strong);border-radius:var(--mes-radius-sm);background:#fff}@media (max-width:1366px){:root{--mes-shell-max:1328px;--mes-shell-wide-max:1328px;--mes-font-kpi:22px}.mes-shell{width:100%;padding:var(--mes-space-4) var(--mes-space-5) var(--mes-space-6)}.mes-topbar{min-height:52px;padding:0 var(--mes-space-5)}.mes-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mes-table{min-width:1080px}.mes-page-shell .mes-page-header-inner,.mes-page-shell .mes-page-main{width:100%;padding-left:var(--mes-space-5);padding-right:var(--mes-space-5)}.mes-page-shell .mes-page-main--workbench{padding:0}}@media (min-width:1367px) and (max-width:1999px){.mes-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:2000px){:root{--mes-shell-max:1680px;--mes-shell-wide-max:1840px}.mes-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width:768px){.mes-topbar{align-items:flex-start;flex-direction:column;padding:var(--mes-space-4)}.mes-filter-row,.mes-toolbar,.mes-topbar-actions{width:100%}.mes-filter-input,.mes-filter-select{flex:1 1 160px}.mes-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mes-page-shell .mes-page-header-inner{min-height:auto;padding:var(--mes-space-4);align-items:flex-start;flex-direction:column}.mes-page-shell .mes-page-main{padding:var(--mes-space-4)}.mes-page-shell .mes-page-main--workbench{padding:0}.mes-page-shell .mes-action-bar,.mes-page-shell .mes-filter-bar,.mes-page-shell .mes-filter-row,.mes-page-shell .mes-page-header-actions{width:100%}}
