:root{--brand-1:#6d5df6;--brand-2:#06b6d4;--gradient:linear-gradient(135deg, var(--brand-1), var(--brand-2));--ok:#0b9b6a;--warn:#ea580c;--bad:#dc2626;--bg:#f3f4fb;--surface:#ffffff;--surface-2:#f6f7fd;--text:#161a33;--muted:#6a7192;--line:#e5e8f5;--shadow:0 14px 34px -22px rgba(70, 60, 180, 0.45);--font-body:"Vazirmatn",Tahoma,sans-serif;--radius:22px;--radius-small:14px;box-sizing:border-box}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0a0e1f;--surface:#121a31;--surface-2:#19223f;--text:#e9edff;--muted:#98a2c8;--line:#232d52;--ok:#22d3a0;--shadow:0 14px 34px -22px rgba(0, 0, 0, 0.9)}}:root[data-theme=dark]{--bg:#0a0e1f;--surface:#121a31;--surface-2:#19223f;--text:#e9edff;--muted:#98a2c8;--line:#232d52;--ok:#22d3a0;--shadow:0 14px 34px -22px rgba(0, 0, 0, 0.9)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.8}body::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(520px 320px at 90% -5%,rgba(109,93,246,.18),transparent),radial-gradient(460px 300px at 0 8%,rgba(6,182,212,.15),transparent)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}[hidden]{display:none!important}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--brand-1)}code{direction:ltr;display:inline-block;font-weight:600}.muted{color:var(--muted)}.center{text-align:center}.empty{color:var(--muted);text-align:center;margin:18px 0}.gradient-text{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-block;border:0;cursor:pointer;padding:10px 22px;border-radius:var(--radius-small);font-weight:600;color:#fff;text-decoration:none;background:var(--gradient);box-shadow:0 12px 24px -14px var(--brand-1);transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 28px -14px var(--brand-1)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--outline{background:var(--surface-2);color:var(--text);box-shadow:none;border:1px solid var(--line)}.btn--outline:hover{box-shadow:none;border-color:var(--brand-1)}.btn--light{background:#fff;color:#3d2fb5;box-shadow:none}.btn--glass{background:rgba(255,255,255,.2);color:#fff;box-shadow:none;backdrop-filter:blur(6px)}.btn--small{padding:4px 14px;font-size:.85rem;border-radius:10px}.btn--block{display:block;width:100%;text-align:center;padding:12px}.link{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:3px 4px;padding:5px 14px;border:1px solid color-mix(in srgb,var(--brand-1) 35%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--brand-1) 8%,var(--surface));color:var(--brand-1);font:inherit;font-size:.86rem;font-weight:600;line-height:1.5;white-space:nowrap;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s}.link:hover{background:color-mix(in srgb,var(--brand-1) 16%,var(--surface));border-color:var(--brand-1);transform:translateY(-1px);box-shadow:0 8px 16px -10px var(--brand-1)}.link:active{transform:none;box-shadow:none}.link:focus-visible{outline:2px solid var(--brand-1);outline-offset:2px}.link--danger{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 35%,var(--line));background:color-mix(in srgb,var(--bad) 7%,var(--surface))}.link--danger:hover{background:color-mix(in srgb,var(--bad) 15%,var(--surface));border-color:var(--bad);box-shadow:0 8px 16px -10px var(--bad)}.link:first-child{margin-inline-start:0}td .link{margin-block:3px}.card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-bottom:18px;box-shadow:var(--shadow)}.card__head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}.card__title{margin:0;font-size:1.02rem}.grid{display:grid;gap:16px;margin-bottom:18px}.grid--2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.grid--4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid>.card{margin-bottom:0}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row--between{justify-content:space-between}.icon{flex:none;vertical-align:-.22em}.icon-tile{width:52px;height:52px;flex:none;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border-radius:16px;background:rgba(109,93,246,.12)}.icon-tile--green{background:rgba(16,185,129,.15)}.icon-tile--red{background:rgba(239,68,68,.14)}.icon-tile--amber{background:rgba(245,158,11,.16)}.icon-tile--cyan{background:rgba(6,182,212,.15)}.badge{display:inline-block;padding:1px 12px;border-radius:99px;font-size:.78rem;font-weight:600;background:var(--surface-2);color:var(--muted)}.badge--active{background:rgba(11,155,106,.14);color:var(--ok)}.badge--pending{background:rgba(234,88,12,.14);color:var(--warn)}.badge--alert{background:rgba(220,38,38,.13);color:var(--bad)}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-inline-end:8px}.dot--on{background:var(--ok);box-shadow:0 0 0 4px rgba(11,155,106,.18)}.dot--warn{background:var(--warn);box-shadow:0 0 0 4px rgba(234,88,12,.18)}.dot--off{background:var(--line)}.alert{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 20px;margin-bottom:18px;border-radius:18px;background:linear-gradient(90deg,#fbdbe0,#fde8dc);color:#7a1d2c;font-weight:600}.alert p{margin:0;flex:1}.alert--ok{background:linear-gradient(90deg,#d7f5e6,#e1f7f4);color:#0b6b48}.field{width:100%;padding:11px 14px;margin-bottom:10px;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--surface-2)}.field:focus{outline:2px solid var(--brand-1);outline-offset:1px}.field--inline{width:auto;margin:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:14px;align-items:start}.form-grid .field{margin:0}.form-grid label{display:flex;flex-direction:column;gap:5px;font-size:.82rem;color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tabs{display:inline-flex;gap:2px;padding:4px;border-radius:var(--radius-small);background:var(--surface-2)}.tabs button{border:0;background:0 0;padding:6px 18px;border-radius:10px;color:var(--muted);font-weight:600;cursor:pointer}.tabs button.is-active{background:var(--surface);color:var(--text);box-shadow:0 1px 6px rgba(0,0,0,.12)}.switch{position:relative;display:inline-block;width:46px;height:26px;flex:none}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;border-radius:99px;background:var(--line);cursor:pointer;transition:.2s}.switch span::after{content:"";position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s}.switch input:checked+span{background:var(--ok)}.switch input:checked+span::after{right:23px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:start;padding:10px 8px;border-bottom:1px solid var(--line);color:var(--muted);font-weight:600;white-space:nowrap}td{text-align:start;padding:11px 8px;border-bottom:1px solid var(--line);white-space:nowrap}tr:last-child td{border-bottom:0}.donut{position:relative;width:120px;height:120px;flex:none}.donut svg{width:100%;height:100%;transform:rotate(-90deg)}.donut__label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2}.donut__label b{font-size:1.7rem}.donut__label small{opacity:.8;font-size:.75rem}.bars{display:flex;align-items:flex-end;gap:8px;height:120px;padding:0 4px}.bars__item{flex:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.bars__bar{width:100%;min-height:4px;border-radius:6px 6px 2px 2px;background:var(--gradient)}.bars__bar--out{background:var(--line)}.bars__labels{display:flex;gap:8px;padding:4px 4px 0;color:var(--muted);font-size:.68rem}.bars__labels span{flex:1;text-align:center}.skeleton{height:220px;border-radius:var(--radius);background:linear-gradient(90deg,var(--surface),var(--surface-2),var(--surface));background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200% 0}}.modal-backdrop{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(8,10,30,.55);backdrop-filter:blur(6px)}.modal{width:100%;max-width:480px;max-height:92vh;overflow-y:auto;background:var(--surface);border-radius:26px;padding:24px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);animation:pop .2s ease-out}@keyframes pop{from{transform:scale(.95);opacity:0}}.modal__head{display:flex;justify-content:space-between;align-items:center}.modal__head h3{margin:0}.modal__close{border:0;background:var(--surface-2);width:32px;height:32px;border-radius:50%;cursor:pointer}#toast{position:fixed;top:calc(16px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%,-140px);z-index:60;padding:10px 24px;border-radius:16px;background:var(--surface);border:1px solid var(--bad);color:var(--bad);box-shadow:0 16px 36px -14px rgba(0,0,0,.45);transition:transform .3s;font-weight:600}#toast.is-visible{transform:translate(-50%,0)}#toast.is-ok{border-color:var(--ok);color:var(--text)}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.ipreg{text-align:center;max-width:440px}.ipreg__badge{position:relative;width:84px;height:84px;margin:6px auto 14px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--gradient);box-shadow:0 18px 36px -14px var(--brand-1)}.ipreg__badge::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid var(--brand-1);opacity:.5;animation:ipreg-pulse 1.4s ease-out infinite}.ipreg--ok .ipreg__badge{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 18px 36px -14px #059669}.ipreg--ok .ipreg__badge::after{border-color:#10b981;animation-iteration-count:2}.ipreg--fail .ipreg__badge{background:linear-gradient(135deg,#f43f5e,#dc2626);box-shadow:0 18px 36px -14px #dc2626}.ipreg--fail .ipreg__badge::after{animation:none;opacity:0}@keyframes ipreg-pulse{from{transform:scale(.9);opacity:.6}to{transform:scale(1.35);opacity:0}}.ipreg__title{margin:0 0 4px;font-size:1.15rem}.ipreg__sub{margin:0 0 18px;color:var(--muted);min-height:1.5em}.ipreg__percent{font-size:2.2rem;font-weight:800;line-height:1;margin-bottom:10px;font-variant-numeric:tabular-nums}.ipreg__bar{height:12px;border-radius:99px;background:var(--surface-2);border:1px solid var(--line);overflow:hidden}.ipreg__fill{position:relative;height:100%;width:0;border-radius:99px;background:var(--gradient);transition:width .12s linear;overflow:hidden}.ipreg__fill::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-100%);animation:ipreg-shine 1.1s linear infinite}@keyframes ipreg-shine{to{transform:translateX(100%)}}.ipreg--ok .ipreg__fill{background:linear-gradient(90deg,#10b981,#34d399)}.ipreg--fail .ipreg__fill::after,.ipreg--ok .ipreg__fill::after{animation:none;opacity:0}.ipreg--fail .ipreg__fill{background:linear-gradient(90deg,#f43f5e,#fb7185)}.ipreg__steps{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px;text-align:start}.ipreg__steps li{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--muted);font-size:.92rem;transition:all .25s}.ipreg__steps li.is-active{color:var(--text);border-color:var(--brand-1);background:color-mix(in srgb,var(--brand-1) 8%,var(--surface))}.ipreg__steps li.is-done{color:var(--text);border-color:color-mix(in srgb,#10b981 45%,var(--line))}.ipreg__dot{width:22px;height:22px;flex:none;display:grid;place-items:center;border-radius:50%;border:2px solid var(--line)}.is-active .ipreg__dot{border-color:var(--brand-1) transparent var(--brand-1) var(--brand-1);animation:ipreg-spin .8s linear infinite}.is-done .ipreg__dot{border-color:#10b981;background:#10b981;color:#fff}@keyframes ipreg-spin{to{transform:rotate(360deg)}}.ipreg__ip{display:inline-block;margin:4px 0 16px;padding:8px 18px;border-radius:12px;font-size:1.3rem;font-weight:700;background:var(--surface-2);border:1px dashed #10b981;direction:ltr}.ipreg__check path{stroke-dasharray:30;stroke-dashoffset:30;animation:ipreg-draw .5s .15s ease-out forwards}.ipreg__check circle{stroke-dasharray:70;stroke-dashoffset:70;animation:ipreg-draw .6s ease-out forwards}@keyframes ipreg-draw{to{stroke-dashoffset:0}}.ipreg__sparks{position:absolute;inset:0;pointer-events:none}.ipreg__sparks i{position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3px;border-radius:50%;background:hsl(calc(var(--n) * 30),90%,60%);transform:rotate(calc(var(--n) * 30deg)) translateY(-34px);opacity:0;animation:ipreg-spark .9s .2s ease-out forwards}@keyframes ipreg-spark{20%{opacity:1}to{opacity:0;transform:rotate(calc(var(--n) * 30deg)) translateY(-78px) scale(.4)}}@media (prefers-reduced-motion:reduce){.ipreg__badge::after,.ipreg__fill::after,.ipreg__sparks{animation:none;display:none}}