:root{--bg: #F2F4F1;--surface: #FFFFFF;--surface2: #F7F8F6;--border: rgba(0,0,0,.07);--border2: rgba(0,0,0,.12);--text1: #141916;--text2: #4A5250;--text3: #8A9290;--green: #0F6E56;--green-light: #E1F5EE;--green-mid: #1D9E75;--green-dark: #085041;--sidebar-bg: #0D201C;--sidebar-border: rgba(255,255,255,.06);--sidebar-text: rgba(255,255,255,.45);--sidebar-active: rgba(79,207,160,.1);--accent: #4ECFA0;--amber: #F59E0B;--amber-light: #FEF3C7;--red: #EF4444;--red-light: #FEE2E2;--blue: #3B82F6;--blue-light: #EFF6FF;--purple: #8B5CF6;--purple-light: #EDE9FE;--pink: #EC4899;--pink-light: #FCE7F3;--radius: 10px;--radius-sm: 6px;--radius-lg: 14px;--shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,Noto Sans Arabic,Segoe UI,Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text1);font-size:13px;line-height:1.5}td,th,input,textarea,select,span,p,label,li,h1,h2,h3,h4{unicode-bidi:plaintext}[lang=ar],.arabic-text{font-family:Noto Sans Arabic,Segoe UI,Tahoma,Arial,sans-serif;direction:rtl;unicode-bidi:embed;text-align:right}.app{display:flex;height:100vh;overflow:hidden}.content-area{flex:1;overflow-y:auto;padding:20px}.content-area::-webkit-scrollbar{width:4px}.content-area::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.alert-bar{background:#fffbeb;border:1px solid #FDE68A;border-radius:var(--radius);padding:10px 14px;display:flex;align-items:center;gap:10px;margin-bottom:18px}.alert-dot{width:7px;height:7px;border-radius:50%;background:var(--amber);flex-shrink:0}.alert-txt{font-size:12px;color:#92400e;flex:1}.alert-link{font-size:12px;color:#b45309;font-weight:500;cursor:pointer;white-space:nowrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-hdr{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--border)}.panel-title{font-size:13px;font-weight:600;color:var(--text1)}.panel-sub{font-size:11px;color:var(--text3);margin-top:1px}.panel-body{padding:14px 16px}.pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:3px 9px;border-radius:99px;font-weight:500;cursor:default}.pill-green{background:var(--green-light);color:var(--green)}.pill-red{background:var(--red-light);color:var(--red)}.pill-amber{background:var(--amber-light);color:#b45309}.pill-blue{background:var(--blue-light);color:var(--blue)}.pill-gray{background:var(--surface2);color:var(--text2);border:1px solid var(--border2)}.pill-purple{background:var(--purple-light);color:var(--purple)}.pill-pink{background:var(--pink-light);color:var(--pink)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;border:none;transition:all .15s;font-family:DM Sans,Noto Sans Arabic,Segoe UI,Tahoma,Arial,sans-serif}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:var(--green-dark)}.btn-secondary{background:var(--surface2);color:var(--text2);border:1px solid var(--border2)}.btn-secondary:hover{background:var(--border)}.btn-ghost{background:transparent;color:var(--text2);padding:6px 10px}.btn-ghost:hover{background:var(--surface2)}.g2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.g6{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.kpi-label{font-size:11px;color:var(--text3);margin-bottom:5px;font-weight:500;letter-spacing:.02em}.kpi-value{font-size:24px;font-weight:600;color:var(--text1);line-height:1;letter-spacing:-.5px}.kpi-trend{font-size:11px;margin-top:5px;display:flex;align-items:center;gap:4px}.trend-up{color:var(--green-mid)}.trend-dn{color:var(--red)}.trend-neu{color:var(--amber)}.kpi-bar{height:3px;border-radius:2px;background:var(--border);margin-top:10px;overflow:hidden}.kpi-bar-fill{height:100%;border-radius:2px}.spec-tabs{display:flex;gap:6px;margin-bottom:18px;flex-wrap:wrap}.spec-tab{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:99px;font-size:12px;font-weight:500;cursor:pointer;border:1.5px solid var(--border2);color:var(--text2);background:var(--surface);transition:all .15s}.spec-tab:hover{border-color:var(--green);color:var(--green)}.spec-tab.active{background:var(--green);color:#fff;border-color:var(--green)}.spec-dot{width:7px;height:7px;border-radius:50%}.data-table{width:100%;border-collapse:collapse}.data-table th{font-size:11px;color:var(--text3);font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:9px 12px;border-bottom:1px solid var(--border);text-align:left;background:var(--surface2)}.data-table td{padding:10px 12px;border-bottom:1px solid var(--border);font-size:12.5px;color:var(--text1);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--surface2)}.chart-container{height:120px;display:flex;align-items:flex-end;gap:4px;padding:0 2px}.chart-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}.chart-bar-bg{width:100%;background:var(--surface2);border-radius:4px 4px 0 0;position:relative;cursor:pointer;height:100%}.chart-bar-fill{position:absolute;bottom:0;left:0;right:0;border-radius:4px 4px 0 0;transition:height .5s cubic-bezier(.34,1.56,.64,1)}.form-label{font-size:11px;font-weight:600;color:var(--text2);margin-bottom:4px;letter-spacing:.02em}.form-input{width:100%;background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius-sm);padding:7px 10px;font-size:12px;color:var(--text1);font-family:DM Sans,Noto Sans Arabic,Segoe UI,Tahoma,Arial,sans-serif;outline:none}.form-input:focus{border-color:var(--green);background:var(--surface)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.vital-card{background:var(--surface2);border-radius:var(--radius-sm);padding:8px}.vital-lbl{font-size:10px;color:var(--text3);margin-bottom:2px}.vital-val{font-size:14px;font-weight:600;color:var(--text1);line-height:1}.vital-val.warn{color:var(--amber)}.vital-val.crit{color:var(--red)}.vital-val.ok{color:var(--green-mid)}.vital-unit{font-size:10px;color:var(--text3);font-weight:400}.pt-tab{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 14px;border-radius:8px;cursor:pointer;min-width:72px;transition:all .15s}.pt-tab:hover{background:var(--surface2)}.pt-tab.active{background:var(--green)}.divider{height:1px;background:var(--border);margin:14px 0}.row{display:flex;gap:14px;align-items:flex-start}.flex-1{flex:1;min-width:0}.mono{font-family:DM Mono,monospace}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:fadeIn .2s ease}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}[dir=rtl] .sb-item{border-left:none;border-inline-start:2px solid transparent}[dir=rtl] .sb-item.active{border-inline-start-color:var(--accent)}[dir=rtl] .alert-link{margin-left:0;margin-right:auto}[dir=rtl] body{font-family:Segoe UI,Tahoma,system-ui,sans-serif}