.cd-page{display:flex;flex-direction:column;gap:var(--space-5)}.cd-back{display:inline-flex;align-items:center;gap:var(--space-2);align-self:flex-start;background:none;border:none;cursor:pointer;color:var(--color-text-secondary);font:inherit;font-size:var(--fs-sm);padding:var(--space-1) 0;border-radius:var(--radius-sm)}.cd-back:hover{color:var(--color-primary)}.cd-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-5);flex-wrap:wrap;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.cd-header__id{display:flex;align-items:center;gap:var(--space-4);min-width:0}.cd-logo{width:60px;height:60px;border-radius:var(--radius-md);object-fit:cover;background:var(--color-surface-2);border:1px solid var(--color-border);flex-shrink:0}.cd-logo--ph{display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-xl);font-weight:800;color:var(--color-primary);background:var(--color-primary-soft)}.cd-header__meta{min-width:0}.cd-title{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.cd-title h1{font-size:var(--fs-xl);font-weight:800;color:var(--color-text);margin:0;overflow-wrap:anywhere}.cd-subline{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--fs-sm)}.cd-subline .dot-sep{color:var(--color-border-strong)}.cd-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end}.cd-online{display:inline-flex;align-items:center;gap:var(--space-1)}.cd-online__dot{width:9px;height:9px;border-radius:50%;display:inline-block}.cd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);align-items:start}.cd-grid__wide{grid-column:1 / -1}@media (max-width: 900px){.cd-grid{grid-template-columns:minmax(0,1fr)}}.cd-info{display:flex;flex-direction:column}.cd-info__row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px dashed var(--color-border)}.cd-info__row:last-child{border-bottom:none}.cd-info__label{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--fs-sm);flex-shrink:0}.cd-info__value{color:var(--color-text);font-size:var(--fs-base);font-weight:600;text-align:start;overflow-wrap:anywhere;min-width:0}.cd-info__value--muted{color:var(--color-text-muted);font-weight:500}.cd-days{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:var(--radius-pill);font-weight:700;font-size:var(--fs-sm)}.cd-days--ok{background:var(--status-active-bg);color:var(--status-active-fg)}.cd-days--warn{background:var(--status-grace-bg);color:var(--status-grace-fg)}.cd-days--crit{background:var(--status-expired-bg);color:var(--status-expired-fg)}.cd-features{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}.cd-feature{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-pill);background:var(--color-primary-soft);color:var(--color-primary-700);font-size:var(--fs-xs);font-weight:600}.cd-usage{min-width:160px}.cd-usage__nums{font-weight:700;font-size:var(--fs-base);text-align:start}.cd-usage__bar{margin-top:6px;height:7px;border-radius:var(--radius-pill);background:var(--color-surface-hover);overflow:hidden}.cd-usage__fill{height:100%;border-radius:var(--radius-pill);background:var(--color-primary);transition:width var(--transition)}.cd-usage__fill--full{background:var(--color-danger)}.cd-key{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end}.cd-key__code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-base);letter-spacing:.06em;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:4px 10px;color:var(--color-text);direction:ltr}.cd-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast)}.cd-icon-btn:hover{color:var(--color-primary);border-color:var(--color-primary-200);background:var(--color-primary-soft)}.cd-timeline{list-style:none;margin:0;padding:0;position:relative}.cd-tl-item{position:relative;padding:0 var(--space-6) var(--space-5) 0}.cd-tl-item:last-child{padding-bottom:0}.cd-tl-item:before{content:"";position:absolute;top:18px;bottom:-4px;inset-inline-start:8px;width:2px;background:var(--color-border)}.cd-tl-item:last-child:before{display:none}.cd-tl-node{position:absolute;inset-inline-start:0;top:3px;width:18px;height:18px;border-radius:50%;border:3px solid var(--color-surface);box-shadow:0 0 0 1px var(--color-border)}.cd-tl-node--primary{background:var(--color-primary)}.cd-tl-node--success{background:var(--status-active-dot)}.cd-tl-node--warning{background:var(--status-grace-dot)}.cd-tl-node--info{background:var(--color-info)}.cd-tl-node--danger{background:var(--status-expired-dot)}.cd-tl-node--neutral{background:var(--color-text-muted)}.cd-tl-body{padding-inline-start:var(--space-5)}.cd-tl-head{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap}.cd-tl-title{font-weight:700;font-size:var(--fs-base);color:var(--color-text)}.cd-tl-time{font-size:var(--fs-xs);color:var(--color-text-muted)}.cd-tl-note{margin-top:4px;font-size:var(--fs-sm);color:var(--color-text-secondary)}.cd-tl-detail{margin-top:6px;display:flex;flex-wrap:wrap;gap:var(--space-2)}.cd-tl-chip{font-size:var(--fs-xs);color:var(--color-text-secondary);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px 8px}.cd-tl-by{font-size:var(--fs-xs);color:var(--color-text-muted);margin-top:4px}.cd-servers{display:flex;flex-direction:column;gap:var(--space-3)}.cd-server{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2)}.cd-server__main{display:flex;align-items:center;gap:var(--space-3);min-width:0}.cd-server__icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);background:var(--color-primary-soft);color:var(--color-primary);flex-shrink:0}.cd-server__label{font-weight:700;font-size:var(--fs-base)}.cd-server__sub{font-size:var(--fs-xs);color:var(--color-text-muted);direction:ltr;text-align:start}.cd-muted{color:var(--color-text-muted)}:root{--color-primary-50: #eef2ff;--color-primary-100: #e0e7ff;--color-primary-200: #c7d2fe;--color-primary-300: #a5b4fc;--color-primary-400: #818cf8;--color-primary-500: #6366f1;--color-primary-600: #4f46e5;--color-primary-700: #4338ca;--color-primary-800: #3730a3;--color-primary-900: #312e81;--color-primary: var(--color-primary-600);--color-primary-hover: var(--color-primary-700);--color-primary-soft: var(--color-primary-50);--color-on-primary: #ffffff;--color-accent-500: #14b8a6;--color-accent-600: #0d9488;--color-accent-soft: #ccfbf1;--color-bg: #f4f5fb;--color-surface: #ffffff;--color-surface-2: #f8fafc;--color-surface-hover: #f1f5f9;--color-border: #e5e7eb;--color-border-strong: #d1d5db;--color-text: #1e293b;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-text-inverse: #ffffff;--status-trial-bg: #f1f5f9;--status-trial-fg: #475569;--status-trial-dot: #64748b;--status-active-bg: #dcfce7;--status-active-fg: #15803d;--status-active-dot: #22c55e;--status-grace-bg: #fef3c7;--status-grace-fg: #b45309;--status-grace-dot: #f59e0b;--status-suspended-bg: #ffedd5;--status-suspended-fg: #c2410c;--status-suspended-dot: #f97316;--status-expired-bg: #fee2e2;--status-expired-fg: #b91c1c;--status-expired-dot: #ef4444;--status-cancelled-bg: #f3f4f6;--status-cancelled-fg: #6b7280;--status-cancelled-dot: #9ca3af;--color-success: #16a34a;--color-success-bg: #dcfce7;--color-warning: #d97706;--color-warning-bg: #fef3c7;--color-danger: #dc2626;--color-danger-bg: #fee2e2;--color-info: #2563eb;--color-info-bg: #dbeafe;--days-ok: #16a34a;--days-warn: #d97706;--days-crit: #dc2626;--dot-online: #22c55e;--dot-offline: #cbd5e1;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .12);--shadow-focus: 0 0 0 3px var(--color-primary-100);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--font-sans: "Tajawal", "Cairo", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 14px;--fs-md: 15px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 28px;--sidebar-width: 250px;--topbar-height: 62px;--z-topbar: 40;--z-sidebar: 45;--z-modal: 100;--z-toast: 200;--transition-fast: .12s ease;--transition: .18s ease}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.55;color:var(--color-text);background:var(--color-bg);direction:rtl;text-align:right;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:1.3;color:var(--color-text)}p{margin:0}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}input,select,textarea,button{font-family:inherit;font-size:inherit}*{font-variant-numeric:lining-nums tabular-nums}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-pill);border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted);background-clip:content-box}:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.scp-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.scp-muted{color:var(--color-text-muted)}.scp-secondary{color:var(--color-text-secondary)}@keyframes scp-spin{to{transform:rotate(360deg)}}@keyframes scp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes scp-scale-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.scp-shell{display:flex;min-height:100%}.scp-shell__main{flex:1;min-width:0;display:flex;flex-direction:column;margin-inline-start:var(--sidebar-width)}.scp-shell__content{flex:1;padding:var(--space-6);max-width:1400px;width:100%;margin:0 auto}@media (max-width: 900px){.scp-shell__main{margin-inline-start:0}.scp-shell__content{padding:var(--space-4)}}.scp-page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.scp-page-header h1{font-size:var(--fs-xl);font-weight:800}.scp-page-header__subtitle{color:var(--color-text-muted);font-size:var(--fs-sm);margin-top:2px}