@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap");:root{--bg:#f5f7fb;--card:#fff;--ink:#17202d;--muted:#6b7788;--line:#e6ebf2;--primary:#246bfd;--primary2:#174cc7;--ok:#0f9f6e;--warn:#d98c00;--danger:#d64045;--sidebar:#101827;--shadow:0 12px 34px rgba(20,35,60,.08)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Cairo","Segoe UI",Tahoma,Arial,sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea,dialog,option{font-family:"Cairo","Segoe UI",Tahoma,Arial,sans-serif;font:inherit}.hidden{display:none!important}.center-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top right,#e8efff,transparent 35%),linear-gradient(145deg,#f8fbff,#eef3fb)}.login-card{width:min(430px,100%);background:#fff;border:1px solid #e8edf5;border-radius:22px;padding:34px;box-shadow:var(--shadow)}.brand-mark{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,var(--primary),#5b8dff);color:#fff;font-weight:800;font-size:25px;margin-bottom:18px}.brand-mark.small{width:40px;height:40px;border-radius:12px;font-size:18px;margin:0}.login-card h1{margin:0 0 8px}.login-card p{color:var(--muted);margin:0 0 26px}.login-card label,.dialog-form label{display:flex;flex-direction:column;gap:8px;font-weight:600;margin:12px 0}.login-card input,.dialog-form input,.dialog-form select,.search,.inline input,.inline select{border:1px solid #dce2ec;border-radius:11px;padding:12px 13px;background:#fff;outline:none;transition:.2s}.login-card input:focus,.dialog-form input:focus,.dialog-form select:focus,.search:focus,.inline input:focus,.inline select:focus{border-color:#8eb1ff;box-shadow:0 0 0 3px #e8f0ff}.btn{border:0;border-radius:10px;padding:11px 16px;cursor:pointer;font-weight:700;transition:.15s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary2)}.btn.ghost{background:#eef2f7;color:#374151}.btn.warning{background:#fff4d7;color:#8a5c00}.btn.danger{background:#ffe9eb;color:#a6252b}.btn.danger.outline{background:#fff;border:1px solid #ffc8cc}.btn.small{padding:8px 11px;font-size:13px}.login-card .btn{width:100%;margin-top:8px}.error{color:var(--danger);margin-top:10px;min-height:18px}.app{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.sidebar{background:var(--sidebar);color:#fff;padding:22px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand-row{display:flex;gap:12px;align-items:center;padding:0 8px 24px}.brand-row strong{display:block;font-size:18px}.brand-row small{display:block;color:#9ca3af;margin-top:3px}.sidebar nav{display:grid;gap:7px}.nav-btn{border:0;background:transparent;color:#c9d0da;text-align:right;padding:12px;border-radius:10px;cursor:pointer}.nav-btn.active,.nav-btn:hover{background:#1f2937;color:#fff}.bottom{margin-top:auto;background:#1f2937!important;color:#d1d5db!important}.main{padding:30px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.topbar h2{margin:0;font-size:28px}.topbar p{margin:5px 0 0;color:var(--muted)}.mode-chip{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid var(--line);background:#fff;color:#4b5563}.mode-chip.real{background:#e8f8f1;color:#087252;border-color:#c9efdf}.mode-chip.pilot{background:#fff7df;color:#8b6300;border-color:#f4df9f}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:14px;margin-bottom:18px}.stat{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;box-shadow:0 5px 16px rgba(15,25,45,.035)}.stat small{color:var(--muted)}.stat strong{display:block;font-size:27px;margin-top:8px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.card-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}.card-head h3,.card-head p{margin:0}.card-head p{color:var(--muted);margin-top:4px;font-size:13px}.search{width:310px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:1120px}th,td{padding:14px 15px;border-bottom:1px solid #edf0f4;text-align:right;font-size:14px}th{color:#697586;font-size:12px;background:#fafbfc}tbody tr:hover{background:#fbfdff}.domain{font-family:"Cairo","Segoe UI",Tahoma,Arial,sans-serif;direction:ltr;text-align:left;display:inline-block}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:700}.pill.ok{background:#e7f8f1;color:#0c7a54}.pill.off{background:#eef1f5;color:#5e6774}.pill.warn{background:#fff4d7;color:#8a5c00}.pill.danger{background:#ffe9eb;color:#a6252b}.dot{width:7px;height:7px;border-radius:50%;background:currentColor}.link-btn{border:0;background:#eef4ff;color:#245fc8;border-radius:8px;padding:7px 10px;cursor:pointer}dialog{border:0;border-radius:18px;box-shadow:0 25px 70px rgba(0,0,0,.22);padding:0;max-width:650px;width:calc(100% - 32px)}dialog::backdrop{background:rgba(14,20,32,.48);backdrop-filter:blur(2px)}.dialog-form,.activation-box{padding:24px}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:14px}.dialog-head h3,.dialog-head p{margin:0}.dialog-head p{color:var(--muted);margin-top:5px}.x{border:0;background:#eef1f5;border-radius:9px;width:34px;height:34px;font-size:22px;cursor:pointer}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hint{padding:12px;border-radius:10px;background:#f0f5ff;color:#385b9d;font-size:13px;line-height:1.7}.dialog-actions{display:flex;justify-content:flex-start;gap:8px;margin-top:20px}.activation-box{text-align:center}.activation-code{font-family:"Cairo","Segoe UI",Tahoma,Arial,sans-serif;font-size:27px;letter-spacing:1px;background:#111827;color:#fff;border-radius:12px;padding:16px;margin:18px 0;direction:ltr}.muted{color:var(--muted);font-size:13px;margin-bottom:10px}.wide-dialog{max-width:980px}.detail-shell{padding:22px}.detail-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:16px 0}.summary-item{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:12px}.summary-item small{display:block;color:var(--muted);margin-bottom:6px}.summary-item strong{font-size:14px}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.subcard{border:1px solid var(--line);border-radius:13px;padding:14px;margin-top:12px}.subcard h4{margin:0 0 12px}.subhead{display:flex;justify-content:space-between;align-items:center;gap:8px}.inline{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.edit-port{margin-top:14px}.edit-port input{width:150px}.edit-port select{width:120px}.route-box{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#f8fafc;border:1px dashed #d8e0eb;border-radius:12px;padding:14px;direction:ltr;font-family:"Cairo","Segoe UI",Tahoma,Arial,sans-serif;font-size:13px}.row-item{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border-top:1px solid #eef1f5;padding:10px 0}.row-item:first-child{border-top:0}.audit{max-height:250px;overflow:auto}.audit-line{padding:8px 0;border-top:1px solid #eef1f5;font-size:13px}.audit-line:first-child{border-top:0}.audit-line time{color:var(--muted);margin-left:8px}.sub-data{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sub-data div{background:#f8fafc;border-radius:9px;padding:10px}.sub-data small{display:block;color:var(--muted);margin-bottom:4px}.toast{position:fixed;left:24px;bottom:24px;background:#111827;color:#fff;padding:12px 16px;border-radius:10px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;z-index:20}.toast.show{opacity:1;transform:none}@media(max-width:1000px){.app{grid-template-columns:1fr}.sidebar{height:auto;position:static;flex-direction:row;align-items:center;gap:10px}.sidebar nav{display:flex}.bottom{margin-right:auto;margin-top:0}.main{padding:18px}.stats-grid{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}.detail-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.sidebar{display:none}.topbar{align-items:flex-start;flex-direction:column}.search{width:100%}.card-head{align-items:stretch;flex-direction:column}.stats-grid{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}.detail-summary{grid-template-columns:1fr 1fr}.main{padding:12px}.sub-data{grid-template-columns:1fr}}
.top-actions,.subhead-actions{display:flex;gap:8px;align-items:center}.domain-preview{margin-top:-4px;margin-bottom:8px;padding:9px 12px;border-radius:9px;background:#f8fafc;border:1px dashed #d8e0eb;color:#48617e;font-size:13px;min-height:38px}.domain-setting-state{padding:11px 12px;border-radius:10px;background:#f8fafc;border:1px solid var(--line);color:#526173;font-size:13px}.edit-domain{margin-top:14px}.edit-domain input{width:180px}.domain-suffix{direction:ltr;color:#607086;font-size:13px}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}@media(max-width:650px){.top-actions{width:100%;flex-wrap:wrap}.top-actions .btn{flex:1}.edit-domain{align-items:stretch}.edit-domain input{width:100%}.subhead-actions{flex-wrap:wrap}}

.edit-external{margin-top:10px}.edit-external input{min-width:310px;flex:1}@media(max-width:650px){.edit-external{align-items:stretch}.edit-external input{min-width:0;width:100%}}