:root{--bg:#07101b;--surface:#0d1928;--surface2:#122236;--line:#21364d;--text:#f3f7fb;--muted:#8fa3b8;--gold:#eabf59;--gold2:#ffdc7a;--green:#34d399;--red:#fb7185;--blue:#60a5fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 82% 0,#18334e 0,transparent 32%),var(--bg);color:var(--text);font-family:Vazirmatn,Tahoma,sans-serif;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.login-layout{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#203c58 0,transparent 42%)}.login-card{width:min(440px,100%);text-align:center;background:linear-gradient(155deg,#12263b,#091522);border:1px solid #29425c;border-radius:26px;padding:38px;box-shadow:0 30px 90px #0008}.logo-mark{width:72px;height:72px;margin:0 auto 18px;border-radius:22px;display:grid;place-items:center;font-size:38px;font-weight:900;color:#1a1406;background:linear-gradient(145deg,var(--gold2),#b57b1d);box-shadow:0 14px 40px #eabf5933}.logo-mark.small{width:42px;height:42px;border-radius:13px;font-size:22px;margin:0}.eyebrow{margin:0 0 5px;font-size:10px;letter-spacing:2px;font-weight:800;color:var(--gold)}h1,h2,p{margin-top:0}.login-card h1{font-size:30px;margin-bottom:8px}.login-card h1 span{color:var(--gold)}.login-copy{color:var(--muted);font-size:14px;margin-bottom:28px}.login-card label,.field label{display:block;text-align:right;color:var(--muted);font-size:12px;margin-bottom:7px}.login-card input,.field input,.field select{width:100%;border:1px solid var(--line);border-radius:11px;background:#07121e;color:var(--text);padding:11px 12px;outline:none}.login-card input:focus,.field input:focus,.field select:focus{border-color:var(--gold)}.primary,.secondary,.danger-btn,.icon-btn,.logout{border:0;border-radius:11px;padding:11px 16px;font-weight:800}.primary{background:linear-gradient(135deg,var(--gold2),#d79a2e);color:#171104}.wide{width:100%;margin-top:12px}.secondary{background:#182b40;color:var(--text);border:1px solid var(--line)}.login-meta{display:flex;justify-content:center;gap:18px;color:var(--muted);font-size:11px;margin-top:24px}.sidebar{width:250px;position:fixed;inset:0 0 0 auto;background:#091522eF;border-left:1px solid var(--line);padding:24px 18px;display:flex;flex-direction:column;z-index:10;backdrop-filter:blur(16px)}.side-brand{display:flex;align-items:center;gap:12px;padding:0 7px 25px;border-bottom:1px solid var(--line)}.side-brand strong,.side-brand small{display:block}.side-brand small{font-size:9px;letter-spacing:2px;color:var(--muted)}nav{display:grid;gap:7px;margin-top:24px}.nav-btn{border:0;background:transparent;color:var(--muted);padding:12px 14px;text-align:right;border-radius:11px;font-weight:600}.nav-btn.active,.nav-btn:hover{background:linear-gradient(90deg,#eabf591b,#eabf5906);color:var(--gold)}.side-bottom{margin-top:auto}.server-clock{padding:14px;background:#0e1e2f;border:1px solid var(--line);border-radius:13px;margin-bottom:10px}.server-clock small,.server-clock strong,.server-clock span{display:block}.server-clock small,.server-clock span{color:var(--muted);font-size:10px}.server-clock strong{font-size:13px;margin:5px 0}.logout{width:100%;background:transparent;color:var(--muted);border:1px solid var(--line)}.content{margin-right:250px;padding:28px 32px 60px;max-width:1600px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.topbar h1{font-size:25px;margin:0}.top-actions{display:flex;gap:10px;align-items:center}.status,.auto-refresh,.safe-badge,.danger-badge{display:inline-flex;align-items:center;gap:7px;border-radius:99px;padding:7px 12px;font-size:11px;font-weight:700}.status{background:#12263a;border:1px solid var(--line);color:var(--muted)}.status i{width:7px;height:7px;border-radius:50%;background:var(--muted)}.status.ok{color:var(--green);border-color:#1d5c4b}.status.ok i{background:var(--green);box-shadow:0 0 12px var(--green)}.status.bad{color:var(--red)}.icon-btn{background:#13253a;color:var(--text);font-size:19px}.pane{display:none}.pane.active{display:block}.hero-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}.hero-card,.mini-card,.panel{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#112339,#0b1827);box-shadow:0 18px 45px #0002}.hero-card{padding:24px;display:flex;align-items:center;justify-content:space-between}.hero-card.gold{background:linear-gradient(135deg,#4a3a18,#1b2030);border-color:#6f5725}.hero-card p,.mini-card span{font-size:12px;color:var(--muted)}.hero-card h2{font-size:24px;margin:5px 0}.hero-card span,.mini-card small{color:var(--muted);font-size:11px}.pulse-ring{width:58px;height:58px;border:1px solid #dcae48;border-radius:50%;display:grid;place-items:center}.pulse-ring i{width:15px;height:15px;background:var(--gold);border-radius:50%;box-shadow:0 0 25px var(--gold)}.mini-card{padding:20px}.mini-card strong{display:block;font-size:25px;margin:11px 0}.mini-card strong.origin{font-size:17px;color:var(--gold)}.section-head{display:flex;align-items:center;justify-content:space-between;margin:30px 0 14px}.section-head h2,.panel-head h2{margin:0;font-size:19px}.auto-refresh,.safe-badge{color:var(--green);background:#0c2b27;border:1px solid #1d554a}.danger-badge{color:var(--red);background:#351724;border:1px solid #713244}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.price-card{padding:18px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(150deg,#122238,#091624);position:relative;overflow:hidden}.price-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:#eabf590d;top:-35px;left:-25px}.price-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.price-title strong{font-size:14px}.live-dot{font-size:9px;color:var(--green)}.price-values{display:grid;grid-template-columns:1fr 1fr;gap:8px}.price-values div{background:#091522;border-radius:10px;padding:10px}.price-values small{display:block;color:var(--muted);font-size:10px}.price-values b{font-size:14px}.price-update{display:block;color:var(--muted);font-size:9px;margin-top:11px}.skeleton-grid .skeleton{height:145px;border-radius:17px;background:linear-gradient(90deg,#102034,#192d44,#102034);background-size:200%;animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position:-200%}}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.asset-list{display:grid;gap:9px}.asset-item{display:flex;align-items:center;justify-content:space-between;background:#091522;border:1px solid #1b3046;border-radius:11px;padding:11px 13px}.asset-item span{color:var(--muted);font-size:12px}.asset-item strong{direction:ltr}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.profile-item{background:#091522;border-radius:11px;padding:10px}.profile-item small,.profile-item strong{display:block;word-break:break-word}.profile-item small{color:var(--muted);font-size:10px}.profile-item strong{font-size:12px;margin-top:4px}.loading-line{color:var(--muted);font-size:12px}.raw-panel{margin-top:14px;border:1px solid var(--line);border-radius:14px;background:#08131f}.raw-panel summary{padding:13px;cursor:pointer;color:var(--muted);font-size:12px}.raw-panel pre,.response-box{margin:0;padding:14px;direction:ltr;text-align:left;white-space:pre-wrap;word-break:break-word;max-height:450px;overflow:auto;color:#b9c8d8;font:11px Consolas,monospace}.test-cards{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}.test-card{min-height:125px;padding:14px;text-align:right;border:1px solid var(--line);border-radius:15px;background:#0d1b2c;color:var(--text)}.test-card b,.test-card strong,.test-card span{display:block}.test-card b{color:var(--gold);font-size:10px}.test-card strong{font-size:13px;margin:17px 0 5px}.test-card span{color:var(--muted);font-size:9px}.test-card.active,.test-card:hover{border-color:#9c7730;background:linear-gradient(145deg,#392d18,#122033);transform:translateY(-2px)}.test-config{margin-top:14px}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.field.hidden-field{display:none}.test-submit{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.test-submit strong,.test-submit small{display:block}.test-submit small{color:var(--muted);font-size:10px}.progress-box{margin-top:15px;padding:14px;border:1px solid #57471e;background:#2c2515;border-radius:12px;display:flex;gap:12px;align-items:center}.progress-box span{display:block;color:var(--muted);font-size:11px}.spinner{width:26px;height:26px;border:3px solid #ffffff22;border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}.metrics-row{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin:14px 0}.metric{background:#0b1928;border:1px solid var(--line);border-radius:12px;padding:12px}.metric small,.metric strong{display:block}.metric small{color:var(--muted);font-size:9px}.metric strong{font-size:17px;margin-top:5px}.metric.good strong{color:var(--green)}.metric.bad strong{color:var(--red)}.warning{padding:13px;background:#351d1e;border:1px solid #713b3d;border-radius:12px;color:#ffc2c7;font-size:12px;margin-bottom:15px}.danger-btn{background:var(--red);color:#26050c;margin-top:14px}.response-box{background:#07121e;border:1px solid var(--line);border-radius:12px;margin-top:15px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px;text-align:right}th,td{padding:11px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-weight:500}td.ltr{direction:ltr;text-align:left}.view-btn{border:0;border-radius:8px;background:#19304a;color:var(--blue);padding:6px 9px}.report-detail{margin-top:14px}.report-meta{color:var(--muted);font-size:11px;margin:10px 0}.toast{padding:11px 14px;border-radius:11px;margin-bottom:12px;background:#133224;border:1px solid #2c6549;color:#b9f6d3;font-size:12px}.toast.bad{background:#391722;border-color:#743045;color:#ffc0cc}
.ok-text{color:var(--green)}.bad-text{color:var(--red)}.history-actions{display:flex;gap:8px}.history-actions select{background:#102034;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:8px 11px}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:18px}.pagination span{color:var(--muted);font-size:12px}
@media(max-width:1150px){.test-cards{grid-template-columns:repeat(4,1fr)}.price-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.sidebar{position:static;width:auto;height:auto}.sidebar nav{grid-template-columns:repeat(5,1fr)}.nav-btn{text-align:center;font-size:10px}.side-bottom{display:none}.content{margin:0;padding:18px}.hero-grid,.two-col{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(2,1fr)}.test-cards{grid-template-columns:repeat(2,1fr)}.metrics-row{grid-template-columns:repeat(2,1fr)}.topbar{align-items:flex-start}.section-head{align-items:flex-start;gap:10px}.history-actions{flex-wrap:wrap}}@media(max-width:500px){.price-grid,.form-grid{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr}.topbar h1{font-size:20px}.test-submit{align-items:flex-start;gap:12px;flex-direction:column}.primary{width:100%}.sidebar nav{grid-template-columns:repeat(2,1fr)}}