@font-face {
    font-family: 'IRANSans';
    src: url('/panel/fonts/IRANSans_UltraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IRANSans';
    src: url('/panel/fonts/IRANSans_Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IRANSans';
    src: url('/panel/fonts/IRANSans_Medium.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IRANSans';
    src: url('/panel/fonts/IRANSans_Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IRANSans';
    src: url('/panel/fonts/IRANSans_Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

html,
body,
button,
input,
select,
textarea,
option,
table,
th,
td,
a,
span,
p,
div,
label,
strong,
small,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'IRANSans', sans-serif !important;
}
:root{--bg:#f5f7fb;--surface:#fff;--surface-soft:#f8f9fd;--sidebar:#15122c;--primary:#5632c7;--primary-2:#6d4bd8;--text:#1b1d2a;--muted:#7b8095;--line:#e6e8f0;--good:#159b67;--bad:#d6455d;--shadow:0 12px 30px rgba(25,29,58,.07)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'IRANSans',sans-serif;color:var(--text);background:var(--bg)}button,input{font:inherit}.panel-body{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;display:flex;flex-direction:column;padding:24px 18px;color:#fff;background:radial-gradient(circle at 20% 0%,rgba(109,75,216,.28),transparent 30%),var(--sidebar)}.brand,.login-logo{display:flex;align-items:center;gap:12px}.brand{padding:0 8px 22px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;font-weight:900;font-size:21px;color:#fff;background:linear-gradient(135deg,#7958e9,#4d2ab8);box-shadow:0 10px 22px rgba(74,42,184,.35)}.brand-mark.large{width:54px;height:54px;font-size:28px;border-radius:18px}.brand-name{font-size:18px;font-weight:800;letter-spacing:-.02em}.brand-name.large{font-size:24px}.brand-subtitle{margin-top:2px;color:rgba(255,255,255,.58);font-size:12px}.nav{display:flex;flex-direction:column;gap:5px;overflow-y:auto}.nav-section{padding:20px 12px 7px;color:rgba(255,255,255,.34);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.nav-item{min-height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-radius:11px;color:rgba(255,255,255,.72);text-decoration:none;font-size:14px;transition:.18s}.nav-item:hover,.nav-item.active{color:#fff;background:rgba(255,255,255,.085)}.nav-item.active{box-shadow:inset 3px 0 0 #8369ef}.nav-item small{color:rgba(255,255,255,.28);font-size:10px}.nav-item.disabled{cursor:default}.sidebar-footer{margin-top:auto;padding:18px 8px 0;border-top:1px solid rgba(255,255,255,.08)}.admin-info{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-weight:800;background:var(--primary)}.admin-copy{min-width:0;display:flex;flex-direction:column}.admin-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.admin-copy small{margin-top:2px;color:rgba(255,255,255,.45)}.logout-button{width:100%;margin-top:14px;padding:9px 12px;border:1px solid rgba(255,255,255,.1);border-radius:9px;color:rgba(255,255,255,.72);background:transparent;cursor:pointer}.main{width:calc(100% - 260px);min-height:100vh;margin-left:260px}.topbar{min-height:92px;display:flex;align-items:center;justify-content:space-between;padding:20px 32px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.88);backdrop-filter:blur(14px)}.topbar h1{margin:0;font-size:24px;letter-spacing:-.025em}.topbar p{margin:5px 0 0;color:var(--muted);font-size:13px}.environment-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #dcd7f7;border-radius:999px;color:#5632c7;background:#f3f0ff;font-size:12px;font-weight:700}.environment-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:#28b77a}.content{padding:28px 32px 48px}.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.stat-card,.panel-card{border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.stat-card{padding:18px}.stat-label{color:var(--muted);font-size:12px;font-weight:650}.stat-value{margin-top:12px;font-size:29px;font-weight:850;letter-spacing:-.045em}.stat-value span{color:#a6a9b8;font-size:15px;font-weight:700}.stat-foot{margin-top:8px;color:var(--muted);font-size:11px}.stat-foot.good{color:var(--good)}.stat-foot.bad{color:var(--bad)}.dashboard-grid{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(520px,1.35fr);gap:18px;margin-top:18px}.panel-card{overflow:hidden}.panel-card-header{padding:19px 20px;border-bottom:1px solid var(--line)}.panel-card-header h2{margin:0;font-size:15px}.panel-card-header p{margin:4px 0 0;color:var(--muted);font-size:11px}.server-list{padding:7px 14px}.server-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 5px;border-bottom:1px solid var(--line)}.server-row:last-child{border-bottom:0}.server-main{min-width:0;display:flex;align-items:center;gap:10px}.status-dot{flex:0 0 auto;width:9px;height:9px;border-radius:50%}.status-dot.online{background:var(--good);box-shadow:0 0 0 4px rgba(21,155,103,.1)}.status-dot.offline{background:var(--bad)}.server-main strong,.server-main small{display:block}.server-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.server-main small{margin-top:3px;color:var(--muted);font-size:10px}.server-metrics{display:grid;grid-template-columns:repeat(3,58px);gap:5px}.server-metrics div{text-align:right}.server-metrics span,.server-metrics strong{display:block}.server-metrics span{color:var(--muted);font-size:9px}.server-metrics strong{margin-top:2px;font-size:11px}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.data-table th{color:var(--muted);background:var(--surface-soft);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.data-table td{font-size:11px}.data-table td strong,.data-table td small{display:block}.data-table td small{margin-top:2px;color:var(--muted);font-size:9px}.status-badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800;text-transform:uppercase}.status-connected{color:#0b7d51;background:#e8f8f1}.status-disconnected,.status-expired{color:#62677a;background:#eff0f4}.status-failed{color:#b8354d;background:#fdecef}.status-connecting,.status-preparing{color:#9b6c08;background:#fff5d8}.empty-state{padding:28px;color:var(--muted);text-align:center;font-size:12px}.login-body{min-height:100vh;background:#f7f7fb}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(420px,.95fr)}.login-visual{position:relative;display:flex;align-items:center;padding:70px;overflow:hidden;color:#fff;background:radial-gradient(circle at 20% 20%,rgba(121,88,233,.48),transparent 30%),radial-gradient(circle at 80% 70%,rgba(61,116,255,.18),transparent 35%),#15122c}.login-visual-inner{position:relative;z-index:1;max-width:560px}.login-visual h1{margin:90px 0 20px;font-size:clamp(40px,5vw,68px);line-height:1.04;letter-spacing:-.055em}.login-visual p{max-width:520px;margin:0;color:rgba(255,255,255,.62);font-size:15px;line-height:1.8}.security-note{display:inline-flex;align-items:center;gap:9px;margin-top:38px;padding:10px 13px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:rgba(255,255,255,.7);background:rgba(255,255,255,.04);font-size:11px}.security-dot{width:7px;height:7px;border-radius:50%;background:#36d692;box-shadow:0 0 0 4px rgba(54,214,146,.1)}.login-form-side{display:grid;place-items:center;padding:50px}.login-card{width:100%;max-width:410px}.login-heading{margin-bottom:32px}.eyebrow{color:var(--primary);font-size:10px;font-weight:850;letter-spacing:.13em}.login-heading h2{margin:10px 0 7px;font-size:32px;letter-spacing:-.04em}.login-heading p{margin:0;color:var(--muted);font-size:13px}.field{display:block;margin-top:16px}.field span{display:block;margin-bottom:7px;color:#4e5262;font-size:11px;font-weight:700}.field input{width:100%;height:48px;padding:0 14px;border:1px solid #dbdeea;border-radius:11px;outline:none;color:var(--text);background:#fff}.field input:focus{border-color:#8d78e8;box-shadow:0 0 0 4px rgba(86,50,199,.08)}.primary-button{width:100%;height:49px;margin-top:24px;border:0;border-radius:11px;color:#fff;font-weight:750;background:linear-gradient(135deg,var(--primary-2),var(--primary));box-shadow:0 12px 25px rgba(86,50,199,.2);cursor:pointer}.alert-error{margin-bottom:18px;padding:11px 13px;border:1px solid #f4ccd4;border-radius:10px;color:#a72f46;background:#fff0f3;font-size:11px}.login-footnote{margin-top:16px;color:#9a9dad;text-align:center;font-size:10px}@media(max-width:1180px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:860px){.sidebar{width:210px}.main{width:calc(100% - 210px);margin-left:210px}.content,.topbar{padding-left:20px;padding-right:20px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-shell{grid-template-columns:1fr}.login-visual{display:none}}@media(max-width:640px){.panel-body{display:block}.sidebar{position:static;width:100%;min-height:auto}.nav,.sidebar-footer{display:none}.main{width:100%;margin-left:0}.topbar{min-height:78px}.stats-grid{grid-template-columns:1fr}.content{padding:16px}.login-form-side{padding:28px 20px}.server-row{align-items:flex-start;flex-direction:column}.server-metrics{width:100%}.server-metrics div{text-align:left}}