:root{color-scheme:dark;--ink:#090b15;--ink-2:#12131f;--panel:#161623;--panel-2:#1d1b2c;--line:#d3b8ea20;--text:#f6f2fa;--muted:#a59ab5;--rose:#f53b9e;--grad:linear-gradient(110deg,#ed3292,#bb3d9e);--nav-bg:#10111e;--maxw:1240px;--gold:#eab0d1;--gold-l:#f5cae4;--gold-grad:linear-gradient(120deg,#e09fc4,#be9bdd)}
body::before{background:radial-gradient(ellipse at 0 0,#41305b20,transparent 60%),#090b15}.pnav{position:sticky;top:0;z-index:50;height:80px;background:#10111ef5;border-bottom:1px solid var(--line);padding:0 35px;backdrop-filter:blur(18px)}.pnav-brand{display:flex;align-items:center;gap:12px}.pnav-brand::after{content:'Rose Digital';font:800 21px system-ui;letter-spacing:-.5px}.pnav-brand img{width:43px;height:43px;border-radius:50%;object-fit:cover}.avatar{background:#ab4d9620;border:1px solid #cf83bc55;color:#efbadb}.logout-btn{border-radius:8px;border:1px solid #ffffff20;padding:8px 18px;color:#b7a9c6}.tabs-wrap{position:fixed;right:0;top:80px;bottom:0;width:220px;background:#10111b;border-left:1px solid var(--line);padding:30px 16px;z-index:40;margin:0;overflow-y:auto}.tabs{display:flex;flex-direction:column;gap:9px;border:0;padding:0;background:none;overflow:visible}.tab{width:100%;justify-content:flex-start;text-align:right;display:flex;align-items:center;gap:12px;padding:14px 17px;border-radius:11px;border:1px solid transparent;color:#a99bb9;font-size:13px;white-space:normal}.tab.active{background:linear-gradient(110deg,#cf368226,#a94f9a10);color:#ffc8e6;border-color:#d75c9f40;box-shadow:none}.tab:hover{background:#ffffff05}.tab svg{width:19px;height:19px}.tabs-wrap::before{content:'فضای کار شما';display:block;color:#736b85;font-size:11px;margin:0 16px 23px}.tabs-wrap::after{content:'ROSE DIGITAL';display:block;font:9px system-ui;letter-spacing:3px;color:#645a75;margin:50px 15px 0}#panelScreen>.wrap{width:auto;max-width:1300px;margin-right:220px;margin-left:auto;padding:32px 40px 65px}.card{background:linear-gradient(120deg,#191624,#121521);border:1px solid var(--line);border-radius:19px;padding:26px;box-shadow:0 12px 30px #00000012}.card-title{font-size:17px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:20px}.stat-card{background:#151521;border:1px solid var(--line);border-radius:17px;padding:24px;box-shadow:none}.stat-ic{border-radius:12px;background:#c175ad13!important;color:#e7a1cf!important;border:1px solid #d998c526}.stat-body b{font-size:30px;font-weight:800;letter-spacing:-1px}.stat-body span{font-size:12px;color:#a89cb7}.btn{border-radius:10px;font-weight:700;box-shadow:none}.btn-primary{background:var(--grad);border:1px solid #f07ab444;box-shadow:0 8px 25px #d2257a15}.btn-ghost{background:#ffffff04;border:1px solid var(--line)}.inp,select,textarea{background:#0e111d;color:var(--text);border-color:#c9a3d62b;border-radius:10px}.inp:focus,select:focus,textarea:focus{border-color:#e887be;box-shadow:0 0 0 3px #e887be10;outline:none}.auth-box{width:min(460px,100%);padding:40px;border-radius:23px;background:radial-gradient(ellipse at 0 0,#66305225,transparent 70%),#13131f;box-shadow:0 30px 100px #0008}.auth-logo img{border-radius:50%}.auth-title{font-size:25px}.auth-sub{font-size:13px}.otp-cell{background:#090d18;border-color:#a887bb40}.profile-prompt{background:#38233c44;border:1px solid #bb79a433;border-radius:12px;padding:16px}.workspace-welcome{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px;padding:32px;border:1px solid #c389c42b;border-radius:21px;background:radial-gradient(ellipse at 0 100%,#693b7833,transparent 65%),linear-gradient(125deg,#21182d,#121624)}.workspace-welcome small{display:block;font:9px system-ui;letter-spacing:3px;color:#ce9ac3;margin-bottom:12px}.workspace-welcome h1{font-size:28px;letter-spacing:-.6px;margin:0 0 8px}.workspace-welcome p{font-size:13px;color:#b2a2c0;max-width:500px;margin:0}.workspace-welcome a{white-space:nowrap;font-size:12px;padding:12px 18px;border:1px solid #ca8db943;border-radius:10px;background:#ffffff04}.workspace-welcome::after{content:'✦';position:absolute;font:160px system-ui;color:#f28ac609;left:150px;top:-35px;pointer-events:none}table{font-size:13px}th{color:#a899b7;font-size:11px;background:#ffffff03}td{border-color:var(--line)}.empty-state{padding:45px 20px;color:#9587a5}.copy-btn{background:#b879a112;border:1px solid #bf8bad33;border-radius:8px;color:#ecc1dc}a:focus-visible,button:focus-visible{outline:2px solid #f18ac3;outline-offset:3px}
@media(max-width:1000px){.tabs-wrap{width:185px;padding:24px 10px}#panelScreen>.wrap{margin-right:185px;padding:25px}.tab{padding:13px;font-size:12px}.workspace-welcome{padding:25px}.workspace-welcome h1{font-size:24px}.grid-3{gap:12px}}
@media(max-width:700px){.pnav{height:68px;padding:0 18px}.pnav-brand::after{font-size:16px}.pnav-brand img{width:32px;height:32px}.pnav-user{font-size:11px}.logout-btn{font-size:11px;padding:6px 10px}#panelScreen>.wrap{margin:0;padding:18px 16px 115px}.tabs-wrap{top:auto;bottom:0;left:0;right:0;width:100%;height:auto;padding:9px 7px max(9px,env(safe-area-inset-bottom));border:0;border-top:1px solid #c59bd333;background:#11111ff5;backdrop-filter:blur(18px);overflow:visible}.tabs-wrap::before,.tabs-wrap::after{display:none}.tabs{flex-direction:row;gap:3px;justify-content:space-around}.tab{flex:1;min-width:0;flex-direction:column;justify-content:center;gap:4px;padding:8px 2px;font-size:9px;border-radius:9px}.tab svg{width:18px;height:18px}.workspace-welcome{align-items:flex-start;flex-direction:column;padding:24px;gap:18px}.workspace-welcome h1{font-size:23px}.card{padding:20px;border-radius:16px}.stat-card{padding:17px}.stat-body b{font-size:25px}.auth-box{padding:30px 24px}.grid-3{grid-template-columns:1fr}.tab-content{overflow-wrap:anywhere}.card{overflow-x:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
#tab-dashboard>.grid-3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tabs .tab{font-size:13px}.stat-ic{box-shadow:none}.pnav-user{margin-right:auto;margin-left:18px}@media(max-width:700px){.tabs .tab{font-size:9px}#tab-dashboard>.grid-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{gap:10px;padding:14px}.stat-ic{width:34px;height:34px}.stat-body span{font-size:10px}.pnav-user{margin-left:10px}}
.auth-logo img,.pnav-brand img{border-radius:0;object-fit:contain;clip-path:none;overflow:visible}.pnav-brand img{width:48px;height:55px}.auth-logo img{width:85px;height:90px}.auth-logo{overflow:visible}
/* Embossed virtual card, all credentials supplied only after SMS verification. */
.visa-art{position:relative;isolation:isolate;overflow:hidden;width:min(100%,460px);aspect-ratio:1.586;margin:20px auto;padding:27px 30px;border-radius:23px;border:1px solid #ddb6e47a;background:radial-gradient(ellipse at 90% 0,#8e467a80,transparent 65%),linear-gradient(125deg,#34233f,#151c35 65%,#243660);box-shadow:0 25px 45px #0005,inset 0 1px 1px #ffebff77,inset 0 -1px 1px #080e23;display:flex;flex-direction:column;justify-content:space-between;color:#f9edf5;transform:none}.visa-art::before{content:'';position:absolute;inset:-45% -20%;z-index:-1;background:linear-gradient(120deg,transparent 30%,#f36ac012 31%,#e687c249 33%,#5f325044 40%,transparent 41%,transparent 60%,#a499ff22 61%,transparent 65%);transform:rotate(-12deg);pointer-events:none}.visa-art::after{content:'';position:absolute;inset:0;z-index:-1;opacity:.18;background:repeating-linear-gradient(0deg,transparent 0 2px,#f5d7ff25 3px,transparent 4px);pointer-events:none}.visa-art-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.visa-issuer{font:600 12px system-ui;letter-spacing:2.4px}.visa-issuer span{color:#f2add5;font-size:18px;margin-left:6px}.visa-type{font:8px system-ui;letter-spacing:1.6px;color:#cfb9d3}.visa-hardware{display:flex;align-items:center;gap:16px;margin-top:17px}.visa-metal-chip{width:49px;height:37px;filter:drop-shadow(0 1px 1px #0006)}.visa-security-mark{font:7px/1.8 system-ui;letter-spacing:1.5px;color:#bcafc9}.visa-art-number{font:500 clamp(17px,2.5vw,25px)/1.4 monospace;letter-spacing:2px;white-space:nowrap;text-shadow:0 1px 0 #fff7,0 -1px 1px #000c,1px 2px 3px #0009;margin:18px 0 16px;color:#eadce9}.visa-art-meta{display:flex;gap:28px}.visa-art-meta>span{display:flex;flex-direction:column;gap:4px}.visa-art-meta small{font:7px system-ui;letter-spacing:1.5px;color:#bbaac2}.visa-art-meta [data-card-expiry],.visa-art-meta [data-card-cvv]{font:14px monospace;letter-spacing:2px;text-shadow:0 1px 1px #0009}.visa-network{text-align:right}.visa-art-brand{font:italic 900 34px/.9 system-ui;letter-spacing:-1px;color:white;text-shadow:0 1px 2px #0004}.visa-network small{display:block;font:6px system-ui;letter-spacing:2px;color:#d3c8dc;margin-top:7px}.visa-rosette{position:absolute;right:30px;top:66px;font:95px system-ui;color:#ebbad30b;text-shadow:0 1px 0 #c48cbd18;z-index:-1}.visa-verify{max-width:460px;margin:18px auto;padding:20px;background:#ffffff03;border:1px solid var(--line);border-radius:14px;display:grid;gap:12px}.visa-verify label{font-size:12px;color:#c4b1d0}.visa-verify input{padding:12px;background:#0c101c;color:#fff;border:1px solid #c295b744;border-radius:8px;direction:ltr;text-align:center;font:22px monospace;letter-spacing:8px}.visa-reveal-status{font-size:12px;text-align:center;color:#b8a6c3;margin:14px 0}.visa-reveal-actions{justify-content:center;gap:8px;flex-wrap:wrap}.visa-reveal-actions .btn{font-size:11px}@media(max-width:480px){.visa-art{padding:20px;border-radius:18px}.visa-issuer{font-size:9px;letter-spacing:1.4px}.visa-type{font-size:6px;letter-spacing:.8px}.visa-hardware{margin-top:12px}.visa-metal-chip{width:40px;height:30px}.visa-art-number{font-size:18px;letter-spacing:.5px;margin:14px 0}.visa-art-meta{gap:18px}.visa-art-meta small{font-size:6px;letter-spacing:.7px}.visa-art-brand{font-size:29px}.visa-rosette{font-size:70px}}
