@font-face{font-family:Vazir;src:url('assets/Vazir-Bold.woff2') format('woff2');font-weight:600 900;font-display:swap}@font-face{font-family:Vazir;src:url('assets/Vazir.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}body{margin:0;font-family:Vazir,Tahoma,sans-serif;color:#3c302b;background:#faf8f5;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button{border:0;background:none;color:inherit}input,select,textarea{width:100%;background:#fff;border:1px solid #e7dfd8;border-radius:12px;padding:12px 14px;color:#40352e;outline:none}input:focus,select:focus,textarea:focus{border-color:#ef7246;box-shadow:0 0 0 3px #ef724619}button:focus-visible,a:focus-visible{outline:3px solid #a95dce;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-.8px}h2{font-size:20px}h3{font-size:16px}.muted{color:#8e827b}.tiny{font-size:11px}.small{font-size:12px}.ltr{direction:ltr;unicode-bidi:embed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:12px;background:#f0ebe5;font-weight:600;transition:.2s}.btn:hover{transform:translateY(-1px);background:#e9e0d6}.btn.primary{background:#ed6439;color:#fff;box-shadow:0 5px 14px #dd613322}.btn.primary:hover{background:#d8522a}.btn.outline{background:transparent;border:1px solid #e4d9d0}.btn.danger{color:#ba4a3b;background:#fff0ed}.btn.slim{padding:7px 12px;font-size:12px}.icon{width:20px;height:20px;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.brand{display:flex;align-items:center;gap:12px;direction:ltr}.brand img.samd{width:93px;height:45px;object-fit:contain}.brand .brand-samd{background:#30312e;padding:7px 12px;border-radius:12px;display:flex}.brand img.obs{width:31px;height:39px}.brand .times{font-size:19px;color:#9a7c6b}.pill{display:inline-flex;gap:6px;align-items:center;border-radius:30px;padding:5px 10px;font-size:11px;background:#fff5ee;color:#9c6044;white-space:nowrap}.pill.green{color:#3d806f;background:#eaf5ef}.pill.purple{color:#8254ad;background:#f2eafa}.pill.red{color:#b34d3d;background:#fff0e9}.dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:currentColor}.login{min-height:100dvh;background:radial-gradient(ellipse at 10% 20%,#ffe0bf 0,transparent 50%),radial-gradient(ellipse at 88% 82%,#ff9369 0,transparent 54%),#ffb282;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:30px 5vw}.login:before{content:'';position:absolute;width:600px;height:600px;left:-430px;top:90px;border:1px solid #fff6;border-radius:50%;box-shadow:0 0 0 70px #fff1,0 0 0 140px #fff1}.login-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.login-top .brand .brand-samd{background:#4b3930}.login-main{display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:1200px;width:100%;margin:auto;gap:8vw;padding:45px 0}.login-art{text-align:center;position:relative;order:1}.login-art h1{font-size:40px;line-height:1.8;margin:0}.login-art p{color:#775344;font-size:15px;margin:14px auto;max-width:330px;line-height:2}.art{height:340px;width:340px;position:relative;margin:0 auto 15px;display:grid;place-items:center}.mandala{position:absolute;inset:0;width:100%;height:100%;color:#f0704280}.gem{width:130px;height:165px;filter:drop-shadow(0 20px 25px #9949a145);position:relative;z-index:1;transform:rotate(-8deg)}.float-tag{position:absolute;z-index:2;backdrop-filter:blur(10px);background:#fff8;border:1px solid #fffa;border-radius:12px;padding:9px 13px;box-shadow:0 10px 35px #a6662520;display:flex;gap:8px;align-items:center;font-size:12px}.tag1{right:-8px;top:65px;transform:rotate(5deg)}.tag2{left:-15px;bottom:55px;transform:rotate(-5deg)}.login-card{order:2;background:linear-gradient(135deg,#fff9,#ffe3cc88);border:1px solid #fff9;box-shadow:0 25px 80px #95543820;backdrop-filter:blur(18px);border-radius:30px;padding:42px;width:100%;max-width:405px;justify-self:end}.eyebrow{color:#ad593a;letter-spacing:1px;font-size:11px;margin-bottom:12px}.login-card h2{font-size:27px;margin-bottom:8px}.login-card>p{line-height:1.9;margin-bottom:27px}.field{display:block;margin-bottom:18px}.field>span{display:block;font-size:12px;margin-bottom:8px}.login-card input{background:#fff9;border-color:#fff9}.password{position:relative}.password input{padding-left:44px}.password button{position:absolute;left:9px;top:9px;padding:5px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.check{display:flex;gap:8px;align-items:center;font-size:12px}.check input{width:15px;accent-color:#ed6439}.login-card .primary{width:100%;margin:20px 0 15px;padding:13px}.login-bottom{display:flex;justify-content:space-between;font-size:11px;color:#805b49;position:relative}.line{height:1px;background:#e6dcd3;margin:22px 0}.login-card .line{background:#c67b4325}.lock-note{display:flex;gap:10px;align-items:center;font-size:11px;color:#876f62;line-height:1.9}.login-card .lock-note{color:#846352}.sidebar{position:fixed;right:0;top:0;bottom:0;width:245px;background:#fffdf9;border-left:1px solid #eae3dc;z-index:30;display:flex;flex-direction:column;padding:25px 16px}.sidebar .brand{justify-content:center;margin:3px 0 24px}.workspace-label{font-size:11px;color:#b29b8c;padding:14px 15px 8px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:12px;color:#8b7d72;margin:4px 0;font-size:13px;width:100%;text-align:right}.nav-item:hover{background:#f8f1e9}.nav-item.active{color:#d5623c;background:#fff0e6;font-weight:600}.nav-item .count{margin-right:auto;font-size:10px;background:#fff6;padding:2px 6px;border-radius:6px}.sidebar-bottom{margin-top:auto;border-top:1px solid #eee5dc;padding-top:15px}.side-user{display:flex;align-items:center;gap:10px;padding:7px}.avatar{display:grid;place-items:center;width:38px;height:38px;background:#f6e4d5;color:#ac6f4c;border-radius:12px;font-size:13px;flex-shrink:0}.avatar.purple{background:#eee5f5;color:#8967a6}.shell{padding-right:245px;min-height:100vh}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#fffdf9b8;border-bottom:1px solid #ebe5de;gap:15px}.topbar-left{display:flex;gap:14px;align-items:center}.search-small{display:flex;align-items:center;gap:10px;color:#a29388;font-size:12px}.keyboard{border:1px solid #e8dfd5;padding:2px 5px;border-radius:5px;font-size:10px}.main{max-width:1500px;margin:0 auto;padding:32px 38px 45px}.heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:27px}.heading h1{font-size:26px;margin-bottom:9px}.heading p{color:#938579;font-size:12px;line-height:1.8;margin:0}.breadcrumb{color:#a99585;font-size:11px;margin-bottom:12px}.demo-strip{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#f2edf7;color:#82649a;border:1px solid #e9e0f0;border-radius:12px;padding:10px 15px;font-size:11px;margin-bottom:24px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:23px}.stat{background:#fffdf9;border:1px solid #ebe3da;border-radius:18px;padding:20px;position:relative}.stat-icon{position:absolute;left:18px;top:19px;padding:10px;display:flex;background:#fff0e3;color:#d47b4e;border-radius:13px}.stat-label{color:#8f8176;font-size:12px;margin-bottom:15px}.stat strong{font-size:28px;font-weight:500;display:block}.stat small{display:block;color:#9f9184;margin-top:10px;font-size:10px}.grid2{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;margin-bottom:23px}.card{background:#fffdf9;border:1px solid #ebe3da;border-radius:18px;padding:23px;margin-bottom:22px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:12px}.card-head h2{font-size:15px;margin:0}.card-head p{font-size:11px;color:#a28f80;margin:6px 0 0}.greeting{background:linear-gradient(115deg,#ffead8,#ffe1c7);border-color:#f3d8bd;position:relative;overflow:hidden;padding:26px}.greeting h2{font-size:23px;margin-bottom:8px}.greeting p{font-size:12px;color:#99755a;line-height:2;max-width:68%}.greeting img{position:absolute;left:37px;top:30px;width:65px;opacity:.8;transform:rotate(-13deg)}.chart{height:150px;display:flex;align-items:flex-end;justify-content:space-around;gap:15px;padding:10px 10px 0;border-bottom:1px solid #eee3d7}.bar-wrap{height:100%;width:36px;display:flex;align-items:flex-end;position:relative;padding-bottom:22px}.bar{width:100%;border-radius:6px 6px 0 0;background:#edb18d;transition:height .4s}.bar-wrap:nth-child(odd) .bar{background:#f4d2b9}.bar-wrap span{position:absolute;bottom:0;width:100%;text-align:center;font-size:10px;color:#ac9a8c}.chart-caption{font-size:10px;color:#ad9b8b;margin-top:13px}.activity{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #f0e8df}.activity:last-child{border:0}.activity .avatar{width:32px;height:32px;font-size:11px}.activity p{font-size:12px;margin:0 0 5px}.activity small{font-size:10px;color:#ac9a8c}.storage-row{display:flex;gap:13px;align-items:center;padding:15px 0}.storage-row .iconbox{background:#f4ede4;padding:12px;border-radius:12px}.progress{height:6px;background:#f0e9e0;border-radius:6px;overflow:hidden;margin:12px 0}.progress>i{display:block;height:100%;background:#dca17a;border-radius:6px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap}th{font-size:11px;font-weight:400;color:#a59080;padding:13px 15px;background:#faf6ef;border-top:1px solid #efe6db;border-bottom:1px solid #efe6db}td{font-size:12px;padding:17px 15px;border-bottom:1px solid #f0e8df}tr:last-child td{border-bottom:0}td .row{gap:9px}.table-card{padding:0;overflow:hidden}.table-card .card-head{padding:22px 22px 0}.toolbar{display:flex;gap:12px;margin-bottom:20px}.toolbar input{max-width:340px;background:#fffdf9}.toolbar select{width:auto;min-width:130px;background:#fffdf9}.empty{text-align:center;padding:50px 20px;color:#9a8879}.vault-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.vault-card{padding:22px;background:#fffdf9;border:1px solid #e9dfd4;border-radius:18px}.vault-icon{width:47px;height:47px;border-radius:14px;display:grid;place-items:center;color:#a77cc3;background:#f2e9f9;margin-bottom:20px}.vault-card h2{font-size:17px;margin-bottom:8px}.vault-card p{font-size:11px;color:#a18d7d;line-height:1.8}.vault-meta{display:flex;justify-content:space-between;font-size:11px;color:#9e8c7e;margin:23px 0 18px}.vault-footer{display:flex;gap:8px;align-items:center;border-top:1px solid #f1e6dc;padding-top:16px}.vault-footer .primary{margin-right:auto}.modal-back{position:fixed;inset:0;background:#35291f66;backdrop-filter:blur(5px);z-index:100;display:grid;place-items:center;padding:20px}.modal{background:#fffdf9;border-radius:24px;padding:28px;max-width:520px;width:100%;max-height:90dvh;overflow:auto;box-shadow:0 30px 100px #291f3030}.modal h2{font-size:20px;margin:0}.modal header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.modal header button{font-size:25px;color:#ad9c8d}.modal>p{font-size:12px;line-height:2;color:#9e8b7d;margin:10px 0 24px}.modal footer{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.form-grid .full{grid-column:1/-1}#toast{position:fixed;bottom:25px;left:25px;z-index:200;background:#3e423a;color:#fff;padding:13px 22px;border-radius:14px;box-shadow:0 10px 40px #0002;opacity:0;transform:translateY(15px);transition:.2s;pointer-events:none;font-size:12px;max-width:calc(100vw - 40px)}#toast.show{opacity:1;transform:translateY(0)}.setting{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid #efe6db;gap:20px}.setting h3{font-size:13px;margin:0 0 7px}.setting p{font-size:11px;color:#9b8b7c;margin:0;line-height:1.9}.switch{width:42px;height:25px;min-width:42px;border-radius:20px;background:#ded6cd;padding:3px;display:flex;align-items:center;direction:ltr}.switch:before{content:'';width:19px;height:19px;border-radius:100%;background:#fff;box-shadow:0 2px 4px #0001}.switch.on{background:#e99c70;justify-content:flex-end}.device{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid #e9e0d6;border-radius:14px;margin-bottom:13px}.device .spacer{flex:1}.device h3{margin:0 0 5px;font-size:14px}.device p{font-size:11px;color:#9e8b7c;margin:0}.connection{border:1px solid #e8dfd4;border-radius:15px;padding:20px;display:flex;gap:16px;align-items:center;margin-bottom:15px}.connection h3{margin:0 0 5px}.connection p{font-size:11px;color:#a18d7b;margin:0}.connection .btn{margin-right:auto}.editor{display:grid;grid-template-columns:230px 1fr;background:#fffdf9;border:1px solid #e6dcd2;border-radius:18px;min-height:550px;overflow:hidden}.file-tree{background:#f6f1ea;border-left:1px solid #e8ded1;padding:20px 12px}.file-tree h3{font-size:13px;margin:5px 8px 20px}.file{display:flex;align-items:center;gap:8px;width:100%;padding:11px 9px;font-size:12px;border-radius:8px;text-align:right;margin-bottom:5px}.file.active{background:#eaded1;color:#9a603e}.file .icon{width:16px;height:16px}.editor-body{padding:30px}.editor textarea{border:0;background:none;resize:vertical;min-height:310px;line-height:2.3;padding:0;margin-top:24px;box-shadow:none}.editor textarea:disabled{color:#a29081}.lock-banner{background:#fff1df;border:1px solid #efd5b6;border-radius:11px;padding:13px;display:flex;gap:10px;align-items:center;font-size:12px;color:#a57b4e;line-height:2}.design-colors{display:flex;gap:10px;flex-wrap:wrap}.swatch{height:95px;min-width:110px;flex:1;border-radius:12px;padding:14px;display:flex;align-items:flex-end;font-size:11px}.mobile-menu{display:none}.mobile-scrim{display:none}.badge-count{background:#f1e7de;color:#b48a6c;font-size:10px;border-radius:6px;padding:2px 7px}.footer-note{color:#b3a394;font-size:10px;text-align:center;margin:25px 0 0}.error{color:#a94031;font-size:11px;line-height:1.8}.login-error{min-height:0}.tagline{font-size:10px;color:#a59182;margin-top:8px}.user-detail{display:flex;align-items:center;gap:15px;margin-bottom:25px}.user-detail .avatar{width:60px;height:60px;font-size:21px}.notice{background:#fff4e7;border:1px solid #efdac0;color:#a67a49;padding:14px 17px;border-radius:12px;font-size:12px;line-height:2;margin-bottom:20px}@media(min-width:1600px){.login-main{gap:150px}.login-card{max-width:435px;padding:50px}}@media(max-width:1100px){.sidebar{width:210px}.shell{padding-right:210px}.main{padding:25px}.topbar{padding:0 25px}.stats{gap:12px}.stat{padding:15px}.stat-icon{display:none}.vault-grid{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr 1fr}.login-main{gap:35px}.art{width:285px;height:285px}.login-card{padding:30px}}@media(max-width:780px){.sidebar{transform:translateX(100%);transition:.25s;width:245px}.sidebar.open{transform:translateX(0)}.mobile-scrim.open{display:block;position:fixed;inset:0;background:#0005;z-index:25}.shell{padding:0}.mobile-menu{display:block;padding:5px}.topbar{height:68px;padding:0 18px}.topbar .search-small,.topbar .keyboard,.topbar .date{display:none}.topbar-left{gap:9px}.main{padding:23px 17px}.heading h1{font-size:23px}.heading{gap:12px}.heading .btn{font-size:11px;padding:10px 12px}.stats{grid-template-columns:repeat(2,1fr);gap:11px}.stat{border-radius:14px}.stat strong{font-size:25px}.grid2{grid-template-columns:1fr;gap:0}.card{padding:19px}.table-card{padding:0}.vault-grid{gap:13px}.vault-card{padding:17px}.vault-card h2{font-size:15px}.demo-strip{font-size:10px;align-items:flex-start}.demo-strip>span{line-height:1.8}.login{padding:24px;min-height:100dvh}.login-main{display:flex;flex-direction:column;gap:20px;padding:28px 0}.login-art{order:1}.login-card{order:2;max-width:430px;padding:28px;border-radius:24px}.login-art .art{height:155px;width:155px;margin:0 auto 12px}.gem{width:65px;height:90px}.float-tag{display:none}.login-art h1{font-size:24px}.login-art p{display:none}.login-top .pill{font-size:9px}.login-top .brand .samd{width:68px;height:35px}.login-top .brand .obs{width:23px;height:31px}.login-top .brand{gap:8px}.login-bottom{justify-content:center;font-size:10px;padding-top:10px}.login-bottom span:last-child{display:none}.login-card>p{margin-bottom:22px}.editor{grid-template-columns:1fr}.file-tree{display:flex;overflow:auto;align-items:center;padding:10px;border-left:0;border-bottom:1px solid #e8ded1}.file-tree h3{display:none}.file{white-space:nowrap;width:auto;margin:0;font-size:11px}.editor-body{padding:22px}.toolbar{flex-wrap:wrap}.toolbar input{max-width:none;flex:1;min-width:170px}.toolbar select{min-width:100px;font-size:12px}.connection{flex-wrap:wrap}.heading .row{flex-wrap:wrap;justify-content:flex-end}.greeting p{max-width:75%}.greeting img{left:20px;width:50px}.device{padding:15px;gap:10px}.device .btn{font-size:10px}.form-grid{grid-template-columns:1fr}.modal{padding:23px}.login-top .brand-samd{padding:4px 8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

@media(max-width:480px){.vault-grid{grid-template-columns:1fr}.heading h1{font-size:21px}.stat-label{font-size:11px}}