:root{--font: "Cairo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--bg: #f4f4f2;--surface: #fcfcfb;--surface-2: #f3f3f1;--surface-3: #e9e9e6;--border: #e5e5e1;--border-strong: #d4d4cf;--text: #1a1a19;--text-2: #4d4d4a;--text-3: #8a8a85;--accent: #0f766e;--accent-hover: #0d655e;--accent-soft: #e1f2f0;--accent-text: #ffffff;--good: #0ca30c;--warning: #fab219;--serious: #ec835a;--critical: #d03b3b;--good-soft: #e6f6e6;--warning-soft: #fff4dc;--serious-soft: #fdeae2;--critical-soft: #fae3e3;--info-soft: #e4eefb;--info: #2a78d6;--shadow-1: 0 1px 2px rgba(20, 20, 18, .04), 0 2px 8px rgba(20, 20, 18, .05);--shadow-2: 0 4px 16px rgba(20, 20, 18, .08), 0 1px 3px rgba(20, 20, 18, .05);--shadow-3: 0 12px 40px rgba(20, 20, 18, .16);--radius: 16px;--radius-sm: 10px;--radius-xs: 8px;--header-h: 60px;--nav-w: 248px;--nav-w-collapsed: 76px;--tabbar-h: 64px;--skeleton-a: #ececea;--skeleton-b: #f7f7f5;--chart-grid: #ebebe8;--overlay: rgba(20, 20, 18, .45);color-scheme:light}[data-theme=dark]{--bg: #121211;--surface: #1a1a19;--surface-2: #232322;--surface-3: #2c2c2a;--border: #2d2d2b;--border-strong: #3c3c39;--text: #f2f2ef;--text-2: #b9b9b3;--text-3: #7d7d78;--accent: #2dd4bf;--accent-hover: #5eead4;--accent-soft: #143a36;--accent-text: #0b1f1d;--good: #22c55e;--warning: #fbbf24;--serious: #f0906d;--critical: #ef5b5b;--good-soft: #143222;--warning-soft: #3a2d10;--serious-soft: #3d2519;--critical-soft: #3d1c1c;--info-soft: #17283d;--info: #3987e5;--shadow-1: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 8px rgba(0, 0, 0, .25);--shadow-2: 0 4px 16px rgba(0, 0, 0, .4);--shadow-3: 0 12px 40px rgba(0, 0, 0, .6);--skeleton-a: #242423;--skeleton-b: #2e2e2c;--chart-grid: #2a2a28;--overlay: rgba(0, 0, 0, .6);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{height:100%}body{margin:0;font-family:var(--font);font-size:14px;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.35}h1{font-size:22px}h2{font-size:18px}h3{font-size:15px}p{margin:0 0 .6em}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img,svg{max-width:100%}.num,.tabular{font-variant-numeric:tabular-nums}::selection{background:var(--accent-soft)}.page{display:flex;flex-direction:column;gap:16px;padding:16px;max-width:1400px;margin:0 auto;width:100%}@media (min-width: 769px){.page{padding:24px;gap:20px}}.page-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.page-title h1{font-size:20px}.page-title .sub{color:var(--text-3);font-size:13px}.grid{display:grid;gap:16px;grid-template-columns:repeat(12,minmax(0,1fr))}.grid>*{min-width:0}.col-12,.col-6,.col-4,.col-8{grid-column:span 12}.col-3{grid-column:span 6}@media (min-width: 769px){.col-6{grid-column:span 6}.col-4{grid-column:span 4}.col-8{grid-column:span 8}.col-3{grid-column:span 3}}.kpi-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width: 640px){.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1100px){.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}.kpi-grid.kpi-8{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width: 640px){.kpi-grid.kpi-8{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1100px){.kpi-grid.kpi-8{grid-template-columns:repeat(8,minmax(0,1fr))}}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.spacer{flex:1}.muted{color:var(--text-3)}.small{font-size:12px}.strong{font-weight:700}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:600;font-size:14px;transition:background .15s,border-color .15s,transform .1s,box-shadow .15s;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:hover{background:var(--surface-2);border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--surface-2)}.btn.danger{color:var(--critical);border-color:var(--critical);background:transparent}.btn.danger:hover{background:var(--critical-soft)}.btn.sm{min-height:36px;padding:0 12px;font-size:13px;border-radius:10px}.btn.icon{width:44px;padding:0}.btn.icon.sm{width:36px}.btn svg{width:18px;height:18px;flex:none}.chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:13px;font-weight:600;color:var(--text-2);white-space:nowrap;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.chip:hover{border-color:var(--border-strong);background:var(--surface-2)}.chip.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.chip .dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}.segment{display:inline-flex;padding:3px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);gap:2px}.segment button{min-height:34px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--text-2);font-weight:600;font-size:13px;transition:background .15s,color .15s}.segment button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.input,input.input,select.input,textarea.input{width:100%;min-height:44px;padding:8px 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea.input{min-height:96px;resize:vertical}label.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-2);font-weight:600}.checkbox{display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}.checkbox input{width:18px;height:18px;accent-color:var(--accent)}.surface{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface-2);color:var(--text-2)}.badge.accent{background:var(--accent-soft);color:var(--accent)}.delta{display:inline-flex;align-items:center;gap:3px;font-weight:700;font-size:12px;font-variant-numeric:tabular-nums}.delta.up{color:var(--good)}.delta.down{color:var(--critical)}.delta.flat{color:var(--text-3)}.delta.up.bad{color:var(--critical)}.delta.down.good{color:var(--good)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table.table{width:100%;border-collapse:collapse;font-size:13.5px}table.table th,table.table td{padding:10px 12px;text-align:right;border-bottom:1px solid var(--border);white-space:nowrap}table.table th{color:var(--text-3);font-weight:600;font-size:12px;position:sticky;top:0;background:var(--surface)}table.table td.num,table.table th.num{text-align:left;font-variant-numeric:tabular-nums;direction:ltr}table.table tbody tr:hover{background:var(--surface-2)}table.table tbody tr.clickable{cursor:pointer}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.list li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.list li:last-child{border-bottom:0}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:var(--text-3)}.status-dot.live{background:var(--good);box-shadow:0 0 0 3px var(--good-soft);animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 3px var(--good-soft)}50%{box-shadow:0 0 0 6px transparent}}.markdown h1,.markdown h2,.markdown h3{margin:.8em 0 .35em}.markdown h1{font-size:18px}.markdown h2{font-size:16px}.markdown h3{font-size:15px}.markdown p{margin:0 0 .7em}.markdown ul,.markdown ol{margin:0 0 .7em;padding-inline-start:1.4em}.markdown li{margin-bottom:.2em}.markdown code{background:var(--surface-2);padding:1px 6px;border-radius:6px;font-size:.92em}.markdown strong{font-weight:700}.markdown>:last-child{margin-bottom:0}.apexcharts-tooltip{font-family:var(--font)!important;border-radius:10px!important;box-shadow:var(--shadow-2)!important;direction:rtl}.apexcharts-legend-text{font-family:var(--font)!important;color:var(--text-2)!important}.apexcharts-text{font-family:var(--font)!important}.apexcharts-canvas{direction:ltr}.apexcharts-legend{direction:rtl}.apexcharts-tooltip-title{font-family:var(--font)!important}gridster{background:transparent!important}gridster.display-grid .gridster-column,gridster.display-grid .gridster-row{border-color:var(--border)!important}gridster-item{background:transparent!important;border-radius:var(--radius);overflow:visible!important}gridster-item .gridster-item-resizable-handler.handle-se{border-color:transparent transparent var(--accent) transparent}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}