:root{--vision-bg-app:#f7f2e8;--vision-bg-surface:#fffaf0;--vision-bg-surface-soft:#f3eadb;--vision-bg-card:#fffdf7;--vision-sidebar:#001b18;--vision-sidebar-2:#062c27;--vision-sidebar-border:#dab76a3d;--vision-text:#11110f;--vision-muted:#6f6a5d;--vision-soft:#9a927f;--vision-emerald:#008f66;--vision-emerald-dark:#005f4e;--vision-gold:#d7a84f;--vision-copper:#b66a3c;--vision-red:#d33b24;--vision-amber:#e19528;--vision-border:#211d141a;--vision-shadow-soft:0 18px 45px #231b0e14;--vision-shadow-card:0 8px 28px #0f1a161a;--vision-radius-sm:7px;--vision-radius-md:12px;--vision-radius-lg:18px;--vision-space-1:4px;--vision-space-2:8px;--vision-space-3:12px;--vision-space-4:16px;--vision-space-5:20px;--vision-space-6:24px;--vision-space-8:32px;--vision-font:Vazirmatn, IRANSansX, Dana, Shabnam, Tahoma, "Segoe UI", Arial, sans-serif}*{box-sizing:border-box}html{background:var(--vision-bg-app);direction:rtl}body{min-width:320px;min-height:100vh;color:var(--vision-text);background:var(--vision-bg-app);font-family:var(--vision-font);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}:focus-visible{outline-offset:3px;outline:3px solid #d7a84f8c}.vui-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.vui-mark{width:var(--mark-size);height:var(--mark-size);border:2px solid var(--vision-gold);color:var(--vision-gold);flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.vui-mark:before,.vui-mark:after{content:"";opacity:.82;border:2px solid;position:absolute;inset:15%;transform:rotate(45deg)}.vui-mark:after{background:currentColor;border-radius:52% 0;inset:29% 12%;transform:rotate(45deg)}.vui-mark span{z-index:1;aspect-ratio:1;background:var(--vision-sidebar);width:20%;box-shadow:-5px -5px 0 -2px var(--vision-bg-surface);border-radius:50%}.vui-brand{align-items:center;gap:12px;min-width:0;display:flex}.vui-brand>span{gap:2px;display:grid}.vui-brand strong{letter-spacing:2.4px;font-size:18px}.vui-brand small{color:var(--vision-muted);font-size:12px}.vui-brand.is-inverse{color:#fff7e8}.vui-brand.is-inverse small{color:#fff7e89e}.vui-brand.is-inverse .vui-mark span{background:var(--vision-sidebar)}.vui-brand.is-compact strong{font-size:16px}.vui-button{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex}.vui-button:hover:not(:disabled){transform:translateY(-1px)}.vui-button:disabled{opacity:.55;cursor:not-allowed}.vui-button.is-primary{color:#fff;background:var(--vision-emerald-dark);box-shadow:0 8px 18px #005f4e29}.vui-button.is-secondary{color:var(--vision-emerald-dark);background:#008f660f;border-color:#005f4e33}.vui-button.is-ghost{color:var(--vision-muted);border-color:var(--vision-border);background:0 0}.vui-button.is-danger{color:#fff;background:var(--vision-red)}.vui-card{border:1px solid var(--vision-border);border-radius:var(--vision-radius-md);min-width:0;box-shadow:var(--vision-shadow-soft);background:#fffdf7f5}.vui-card.is-interactive{transition:transform .22s,border-color .22s,box-shadow .22s}.vui-card.is-interactive:hover{box-shadow:var(--vision-shadow-card);border-color:#008f6652;transform:translateY(-3px)}.vui-badge{border:1px solid var(--vision-border);border-radius:999px;align-items:center;width:fit-content;min-height:25px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-flex}.vui-badge.is-success{color:var(--vision-emerald-dark);background:#edf7f2;border-color:#008f6633}.vui-badge.is-warning{color:#76571d;background:#fff8e7;border-color:#d7a84f66}.vui-badge.is-danger{color:var(--vision-red);background:#d33b240f;border-color:#d33b2433}.vui-field{color:var(--vision-muted);gap:7px;font-size:13px;font-weight:700;display:grid}.vui-field small{color:var(--vision-soft);font-weight:500}.vui-field small.is-error{color:var(--vision-red)}.vui-input,.vui-select select,.vui-select-trigger{width:100%;min-width:0;height:43px;color:var(--vision-text);border:1px solid var(--vision-border);background:#fffdf8;border-radius:8px;outline:none;padding:0 12px}.vui-input:hover,.vui-select select:hover,.vui-select-trigger:hover{border-color:#005f4e47}.vui-input:focus,.vui-select select:focus,.vui-select-trigger:focus-visible{border-color:#008f668c;box-shadow:0 0 0 3px #008f6617}.vui-search,.vui-select{display:block;position:relative}.vui-search svg{top:12px;color:var(--vision-soft);position:absolute;inset-inline-start:12px}.vui-search input{padding-inline-start:39px}.vui-select>svg{inset-inline-end:11px;pointer-events:none;color:var(--vision-muted);position:absolute;top:14px}.vui-select select{appearance:none;padding-inline-end:34px}.vui-select-trigger{cursor:pointer;text-align:right;font:inherit;justify-content:space-between;align-items:center;gap:10px;display:flex}.vui-select-trigger>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.vui-select-trigger>svg{color:var(--vision-muted);flex:none;transition:transform .14s}.vui-select-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.vui-select-trigger:disabled{opacity:.55;cursor:not-allowed}.vui-select-popup{z-index:2200;overscroll-behavior:contain;background:var(--vision-bg-card);direction:rtl;border:1px solid #005f4e33;border-radius:10px;align-content:start;gap:3px;padding:5px;display:grid;overflow:auto;box-shadow:0 18px 45px #001b1838}.vui-select-popup button{min-height:38px;color:var(--vision-text);text-align:right;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 10px}.vui-select-popup button:hover,.vui-select-popup button.is-active{background:#008f6614}.vui-select-popup button.is-selected{color:var(--vision-emerald-dark);background:#008f661f;font-weight:900}.vui-select-popup button:focus-visible{outline:2px solid var(--vision-gold);outline-offset:-2px}.vui-select-popup button:disabled{opacity:.45;cursor:not-allowed}.vui-tabs{border:1px solid var(--vision-border);background:var(--vision-bg-surface-soft);border-radius:9px;gap:5px;padding:4px;display:flex;overflow-x:auto}.vui-tabs button{min-height:37px;color:var(--vision-muted);background:0 0;border:0;border-radius:7px;flex:1 0 auto;padding:0 14px;font-size:13px;font-weight:800}.vui-tabs button.is-active{color:#fff;background:var(--vision-emerald-dark);box-shadow:0 5px 12px #005f4e29}.vui-table-wrap{border:1px solid var(--vision-border);background:var(--vision-bg-card);border-radius:10px;width:100%;max-width:100%;overflow:auto}.vui-table{border-collapse:collapse;text-align:right;width:100%;min-width:680px}.vui-table th{color:var(--vision-muted);border-bottom:1px solid var(--vision-border);background:var(--vision-bg-surface-soft);padding:12px 14px;font-size:12px}.vui-table td{border-bottom:1px solid #211d1412;padding:13px 14px;font-size:13px}.vui-empty{min-height:220px;color:var(--vision-muted);text-align:center;background:#fffcf6b3;border:1px dashed #005f4e38;border-radius:12px;align-content:center;place-items:center;gap:9px;padding:28px;display:grid}.vui-empty-icon{width:54px;height:54px;color:var(--vision-gold);background:#d7a84f1a;border-radius:16px;place-items:center;display:grid}.vui-empty strong{color:var(--vision-text);font-size:16px}.vui-empty p{max-width:520px;margin:0;font-size:13px;line-height:1.9}.vui-skeleton{gap:10px;display:grid}.vui-skeleton span{background:linear-gradient(90deg,#eee7db 25%,#faf6ed 50%,#eee7db 75%) 0 0/200% 100%;border-radius:7px;height:16px;animation:1.4s infinite vuiShimmer}.vui-skeleton span:last-child{width:62%}.vui-loading{min-height:160px;color:var(--vision-muted);justify-content:center;align-items:center;gap:10px;display:flex}.vui-spin{animation:.8s linear infinite vuiSpin}.vui-page-header{border:1px solid var(--vision-border);min-width:0;box-shadow:var(--vision-shadow-soft);background:#fffcf6e6;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex}.vui-page-header>div:first-child{min-width:0}.vui-page-header span{color:var(--vision-emerald-dark);font-size:12px;font-weight:900}.vui-page-header h1{margin:3px 0;font-size:clamp(24px,2.3vw,30px)}.vui-page-header p{color:var(--vision-muted);margin:0;font-size:13px;line-height:1.8}.vui-page-actions{flex-wrap:wrap;gap:8px;display:flex}.vui-kpi{border-top:3px solid var(--vision-gold);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:13px;padding:16px;display:grid}.vui-kpi-icon{color:#fff;background:var(--vision-emerald-dark);border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.vui-kpi div{gap:4px;display:grid}.vui-kpi div>span,.vui-kpi small{color:var(--vision-muted);font-size:12px}.vui-kpi strong{font-size:25px}.vui-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#001b187a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.vui-dialog{background:var(--vision-bg-card);border:1px solid #d7a84f57;border-radius:12px;width:min(680px,100%);max-height:calc(100vh - 36px);overflow:auto;box-shadow:0 24px 70px #001b184d}.vui-dialog>header,.vui-drawer>header{color:#fff;background:var(--vision-sidebar-2);justify-content:space-between;align-items:flex-start;gap:16px;padding:17px 19px;display:flex}.vui-dialog h2,.vui-drawer h2{margin:0;font-size:19px}.vui-dialog header p{color:#ffffffad;margin:4px 0 0;font-size:12px}.vui-dialog-body{padding:19px}.vui-dialog>footer{border-top:1px solid var(--vision-border);justify-content:flex-end;gap:8px;padding:14px 19px;display:flex}.vui-icon-button{color:currentColor;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.vui-overlay.is-drawer{justify-items:start;padding:0}.vui-drawer{background:var(--vision-bg-app);width:min(680px,94vw);height:100%;overflow:auto;box-shadow:20px 0 60px #001b1847}.vui-drawer>div{padding:18px}.vui-tooltip{display:inline-flex;position:relative}.vui-tooltip:hover:after,.vui-tooltip:focus-within:after{content:attr(data-tooltip);z-index:20;color:#fff;background:var(--vision-sidebar);border-radius:6px;width:max-content;max-width:220px;padding:6px 8px;font-size:11px;position:absolute;inset-block-end:calc(100% + 7px);inset-inline-start:50%;transform:translate(50%)}.vui-sidebar{color:#fff7e8;border-inline-end:1px solid var(--vision-sidebar-border);background:linear-gradient(180deg,#d7a84f14,transparent 42%),linear-gradient(160deg,var(--vision-sidebar),var(--vision-sidebar-2));grid-template-rows:minmax(0,1fr) auto;height:100vh;padding:18px 16px 14px;display:grid;position:sticky;top:0;overflow:hidden}.vui-sidebar-content{z-index:1;grid-template-rows:auto minmax(0,1fr);gap:18px;min-height:0;display:grid}.vui-sidebar-lines{border:1px solid #d7a84f2e;border-radius:50%;width:170px;height:100px;position:absolute;inset:auto -42px 22px auto;transform:rotate(-18deg)}.vui-sidebar-lines:after{content:"";border:1px solid #d7a84f24;border-radius:50%;position:absolute;inset:16px}.vui-side-nav{align-content:start;gap:5px;min-height:0;display:grid;overflow-y:auto}.vui-side-nav button{color:#fff7e8c7;text-align:right;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:9px;width:100%;min-height:40px;padding:0 11px;transition:all .18s;display:flex}.vui-side-nav button svg{color:var(--vision-gold)}.vui-side-nav button:hover,.vui-side-nav button.is-active{color:#fff7e8;background:linear-gradient(270deg,#d7a84f38,#008f661a);border-color:#d7a84f40;box-shadow:inset 0 0 24px #d7a84f1a}.vui-sidebar footer{z-index:1}.vui-toast{z-index:1300;inset-inline-start:24px;color:#fff;background:var(--vision-sidebar-2);max-width:min(430px,100vw - 48px);box-shadow:var(--vision-shadow-card);border:1px solid #d7a84f66;border-radius:8px;align-items:center;gap:12px;padding:11px 14px;display:flex;position:fixed;bottom:24px}.vui-toast button{color:#fff;background:0 0;border:0;place-items:center;width:28px;height:28px;padding:0;display:grid}@keyframes vuiSpin{to{transform:rotate(360deg)}}@keyframes vuiShimmer{to{background-position:-200% 0}}@media (width<=760px){.vui-page-header{flex-direction:column;align-items:stretch;padding:16px}.vui-page-actions .vui-button{flex:1}.vui-dialog{border-radius:10px}.vui-toast{inset-inline:14px;max-width:none;bottom:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.vui-source-selector{gap:5px;min-width:190px;display:grid}.vui-source-selector>span{color:var(--vision-muted);font-size:10px;font-weight:800}.portal-page{isolation:isolate;color:#fff7e8;background:linear-gradient(118deg,#d7a84f14,#0000 32%),radial-gradient(circle at 72% 14%,#008f663d,#0000 28%),linear-gradient(145deg,#001b18 0%,#042a25 52%,#0a1714 100%);min-height:100svh;position:relative;overflow:hidden auto}.portal-atmosphere{z-index:-1;pointer-events:none;opacity:.55;background:linear-gradient(90deg,#fff7e80b 1px,#0000 1px) 0 0/52px 52px,linear-gradient(0deg,#fff7e80a 1px,#0000 1px) 0 0/52px 52px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 82%);mask-image:radial-gradient(#000,#0000 82%)}.portal-atmosphere span{border:1px solid #d7a84f2b;border-radius:50%;position:absolute;transform:rotate(-11deg)}.portal-atmosphere span:first-child{width:min(980px,82vw);height:min(390px,42vw);top:12%;left:-18%}.portal-atmosphere span:last-child{border-color:#008f6642;width:min(720px,68vw);height:min(270px,34vw);bottom:8%;right:-16%}.portal-shell{grid-template-rows:auto auto 1fr auto;gap:30px;width:min(1160px,100% - 40px);min-height:100svh;margin:0 auto;padding:28px 0 20px;display:grid}.portal-header{border-bottom:1px solid #fff7e81f;justify-content:space-between;align-items:center;gap:20px;padding-bottom:18px;display:flex}.portal-header .vui-brand small{color:#fff7e89e}.portal-header .vui-mark span{background:#001b18}.portal-status{color:#fff7e8a8;align-items:center;gap:8px;font-size:12px;display:flex}.portal-status i{background:var(--vision-gold);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #d7a84f17}.portal-intro{text-align:center}.portal-intro h1{letter-spacing:8px;margin:6px 0 0;font-size:clamp(46px,7vw,76px);line-height:1}.portal-intro p{color:#fff7e8ad;margin:13px 0 0;font-size:clamp(15px,2vw,19px)}.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-self:center;gap:18px;display:grid}.portal-app-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(150deg,#fffaf01f,#fffaf00e);border-color:#fff7e821;overflow:hidden;box-shadow:0 22px 55px #00000026}.portal-app-card.is-interactive:hover{border-color:#d7a84f66;box-shadow:0 25px 60px #00000038,inset 0 0 36px #d7a84f0d}.portal-app-card button{width:100%;min-height:188px;color:inherit;text-align:right;background:0 0;border:0;grid-template-rows:1fr auto;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px 16px;padding:24px;display:grid}.portal-card-icon{width:64px;height:64px;color:var(--vision-gold);background:#d7a84f14;border:1px solid #d7a84f59;border-radius:18px;place-items:center;display:grid}.portal-card-copy{gap:8px;display:grid}.portal-card-copy strong{font-size:19px}.portal-card-copy small{color:#fff7e894;font-size:13px;line-height:1.8}.portal-card-action{color:#e6c273;grid-column:1/-1;justify-content:flex-end;align-items:center;gap:7px;font-size:13px;font-weight:800;display:flex}.portal-app-card button:hover .portal-card-action svg{transform:translate(-2px,-2px)}.portal-card-action svg{transition:transform .18s}.portal-app-card.is-unavailable{opacity:.68;border-style:dashed}.portal-app-card.is-unavailable .portal-card-action{color:#fff7e894}.portal-app-card button:focus-visible{outline:3px solid var(--vision-gold);outline-offset:-4px;border-radius:14px}.portal-app-card button[aria-disabled=true]{cursor:not-allowed}.portal-shell>footer{color:#fff7e861;letter-spacing:1.8px;justify-content:center;gap:10px;font-size:10px;display:flex}.portal-shell>footer span{letter-spacing:0}@media (width<=760px){.portal-shell{gap:24px;width:calc(100% - 28px);max-width:620px;padding-top:20px}.portal-header{min-width:0}.portal-header .vui-brand{max-width:100%}.portal-status{display:none}.portal-grid{grid-template-columns:1fr;gap:12px}.portal-app-card button{min-height:140px;padding:18px}.portal-card-icon{border-radius:15px;width:54px;height:54px}.portal-card-copy strong{font-size:17px}.portal-intro h1{font-size:44px}.portal-atmosphere span:first-child{top:20%;left:-60%}.portal-atmosphere span:last-child{right:-65%}}.portal-shell{grid-template-columns:minmax(0,1fr)}
