@font-face{font-family:Vazirmatn;src:url("../fonts/Vazirmatn-Regular.woff2") format("woff2");font-display:swap}
@font-face{font-family:Inter;src:url("../fonts/InterVariable.woff2") format("woff2");font-display:swap}
:root{--bg:#070b12;--surface:#0e151f;--surface2:#131d29;--line:#223044;--text:#edf5ff;--muted:#8fa1b5;--blue:#58a6ff;--cyan:#42d9e8;--violet:#9f7aea;--emerald:#4de2a8;--danger:#ff6680;--shadow:0 22px 70px #0008;--radius:18px}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:radial-gradient(circle at 80% -10%,#152843 0,transparent 34%),var(--bg);color:var(--text);font-family:Inter,Vazirmatn,system-ui,sans-serif;min-height:100vh}html[dir=rtl] body{font-family:Vazirmatn,Inter,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{display:block}
.app-shell{display:grid;grid-template-columns:255px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 16px;border-inline-end:1px solid var(--line);background:#080d14e8;backdrop-filter:blur(18px);z-index:20}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:19px;padding:4px 8px 24px}.brand small{display:block;color:var(--muted);font-size:10px;font-weight:500;letter-spacing:.06em}.brand-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,var(--cyan),var(--violet));color:#061018;box-shadow:0 8px 28px #42d9e844}.sidebar nav{display:grid;gap:5px}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:11px;color:var(--muted);border:1px solid transparent;transition:.18s}.nav-link img{width:19px;filter:invert(70%)}.nav-link:hover,.nav-link.active{color:var(--text);background:#152131;border-color:#263951}.nav-link.active{box-shadow:inset 3px 0 var(--cyan)}html[dir=rtl] .nav-link.active{box-shadow:inset -3px 0 var(--cyan)}.logout-form{position:absolute;inset-inline:16px;bottom:20px}.button-reset{width:100%;background:transparent}.workspace{min-width:0}.topbar{height:76px;padding:0 36px;display:flex;justify-content:flex-end;align-items:center;gap:12px;border-bottom:1px solid #1b2736;background:#090e16b8;backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.topbar div{text-align:end}.topbar small{display:block;color:var(--emerald);font-size:11px}.avatar{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#243850,#162335);border:1px solid #38516d;font-weight:800}.page{padding:36px;max-width:1500px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.page-heading h1{font-size:32px;margin:4px 0 7px;letter-spacing:-.035em}.page-heading p{margin:0;color:var(--muted)}.back{color:var(--cyan);font-size:13px}
.button{border:1px solid transparent;border-radius:11px;padding:10px 16px;color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;transition:.18s}.button:hover{transform:translateY(-1px)}.button.primary{background:linear-gradient(120deg,#2788ff,#7758e8);box-shadow:0 10px 30px #286fd133}.button.secondary{background:#182536;border-color:#2d4258}.button.danger{background:#361721;border-color:#713044;color:#ff93a5}.button.full{width:100%}.button.small{padding:7px 10px;font-size:12px}.icon-button{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center}.icon-button img{width:20px;filter:invert(1)}.mobile-only{display:none}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.metrics article,.panel,.build-card,.auth-card{background:linear-gradient(145deg,#111a26e8,#0d141ee8);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 14px 44px #0003}.metrics article{padding:20px}.metrics span,.metrics small{display:block;color:var(--muted);font-size:12px}.metrics strong{display:block;font-size:27px;margin:10px 0}.metrics.compact strong{font-size:20px}.dashboard-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.panel{padding:22px;margin-bottom:18px}.section-head{display:flex;align-items:center;justify-content:space-between}.section-head h2,.panel h2{margin:0 0 16px}.section-head a{color:var(--cyan);font-size:13px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-grid a{display:grid;grid-template-columns:40px 1fr;column-gap:12px;padding:16px;border:1px solid #25354a;border-radius:13px;background:#101925;transition:.18s}.quick-grid a:hover{border-color:#4e75a0;transform:translateY(-2px)}.quick-grid img{width:24px;grid-row:1/3;filter:invert(78%) sepia(60%) saturate(500%) hue-rotate(140deg)}.quick-grid span,.compact-list small{color:var(--muted);font-size:12px}.compact-list{display:grid}.compact-list>a{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #1d2a39}.compact-list em{font-size:11px;color:var(--emerald)}.build-glyph{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#16283a;color:var(--cyan);font-size:23px}
.toolbar,.form-grid,.action-row{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.toolbar input{flex:1}.toolbar input,.toolbar select,input,select{background:#0c141e;border:1px solid #2b3d52;border-radius:10px;color:var(--text);padding:11px 13px;outline:none}input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #42d9e818}.build-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:15px}.build-card{padding:19px;transition:.18s}.build-card:hover{transform:translateY(-3px);border-color:#3b5877}.build-card-top{display:flex;justify-content:space-between}.build-card h2{font-size:18px;margin:16px 0 7px}.build-card p{color:var(--muted);font-size:13px}.build-meta{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0}.build-meta span,.badge,.chip,.status{padding:5px 9px;border-radius:99px;background:#1d2b3c;color:#a8bbce;font-size:10px;border:1px solid #2a3d52}.status.valid{color:var(--emerald)}.chip{background:#182536;color:var(--text)}.chip.danger{color:#ff9aac}.action-panel{background:linear-gradient(135deg,#112438,#111726)}details{margin:14px 0;border-top:1px solid var(--line);padding-top:14px}summary{cursor:pointer;color:var(--cyan);font-weight:700}.form-grid label,.wizard label,.settings-form label,.upload-zone label{display:grid;gap:7px;color:var(--muted);font-size:12px}.shared-list{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}
.upload-zone{border:1px dashed #3d5a78;border-radius:22px;min-height:290px;padding:34px;display:grid;place-items:center;text-align:center;background:linear-gradient(145deg,#101b28aa,#0a111aaa);margin-bottom:20px}.upload-zone>img{width:55px;filter:invert(75%) sepia(80%) saturate(500%) hue-rotate(140deg)}.upload-zone input[type=file]{max-width:340px}.progress{height:8px;border-radius:10px;background:#1b2838;overflow:hidden;width:100%}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--violet));width:0}.table-list,.job-list,.incident-list{display:grid;gap:9px}.table-list article,.job-list article,.incident-list article{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#0d151f}.table-list article>span:nth-child(2),.incident-list article>div:nth-child(2){flex:1}.table-list small,.job-list small,.incident-list small{display:block;color:var(--muted);margin-top:4px}.file-icon{width:44px;height:44px;border-radius:11px;background:#182c40;display:grid;place-items:center;font-size:10px;color:var(--cyan);font-weight:800}.row-actions{display:flex;gap:6px}.job-list .progress{flex:1}.job-list strong{width:45px}.severity{width:9px;height:42px;border-radius:9px;background:var(--danger)}.incident-list code{display:block;margin:4px}
.wizard{max-width:850px}.wizard-step{display:grid;grid-template-columns:38px 1fr 1fr;gap:12px;align-items:end;padding:14px 0;border-bottom:1px solid var(--line)}.wizard-step>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#1b3550;color:var(--cyan);font-weight:800}.palette-tabs details{border:0;border-bottom:1px solid var(--line)}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:9px;padding:14px 0}.swatches span{min-width:0}.swatches i{display:block;height:58px;background:var(--swatch);border-radius:10px;border:1px solid #ffffff22}.swatches small{display:block;overflow:hidden;text-overflow:ellipsis;margin-top:5px;color:var(--muted);font-size:9px}
.docs-layout{display:grid;grid-template-columns:290px minmax(0,850px);gap:30px;align-items:start}.docs-sidebar{position:sticky;top:100px}.docs-sidebar h1{font-size:22px}.docs-sidebar input{width:100%;margin:10px 0 18px}.docs-sidebar nav{display:grid;max-height:65vh;overflow:auto}.docs-sidebar a{padding:10px;border-inline-start:2px solid var(--line)}.docs-sidebar a.active{border-color:var(--cyan);background:#142130}.docs-sidebar small{display:block;color:var(--muted)}.docs-article{background:#0d151fcf;border:1px solid var(--line);border-radius:22px;padding:38px}.docs-article header>span{color:var(--cyan)}.docs-article header h1{font-size:34px}.docs-article header p{color:var(--muted)}.markdown-body{line-height:2}.markdown-body h2{margin-top:38px;border-bottom:1px solid var(--line);padding-bottom:8px}.markdown-body code{background:#182536;border-radius:5px;padding:2px 6px}.markdown-body pre{background:#070c12;padding:18px;border-radius:12px;overflow:auto;border:1px solid #273a50;direction:ltr;text-align:left}.markdown-body blockquote{margin:20px 0;padding:12px 18px;border-inline-start:4px solid var(--cyan);background:#102331}.markdown-body table{width:100%;border-collapse:collapse}.markdown-body th,.markdown-body td{padding:9px;border:1px solid var(--line)}
.notice{padding:13px 16px;border-radius:12px;border:1px solid #2f4a63;background:#102234;margin-bottom:16px}.notice.error{border-color:#733044;background:#2d121b}.notice.success{border-color:#26694f;background:#0f2b22}.notice.info{color:#bdd8ed}.notice code,.notice span{margin-inline-start:10px}.empty{padding:70px 24px;text-align:center;border:1px dashed #30455c;border-radius:var(--radius);color:var(--muted)}.error-state img{width:52px;margin:0 auto 15px;filter:invert(55%) sepia(70%) saturate(800%) hue-rotate(300deg)}.login-layout{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.login-visual{position:relative;overflow:hidden;padding:42px 6vw;background:radial-gradient(circle at 30% 45%,#173e5e,transparent 35%),linear-gradient(145deg,#080e17,#0b1724)}.voxel-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(#46d5ff33 1px,transparent 1px),linear-gradient(90deg,#46d5ff33 1px,transparent 1px);background-size:42px 42px;transform:perspective(500px) rotateX(60deg) scale(1.5);transform-origin:bottom}.login-brand{position:relative}.login-copy{position:absolute;z-index:2;top:43%;max-width:680px}.login-copy h1{font-size:clamp(48px,6vw,88px);line-height:1.05;margin:0}.login-copy h1 span{background:linear-gradient(90deg,var(--cyan),#8e7bff);color:transparent;background-clip:text}.login-copy p{font-size:18px;color:#a9bdd0;max-width:560px;line-height:1.8}.login-panel{display:grid;place-items:center;padding:28px}.auth-card{width:min(440px,100%);padding:34px}.auth-card h2{font-size:25px}.auth-card>p{color:var(--muted);line-height:1.8}.auth-card label{display:grid;gap:8px;color:var(--muted);margin:20px 0}.icon-orb{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#162d42}.icon-orb img{width:26px;filter:invert(80%)}.device-result{margin-top:18px;padding:16px;background:#081019;border:1px solid #29425a;border-radius:13px}.device-result code{display:block;direction:ltr;text-align:center;font-size:18px;color:var(--cyan);padding:14px}.pulse{color:var(--emerald)!important}.toast-root{position:fixed;bottom:20px;right:20px;z-index:99}
@media(max-width:1050px){.metrics{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.login-layout{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh}.docs-layout{grid-template-columns:240px 1fr}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;width:265px;inset-inline-start:-280px;transition:.2s;box-shadow:var(--shadow)}.sidebar.open{inset-inline-start:0}.mobile-only{display:grid}.topbar{padding:0 16px;justify-content:space-between}.page{padding:22px 15px}.page-heading{align-items:start;flex-direction:column}.metrics{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:1fr}.docs-layout{grid-template-columns:1fr}.docs-sidebar{position:static}.docs-sidebar nav{display:flex;overflow:auto}.docs-sidebar a{min-width:190px}.docs-article{padding:22px}.wizard-step{grid-template-columns:36px 1fr}.build-grid{grid-template-columns:1fr}.table-list article,.incident-list article{align-items:flex-start;flex-wrap:wrap}.row-actions{width:100%;flex-wrap:wrap}}
@media(max-width:430px){.metrics{grid-template-columns:1fr}.page-heading h1{font-size:27px}.docs-article header h1{font-size:27px}.auth-card{padding:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}