:root{--bg-body:#0b0c0e;--bg-panel:#141619;--bg-header:#202226;--border-panel:#2c3235;--grafana-blue:#33b5e5;--grafana-green:#299c46;--grafana-orange:#ec7e28;--grafana-red:#e02f44;--grafana-purple:#b877d9;--grafana-cyan:#33b5e5;--text-primary:#e5e5e5;--text-secondary:#949596;--text-disabled:#555;--font-family:-apple-system,BlinkMacSystemFont,"SF Pro Arabic","SF Pro Text","Helvetica Neue","Segoe UI Arabic","Segoe UI",Roboto,"Tajawal",sans-serif;--panel-radius:4px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-body);color:var(--text-primary);font-family:var(--font-family);direction:rtl;font-size:14px;overflow:hidden;height:100vh;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:#333;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#555}.app-container{display:flex;flex-direction:column;height:100vh}.navbar{height:48px;background:var(--bg-panel);border-bottom:1px solid var(--border-panel);justify-content:space-between;padding:0 16px;flex-shrink:0}.brand,.navbar{display:flex;align-items:center}.brand{font-size:16px;font-weight:500;color:var(--text-primary);gap:8px}.brand span{color:var(--grafana-orange)}.nav-actions{display:flex;gap:12px}.nav-toggle{gap:6px;align-items:center;justify-content:center}.mobile-sidebar,.mobile-sidebar-overlay,.nav-toggle{display:none}.mobile-accounts-header{background:var(--bg-header);padding:8px 12px;font-size:12px;font-weight:600;color:var(--grafana-blue);text-transform:uppercase;border-bottom:1px solid var(--border-panel);display:flex;justify-content:space-between;align-items:center}.mobile-sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:50}.mobile-sidebar-overlay.open{opacity:1;pointer-events:auto}.mobile-sidebar{position:fixed;top:0;right:0;width:85%;max-width:320px;height:100vh;background:var(--bg-panel);border-left:1px solid var(--border-panel);transform:translateX(100%);transition:transform .2s ease;z-index:60;display:flex;flex-direction:column}.mobile-sidebar.open{transform:translateX(0)}.dashboard-grid{flex:1 1;display:grid;grid-template-columns:250px 1fr;overflow:hidden}.sidebar{background:var(--bg-panel);border-left:1px solid var(--border-panel);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{background:var(--bg-header);padding:8px 12px;font-size:12px;font-weight:600;color:var(--grafana-blue);text-transform:uppercase;border-bottom:1px solid var(--border-panel);display:flex;justify-content:space-between;align-items:center}.account-list{flex:1 1;overflow-y:auto;padding:0}.account-row{padding:8px 12px;border-bottom:1px solid var(--border-panel);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .1s}.account-row:hover{background:var(--bg-header)}.acc-name{font-weight:500;color:var(--grafana-cyan);display:block}.acc-meta{font-size:11px;color:var(--text-secondary)}.status-indicator-dot{width:8px;height:8px;border-radius:50%;background:var(--text-disabled)}.status-indicator-dot.active{background:var(--grafana-green);box-shadow:0 0 5px var(--grafana-green)}.main-content{overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px}.panel{background:var(--bg-panel);border:1px solid var(--border-panel);border-radius:var(--panel-radius);display:flex;flex-direction:column;height:100%}.panel-header{background:transparent;padding:8px 12px;font-size:13px;font-weight:500;color:var(--text-primary);text-align:center;border-bottom:1px solid transparent}.stat-panel-content{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;min-height:100px}.stat-value{font-size:32px;font-weight:500;color:var(--grafana-green);line-height:1;margin-bottom:4px}.stat-value.blue{color:var(--grafana-blue)}.stat-value.orange{color:var(--grafana-orange)}.stat-value.red{color:var(--grafana-red)}.stat-label{font-size:12px;color:var(--text-secondary)}.gauge-arc{width:100%;height:4px;background:var(--border-panel);margin-top:10px;position:relative;border-radius:2px;overflow:hidden}.gauge-fill{height:100%;background:var(--grafana-green)}.controls-panel{background:var(--bg-panel);border:1px solid var(--border-panel);padding:12px;display:flex;align-items:center;justify-content:space-between}.btn-grafana{background:linear-gradient(180deg,#3274d9,#1f60c4);border:1px solid #2458b3;color:#fff;padding:6px 16px;border-radius:2px;font-size:13px;cursor:pointer;text-shadow:0 1px 0 rgba(0,0,0,.1)}.btn-grafana:hover{background:linear-gradient(180deg,#3274d9,#3274d9)}.btn-grafana.secondary{background:transparent;border:1px solid var(--border-panel);color:var(--text-primary)}.btn-grafana.secondary:hover{background:var(--bg-header)}.btn-grafana.danger{background:linear-gradient(180deg,#e02f44,#c4162a);border-color:#8c0e1e}.table-panel{background:var(--bg-panel);border:1px solid var(--border-panel);display:flex;flex-direction:column;flex:1 1;min-height:300px}.table-header{background:var(--bg-header);padding:8px 12px;font-weight:600;border-bottom:1px solid var(--border-panel);display:flex;justify-content:space-between}.grafana-table{width:100%;border-collapse:collapse;font-size:12px}.grafana-table th{text-align:right;padding:8px 12px;color:var(--grafana-blue);border-bottom:2px solid var(--border-panel);font-weight:500}.grafana-table td{padding:8px 12px;border-bottom:1px solid var(--border-panel);color:var(--text-primary)}.grafana-table tr:hover{background:var(--bg-header)}.tag{padding:2px 6px;border-radius:2px;font-size:11px;background:hsla(0,0%,100%,.1)}.tag.success{background:rgba(115,191,105,.2);color:var(--grafana-green)}.tag.warn{background:rgba(255,152,48,.2);color:var(--grafana-orange)}.progress-container{padding:10px;background:var(--bg-panel);border:1px solid var(--border-panel)}.progress-bar-bg{height:8px;background:var(--bg-body);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--grafana-blue);width:0;transition:width .3s}input.grafana-input{background:var(--bg-body);border:1px solid var(--border-panel);color:var(--text-primary);padding:6px 8px;border-radius:2px;width:100%}input.grafana-input:focus{border-color:var(--grafana-blue);outline:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:999;display:flex;align-items:center;justify-content:center}.console-modal{background:#000;border:1px solid var(--border-panel);width:600px;max-width:90vw;border-radius:4px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.5)}.modal-header{background:var(--bg-header);padding:10px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-panel)}.modal-header h3{font-size:14px;font-weight:600}.modal-header button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:16px}.modal-header button:hover{color:#fff}@media (max-width:1024px){.dashboard-grid{grid-template-columns:200px 1fr}.stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr!important}.sidebar{display:none}.navbar{padding:8px 10px;height:auto;flex-wrap:wrap;gap:8px}.brand{font-size:14px}.nav-actions{gap:8px}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;font-size:12px;white-space:nowrap}.mobile-sidebar{display:flex}.mobile-sidebar-overlay{display:block}.mobile-sidebar .account-list{overflow-y:auto}.btn-grafana{padding:8px 12px;font-size:12px}.main-content{padding:12px;gap:12px}.stats-row{grid-template-columns:1fr 1fr;gap:10px}.panel-header{font-size:11px;padding:6px 10px}.stat-value{font-size:24px}.stat-label{font-size:10px}.table-panel{overflow-x:auto}.grafana-table td,.grafana-table th{padding:6px 8px;font-size:11px}.table-panel:after{content:"← اسحب للمزيد →";display:block;text-align:center;color:#555;font-size:10px;padding:8px}}@media (max-width:480px){.stats-row{grid-template-columns:1fr}.stat-panel-content{padding:8px;min-height:80px}.stat-value{font-size:20px}.navbar{flex-wrap:wrap;height:auto;padding:8px;gap:8px}.brand,.nav-actions{width:100%;justify-content:center}.btn-grafana{padding:10px 16px}.terminal-body{font-size:11px!important;padding:12px!important}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}