/* FarsPanel — X-UI inspired dark control panel */
:root{
  --bg:#02050a;--bg2:#040811;--sidebar:#03070d;--panel:#070d16;--panel2:#0a111c;
  --line:#111b29;--text:#edf4ff;--muted:#8190a8;--blue:#3b82f6;--blue2:#2563eb;
  --purple:#8b5cf6;--green:#10b981;--orange:#f59e0b;--red:#ef4444;--shadow:0 12px 35px rgba(0,0,0,.24);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.app-shell{min-height:100vh;background:var(--bg)}
/* Sidebar */
.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--sidebar);border-right:1px solid var(--line);z-index:100;display:flex;flex-direction:column}
.sidebar-brand{height:88px;padding:20px 22px;border-bottom:1px solid var(--line)}
.brand-link{display:flex;align-items:center;gap:12px}
.brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#183d79,#0d1d37);border:1px solid #285bb0;overflow:hidden;flex:none}
.brand-logo-img{width:100%;height:100%;object-fit:contain}.brand-fallback{display:none;color:#60a5fa;font-weight:900}
.brand-copy{min-width:0}.brand-title{font-size:22px;font-weight:800;letter-spacing:-.7px}.brand-title span{color:#f8fbff}.brand-title b{color:#4f7cff}.brand-subtitle{margin-top:2px;font-size:9px;letter-spacing:1.5px;color:#64748b}
.side-nav{padding:18px 12px;display:flex;flex-direction:column;gap:6px}.side-nav-link{height:48px;border-radius:10px;padding:0 14px;display:flex;align-items:center;gap:13px;color:#93a2b8;font-size:14px;font-weight:650;transition:.18s}.side-nav-link:hover{background:#101d31;color:#eaf2ff}.side-nav-link.active{background:linear-gradient(135deg,#315ee9,#4b63ee);color:#fff;box-shadow:0 8px 22px rgba(37,99,235,.25)}.side-icon{width:23px;text-align:center;font-size:20px;line-height:1}
.sidebar-bottom{margin-top:auto;padding:16px 16px 20px;border-top:1px solid var(--line)}.sidebar-status{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#050a11}.sidebar-status strong{display:block;font-size:12px}.sidebar-status small{display:block;color:#6f7f97;font-size:10px;margin-top:3px}.sidebar-meta{padding:11px 4px 0;color:#53637b;font-size:10px}
.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#19d889;box-shadow:0 0 0 4px rgba(25,216,137,.09)}
/* Topbar */
.topbar{position:fixed;top:0;right:0;left:248px;height:88px;background:rgba(2,5,10,.98);border-bottom:1px solid var(--line);z-index:90;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:18px}.hamburger-btn{display:none;background:none;border:0;color:#a7b6ca;font-size:23px;cursor:pointer}.page-context{font-size:13px;color:#8b9ab0}.context-label{font-weight:750;color:#dce7f8}.context-separator{margin:0 8px;color:#3c4c63}.topbar-search{height:40px;width:250px;border:1px solid var(--line);background:#050a11;border-radius:9px;display:flex;align-items:center;gap:9px;padding:0 12px;color:#60728b}.topbar-search input{width:100%;border:0;outline:0;background:transparent;color:#e8f0fb;font-size:12px}.topbar-search input::placeholder{color:#5d6d84}.user-chip{height:44px;padding:4px 10px 4px 5px;border:1px solid var(--line);background:#060b12;border-radius:10px;display:flex;align-items:center;gap:9px}.user-avatar{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#182b47;color:#8bb3ff;font-weight:800;font-size:11px}.user-chip strong{display:block;font-size:12px}.user-chip small{display:block;color:#22c983;font-size:10px;margin-top:1px}.chevron{color:#64748b;margin-left:6px}
/* Main */
.main-content{margin-left:248px;padding:118px 30px 72px;max-width:1500px}.view-page{display:none}.view-page.active{display:block}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#5d79a6;font-weight:800}.welcome-row h1{font-size:30px;letter-spacing:-1px;margin:7px 0 5px}.welcome-row h1 span{color:#4f7cff}.welcome-row p{color:var(--muted);font-size:13px;max-width:700px;line-height:1.6}.btn-primary,.btn-outline{height:42px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 17px;font-size:12px;font-weight:750;white-space:nowrap}.btn-primary{background:#315fe9;color:#fff;box-shadow:0 7px 20px rgba(49,95,233,.24)}.btn-outline{border:1px solid #315ba6;background:#050b13;color:#bcd0ef}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.stat-card{min-height:112px;padding:20px;border:1px solid var(--line);border-radius:11px;background:var(--panel);display:flex;align-items:center;gap:15px;box-shadow:var(--shadow)}.stat-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-size:22px;font-weight:800;flex:none}.stat-card.blue .stat-icon{background:rgba(59,130,246,.14);color:#5c9aff;border:1px solid rgba(59,130,246,.32)}.stat-card.purple .stat-icon{background:rgba(139,92,246,.14);color:#a980ff;border:1px solid rgba(139,92,246,.32)}.stat-card.green .stat-icon{background:rgba(16,185,129,.14);color:#28dba0;border:1px solid rgba(16,185,129,.32)}.stat-card.orange .stat-icon{background:rgba(245,158,11,.14);color:#ffb53a;border:1px solid rgba(245,158,11,.32)}.stat-card small,.status-strip-card small{display:block;color:#697b95;font-size:9px;letter-spacing:1.1px;font-weight:800}.stat-card strong{display:block;font-size:23px;line-height:1.25;margin:4px 0;color:#f5f8ff;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-card em{font-style:normal;color:#687a94;font-size:10px}.stat-card em .status-dot{margin-right:7px}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,.9fr);gap:18px}.panel-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;box-shadow:var(--shadow)}.panel-heading{min-height:76px;padding:17px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-heading>div{display:flex;align-items:center;gap:12px}.heading-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#102444;color:#6da2ff;border:1px solid #1e477f;font-size:17px}.panel-heading h2{font-size:15px}.panel-heading p{font-size:10px;color:#657791;margin-top:3px}.online-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:20px;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.2);color:#29d79f;font-size:10px}.node-info-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:15px;padding:18px 20px}.info-list{display:flex;flex-direction:column;gap:12px}.info-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(28,42,64,.55);padding-bottom:9px}.info-list span{font-size:11px;color:#6f819a}.info-list strong{font-size:11px;color:#d9e4f5;text-align:right}.protocol-orb{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;border-left:1px solid var(--line)}.orb-ring{width:150px;height:150px;border-radius:50%;border:12px solid #172a44;border-top-color:#3b82f6;border-right-color:#5367ed;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 25px rgba(59,130,246,.05)}.orb-ring span{font-size:10px;color:#7387a2}.orb-ring strong{font-size:18px;color:#dfeaff;margin-top:4px}.protocol-orb small{margin-top:9px;color:#687a93;font-size:10px}.protocol-row{padding:14px 20px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.protocol-row>span{font-size:10px;color:#6e8098}.protocol-row>div{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.protocol-row div span,.badge-pill{font-size:9px;padding:5px 8px;border-radius:6px;background:#0b1420;border:1px solid #21334d;color:#8ea2be}.quick-card{overflow:hidden}.quick-actions{padding:12px}.quick-action{min-height:66px;margin-bottom:8px;border:1px solid var(--line);border-radius:9px;background:#060b12;display:flex;align-items:center;gap:11px;padding:10px 12px;transition:.18s}.quick-action:hover{border-color:#29466f;background:#101e32}.quick-action:last-child{margin-bottom:0}.quick-action>span{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:#0b1420;color:#7da7ef;font-size:17px}.quick-action.primary{background:linear-gradient(135deg,#2f5fe8,#3f6af0);border-color:#3f6af0;color:#fff}.quick-action.primary>span{background:rgba(255,255,255,.12);color:#fff}.quick-action div{flex:1}.quick-action strong{display:block;font-size:11px}.quick-action small{display:block;color:#6e8098;font-size:9px;margin-top:3px}.quick-action.primary small{color:#c8d8ff}.quick-action b{font-size:20px;font-weight:400;color:#60728b}.quick-action.primary b{color:#dce7ff}.status-strip-card{margin-top:18px;min-height:90px;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.status-strip-left,.status-strip-right{display:flex;align-items:center;gap:15px}.big-status-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#25d896;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.2);font-size:22px}.status-strip-left strong{display:block;margin-top:4px;font-size:14px}.status-strip-right>div{padding:0 16px;border-left:1px solid var(--line)}.status-strip-right>div strong{display:block;margin-top:3px;font-size:13px}.footer{margin-left:248px;height:55px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:28px;color:#51627b;font-size:10px}.footer span:first-child{color:#8396b2;font-weight:700}
/* Existing subscription/node views adapted to same dashboard */
.subs-container-card,.nodes-container-card{border:1px solid var(--line)!important;background:var(--panel)!important;border-radius:12px!important;box-shadow:var(--shadow)}.section-top-row{padding:20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.section-title-wrap{display:flex;align-items:center;gap:12px}.red-bar-indicator{width:4px;height:28px;background:#3b82f6;border-radius:4px}.section-heading{font-size:18px}.subs-caption{padding:0 20px;margin:15px 0;color:#72839b;font-size:11px;line-height:1.6}.server-status-tag{font-size:10px;color:#7e91aa;display:flex;align-items:center;gap:8px}.proto-selector-wrap,.v2rayng-notice-banner,.server-metrics-strip,.sub-items-list{margin-left:20px;margin-right:20px}.proto-selector-wrap{padding:14px;background:#050a11;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:15px}.proto-label{font-size:10px;color:#73859d}.proto-toggle-group{display:flex;gap:7px;flex-wrap:wrap}.proto-btn{border:1px solid var(--line);background:#080f19;color:#8294ad;border-radius:7px;padding:8px 11px;font-size:10px;cursor:pointer}.proto-btn.active{background:#17346a;border-color:#2f66c7;color:#d7e6ff}.v2rayng-notice-banner{margin-top:12px;background:#0c1b2f;border:1px solid #1d3656;border-radius:9px;padding:12px;color:#8294ad;font-size:10px;display:flex;gap:10px}.notice-icon{color:#5b94f4}.server-metrics-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.metric-box{padding:13px;border:1px solid var(--line);border-radius:8px;background:#050a11}.metric-label{display:block;color:#667992;font-size:9px}.metric-val{display:block;color:#dce8f8;font-size:12px;margin-top:5px}.sub-items-list{padding:15px 0}.sub-item{border:1px solid var(--line)!important;background:#050a11!important;border-radius:9px!important;margin-bottom:9px}.nodes-grid{padding:18px 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.node-card{border:1px solid var(--line)!important;background:#050a11!important;border-radius:9px!important}.no-nodes-msg,.nodes-loading{color:#71839c;font-size:11px;padding:35px;text-align:center}
/* Hide old cinematic/background/theme UI */
.cinema-bg,.ambient-glow,.ambient-vignette,.header-sponsor-link,.drawer-socials,.theme-toggle-btn,.mobile-drawer{display:none!important}.cinema-header{display:none!important}
/* Modal / toast */
.cinema-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;z-index:300}.cinema-modal-backdrop.active{display:flex}.cinema-modal-box{width:min(420px,calc(100vw - 30px));background:#070d16;border:1px solid var(--line);border-radius:12px;box-shadow:0 25px 70px rgba(0,0,0,.5)}.modal-top{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-top h3{font-size:14px}.btn-close-modal{border:0;background:none;color:#8ca0ba;font-size:25px;cursor:pointer}.modal-center{text-align:center;padding:22px}.modal-center img{background:#fff;padding:8px;border-radius:8px}.qr-notice{font-size:10px;color:#70829a;margin-top:13px}.cinema-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:10px 15px;border-radius:8px;background:#16253a;border:1px solid #2b4162;color:#dce8f7;font-size:11px;z-index:400;transition:.2s}.cinema-toast.show{opacity:1;transform:translate(-50%,0)}
.mobile-nav-bar{display:none}
@media(max-width:1000px){.sidebar{width:215px}.topbar{left:215px}.main-content,.footer{margin-left:215px}.main-content{padding-left:20px;padding-right:20px}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.topbar-search{width:190px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.mobile-open{transform:translateX(0)}.topbar{left:0;padding:0 15px}.hamburger-btn{display:block}.topbar-search{display:none}.main-content{margin-left:0;padding:105px 14px 75px}.footer{margin-left:0;gap:12px;flex-wrap:wrap;padding:0 12px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:14px;min-height:100px}.stat-card strong{font-size:18px}.stat-icon{width:40px;height:40px}.welcome-row{align-items:flex-start;flex-direction:column}.welcome-row h1{font-size:25px}.status-strip-card{align-items:flex-start;flex-direction:column}.status-strip-right{width:100%;justify-content:space-between}.node-info-layout{grid-template-columns:1fr}.protocol-orb{border-left:0;border-top:1px solid var(--line);padding-top:18px;min-height:175px}.server-metrics-strip{grid-template-columns:1fr 1fr}.proto-selector-wrap{align-items:flex-start;flex-direction:column}.mobile-nav-bar{position:fixed;display:flex;left:10px;right:10px;bottom:10px;height:58px;background:#060b12;border:1px solid #21324a;border-radius:12px;z-index:200;box-shadow:0 14px 35px rgba(0,0,0,.4)}.mob-link{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#6e8099;font-size:9px}.mob-link span:first-child{font-size:18px}.mob-link.active{color:#fff}.mob-link.active span:first-child{color:#4e80f4}.section-top-row{align-items:flex-start;gap:10px}.nodes-grid{grid-template-columns:1fr}.user-chip{display:none}}

/* FarsPanel ultra-dark theme */
:root{--bg:#02050a;--bg2:#03070d;--sidebar:#02060b;--panel:#060b12;--panel2:#080f18;--line:#0d1723;--text:#e8eef8;--muted:#718096}
html,body,.app-shell{background:#02050a!important}
.main-content{background:radial-gradient(circle at 70% 0%,rgba(25,45,80,.08),transparent 34%)}
.panel-card,.stat-card,.subs-container-card,.nodes-container-card{background:#060b12!important;border-color:#0d1723!important}
.topbar{background:rgba(2,5,10,.985)!important;border-color:#0d1723!important}
.sidebar{background:#02060b!important;border-color:#0d1723!important}
.sidebar-status,.topbar-search,.user-chip,.quick-action,.metric-box,.sub-item,.node-card{background:#050a10!important;border-color:#0d1723!important}
.footer{background:#02050a!important;border-color:#0d1723!important}
.section-top-row,.panel-heading,.protocol-row{border-color:#0d1723!important}
.btn-outline,.proto-btn{background:#050a11!important;border-color:#172338!important}