@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{--purple:#ff5600;--ink:#111111;--muted:#74716b;--line:#e8e5de;--bg:#faf9f6}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:14px Vazirmatn,Tahoma,sans-serif;color:var(--ink)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}a{text-decoration:none;color:inherit}aside{position:fixed;right:0;top:0;bottom:0;width:248px;padding:32px 22px;background:white;border-left:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;align-items:center;font-size:29px;font-weight:800;gap:10px}.logo{background:#eee7f6;border-radius:15px;color:var(--purple);padding:0 9px;font-size:37px}.latin{font:11px Arial;letter-spacing:3px;margin-right:auto;color:#aaa}aside>small{margin:14px 5px;color:var(--muted)}nav{display:grid;gap:9px;margin-top:30px}nav button{display:flex;gap:14px;text-align:right;padding:14px 16px;border-radius:12px;font-size:18px}nav button span{font-size:14px}nav button.active{background:#eee8f6;color:var(--purple);font-weight:700}.side-credit{margin-top:auto;background:#f8f5fb;border:1px solid #eee6f6;border-radius:16px;padding:17px;font-size:12px}.side-credit p{color:var(--muted);font-size:11px}.meter{height:5px;background:#e5dbef;border-radius:10px;overflow:hidden;margin:17px 0 10px}.meter i{display:block;height:100%;background:#9373bb}.textbtn{color:var(--purple);padding:10px 0 0}.profile{display:flex;gap:10px;text-align:right;margin-top:22px;align-items:center}.profile small{display:block;color:var(--muted);margin-top:5px;font-size:11px}.avatar{background:#efe9df;color:#8c7656;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;font-weight:bold}main{margin-right:248px;padding:0 44px;max-width:1600px}header{height:89px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px}.muted{color:var(--muted)}.demo{color:#86739b;background:#f1ecf6;border:1px solid #e7dfee;padding:6px 11px;border-radius:30px;font-size:10px}#view{padding-top:32px;min-height:calc(100vh - 155px)}h1{font-size:27px;margin:0 0 9px;font-weight:800}h2{font-size:17px;margin:0}h3{font-size:15px;margin:0 0 10px}p{line-height:1.9}.welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.date{font-size:12px;color:var(--muted)}.hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;background:#eee8f3;border:1px solid #e6dcef;border-radius:22px;padding:30px 35px;min-height:210px}.hero p{color:#776b85;margin:12px 0 21px}.eyebrow{font-size:11px;letter-spacing:1px;color:#8d739e;margin-bottom:10px}.hero h2{font-size:24px}.primary{background:var(--purple);color:white;border-radius:11px;padding:11px 21px}.secondary{background:white;border:1px solid var(--line);border-radius:10px;padding:10px 17px}.hero-art{width:180px;height:160px;position:relative;flex-shrink:0;display:grid;place-items:center}.orb{height:125px;width:125px;border-radius:35px;transform:rotate(-14deg);background:linear-gradient(135deg,#faf5ff,#cdb9e3);box-shadow:15px 15px 35px #aa91bd40,inset 2px 2px 2px white;display:grid;place-items:center;color:#8056ab;font-size:75px}.float{position:absolute;bottom:7px;right:0;background:#ffffffd9;border-radius:13px;padding:8px 13px;font-size:11px;box-shadow:0 5px 20px #8c6ca51a}.section-title{display:flex;justify-content:space-between;align-items:center;margin:28px 0 16px}.section-title small{color:var(--muted);font-size:11px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{border:1px solid var(--line);background:white;border-radius:17px;padding:22px;text-align:right;transition:.2s}.card:hover{transform:translateY(-3px);border-color:#c9b6dd;box-shadow:0 8px 24px #7350a20a}.icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#f0eaf7;color:#8b63af;font-size:24px;margin-bottom:19px}.card:nth-child(2) .icon{background:#edf5ee;color:#73947b}.card:nth-child(3) .icon{background:#fff3e7;color:#ba9464}.card:nth-child(4) .icon{background:#fbeef1;color:#bd8595}.card p{font-size:11px;color:var(--muted);margin:0}.card .arrow{display:block;margin-top:17px;color:#afa2bd}.lower{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-top:24px}.panel{border:1px solid var(--line);background:white;border-radius:18px;padding:23px}.panel .section-title{margin:0 0 19px}.idea{display:flex;gap:15px;align-items:flex-start;background:#faf8fc;border-radius:12px;padding:16px}.idea .icon{flex-shrink:0;margin:0}.idea p{font-size:12px;color:#82788c;margin:5px 0 12px}.stats{display:flex;gap:15px;margin-top:22px}.stat{flex:1}.stat b{display:block;font-size:20px;margin-top:9px}.stat small{font-size:11px;color:var(--muted)}.green{color:#5b8c76}.activity{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:13px 0;font-size:12px}.activity small{color:var(--muted)}footer{display:flex;justify-content:space-between;font-size:10px;color:#aaa3af;padding:24px 0;margin-top:20px}label{display:block;margin:17px 0 6px;font-size:12px}input,select,textarea{width:100%;background:#fdfcfe;border:1px solid #e3dce9;border-radius:10px;padding:12px;color:var(--ink);margin-top:7px;outline:none}input:focus,textarea:focus,select:focus{border-color:#9b7bbb;box-shadow:0 0 0 3px #eee7f6}textarea{resize:vertical;min-height:120px}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:25px}.result{white-space:pre-wrap;line-height:2.2;font-size:14px}.empty{display:grid;place-items:center;min-height:220px;color:#a497b0;text-align:center}.tag{font-size:10px;background:#f0eaf7;padding:5px 10px;border-radius:20px;color:var(--purple)}.notice{background:#fff8eb;border:1px solid #f3e7ce;padding:10px 15px;border-radius:10px;font-size:11px;line-height:1.9;margin:18px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:right;padding:15px 10px;border-bottom:1px solid var(--line);font-size:12px}th{color:var(--muted);font-weight:500}.balances{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:24px 0}.balance{padding:22px;background:white;border:1px solid var(--line);border-radius:15px}.balance b{display:block;font-size:22px;margin:12px 0}.balance small{color:var(--muted)}dialog{border:1px solid var(--line);border-radius:20px;width:min(440px,92vw);padding:24px}dialog::backdrop{background:#30213f66}dialog .section-title{margin-top:0}dialog .section-title button{font-size:26px}#entryError{color:#ad4759;font-size:12px}#toast{position:fixed;bottom:30px;left:30px;background:#3e324a;color:white;padding:13px 24px;border-radius:12px;display:none;z-index:10}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}button:disabled{opacity:.5;cursor:not-allowed}.chatmsg{background:#f0eaf6;border-radius:12px;padding:12px 16px;margin:15px 0;white-space:pre-wrap}.upload{font-size:12px;color:var(--muted)}#photoPreview{max-height:130px;border-radius:10px;margin-top:12px}
@media(min-width:1400px){main{padding:0 65px}}@media(max-width:1100px){aside{width:215px;padding:25px 16px}main{margin-right:215px;padding:0 25px}.cards{grid-template-columns:repeat(2,1fr)}.lower{grid-template-columns:1fr}.hero-art{width:135px}}@media(max-width:700px){aside{top:auto;left:0;width:100%;height:72px;padding:0;z-index:5;border-top:1px solid var(--line)}aside>.brand,aside>small,.side-credit,.profile{display:none}nav{display:flex;justify-content:space-around;gap:0;margin:0;height:100%}nav button{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;padding:6px 8px;border-radius:0;font-size:21px}nav button span{font-size:9px}main{margin:0;padding:0 18px 75px}header{height:66px;font-size:10px}.demo{font-size:9px}#view{padding-top:25px}h1{font-size:23px}.welcome{align-items:flex-start}.welcome p{font-size:12px}.date{font-size:10px}.hero{padding:25px 21px;min-height:205px}.hero h2{font-size:19px}.hero p{font-size:11px;max-width:210px}.hero-art{width:72px;height:125px}.orb{width:70px;height:80px;font-size:48px;border-radius:22px}.float{font-size:8px;padding:6px;right:-10px;bottom:0;white-space:nowrap}.cards{gap:10px}.card{padding:17px}.card h3{font-size:13px}.card p{font-size:10px}.card .icon{margin-bottom:13px}.section-title{margin-top:23px}.section-title h2{font-size:15px}.section-title small{font-size:9px}.workspace{grid-template-columns:1fr}.balances{gap:8px}.balance{padding:13px 9px}.balance b{font-size:16px}.balance small{font-size:9px}footer{display:block;line-height:2.2}footer span{display:block}.panel{padding:18px}.lower{gap:15px}#toast{left:18px;right:18px;bottom:87px;font-size:12px}}
[hidden]{display:none!important}
.level-picker{margin:20px 0 0;padding:14px;border:1px solid var(--line);border-radius:12px}.level-picker legend{font-weight:700;padding:0 5px}.level-picker label{display:flex;align-items:center;gap:8px;padding:8px 4px;margin:3px 0;cursor:pointer}.level-picker input{width:auto;margin:0;accent-color:var(--purple)}.level-picker small{margin-right:auto;color:var(--muted);font-size:10px}.level-picker label.unavailable{opacity:.45;cursor:not-allowed}.level-picker label.unavailable small:after{content:' · تنظیم نشده'}#levelAvailability{font-size:11px;margin-bottom:0}
.business-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.business-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.business-card .icon{margin-bottom:12px}.business-card p{min-height:42px;color:var(--muted);font-size:12px}.business-card button{width:100%}
@media(max-width:900px){.business-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.business-grid{grid-template-columns:1fr}.business-card p{min-height:0}}
/* Intercom-inspired product theme */
:root{--purple:#ff5600;--ink:#111111;--muted:#74716b;--line:#e8e5de;--bg:#faf9f6}
body{background:#faf9f6;color:#111;font-family:Vazirmatn,Tahoma,sans-serif}
aside{background:#fff;border-left:1px solid #e8e5de;box-shadow:-8px 0 30px #11111105}
.brand{font-size:25px;letter-spacing:-.5px}.logo{background:#ff5600;color:#fff;border-radius:11px;padding:0 8px;font-size:31px}
.latin{color:#a09b93}aside>small{color:#74716b}
nav{gap:4px;margin-top:26px}nav button{border-radius:9px;padding:12px 14px;color:#45433f;transition:background .16s,color .16s}nav button.active{background:#f1eee9;color:#111;font-weight:700;box-shadow:inset -3px 0 #ff5600}nav button:hover:not(.active){background:#f8f7f4}
.side-credit{background:#171717;color:#fff;border:0;border-radius:14px}.side-credit p,.side-credit small{color:#c6c3bd}.meter{background:#494642}.meter i{background:#ff6a26}.side-credit .textbtn{color:#ff8b59}
.profile{padding:9px;border-radius:12px}.profile:hover{background:#f7f5f1}.avatar{background:#fff0e8;color:#d74700}
main{background:#faf9f6}header{border-color:#e8e5de;color:#34332f}.muted{color:#74716b}.demo{color:#6e6a62;background:#f1eee9;border-color:#e5e1d9}
#view{padding-top:32px}h1{font-size:29px;letter-spacing:-.5px;color:#111}h2,h3{color:#171716}.welcome{margin-bottom:27px}.welcome h1{font-size:31px}.date{background:#fff;border:1px solid #e8e5de;padding:7px 11px;border-radius:9px}
.hero{background:#151515;border:1px solid #151515;border-radius:18px;padding:32px 36px;min-height:300px;color:#fff;gap:28px}.hero-copy{max-width:470px}.hero .eyebrow{color:#ff9b6b;letter-spacing:0}.hero h2{font-size:32px;line-height:1.45;color:#fff;letter-spacing:-.4px}.hero p{color:#c6c3bd;margin:14px 0 23px;max-width:430px}.hero .primary{background:#ff5600;color:#fff}.hero .primary:hover{background:#e64e00}.hero-art{width:min(390px,48%);height:auto;min-height:225px;flex-shrink:1}.assistant-preview{width:100%;max-width:350px;padding:15px;background:#fff;color:#171716;border-radius:15px;box-shadow:0 18px 55px #0005;transform:rotate(-1deg)}.assistant-preview-head{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #eeeae4}.assistant-avatar{width:35px;height:35px;display:grid;place-items:center;background:#ffede3;color:#ed5000;border-radius:11px;font-size:19px}.assistant-preview-head b,.assistant-preview-head small{display:block}.assistant-preview-head b{font-size:12px}.assistant-preview-head small{font-size:10px;color:#858078;margin-top:2px}.assistant-preview-head i{font-style:normal;margin-right:auto;color:#89847c;letter-spacing:2px}.assistant-bubble{font-size:11px;line-height:1.8;padding:10px 12px;border-radius:11px;margin-top:11px}.user-bubble{background:#f3f1ed;color:#45413d;margin-right:28px}.reply-bubble{background:#fff7f2;border:1px solid #f5e2d7;color:#24211e;margin-left:16px}.reply-bubble b{font-size:11px}.reply-bubble p{font-size:10px;color:#57514b;margin:4px 0}.reply-bubble span{font-size:9px;color:#8a8179}.assistant-preview-compose{display:flex;justify-content:space-between;align-items:center;border:1px solid #e8e5de;border-radius:9px;padding:8px 10px;margin-top:12px;font-size:10px;color:#9a958d}.assistant-preview-compose i{font-style:normal;background:#ff5600;color:#fff;border-radius:7px;width:24px;height:24px;display:grid;place-items:center;font-size:15px}
.primary{background:#ff5600;border-radius:9px;padding:11px 18px;font-weight:600}.primary:hover{background:#e64e00}.secondary{border-color:#e2ded6;border-radius:9px;color:#282622}.secondary:hover{background:#f7f5f1;border-color:#cbc6bd}.textbtn{color:#e65000}
.section-title{margin:30px 0 15px}.cards{gap:13px}.card,.panel,.balance,.business-card{border:1px solid #e8e5de;background:#fff;border-radius:14px;box-shadow:0 2px 8px #17130d04}.card{padding:19px;transition:transform .16s,border-color .16s,box-shadow .16s}.card:hover{transform:translateY(-2px);border-color:#f3b18f;box-shadow:0 8px 24px #17130d0b}.card .icon,.icon{background:#fff0e8;color:#e65000;border-radius:11px}.card:nth-child(2) .icon{background:#f1eee9;color:#4c4943}.card:nth-child(3) .icon{background:#edf4f0;color:#38775b}.card:nth-child(4) .icon{background:#f3f1ed;color:#68635b}.card .arrow{color:#e65000}
.panel{padding:21px}.idea{background:#f7f5f1;border-radius:11px}.idea .icon{background:#fff0e8;color:#e65000}.idea p{color:#69645c}.tag{background:#fff0e8;color:#d74700;border:1px solid #f8ded0;border-radius:20px}
input,select,textarea{background:#fff;border:1px solid #dedad2;border-radius:9px;color:#171716}input:focus,textarea:focus,select:focus{border-color:#ff8a54;box-shadow:0 0 0 3px #ffede3}.level-picker{border-color:#e8e5de}.level-picker input{accent-color:#ff5600}.notice{background:#fff8ef;border-color:#f3dfc7}.chatmsg{background:#fff0e8}.empty{color:#8b857b}footer{color:#a49e95}.activity{border-color:#eeeae4}th,td{border-color:#eeeae4}dialog{border-color:#e8e5de}dialog::backdrop{background:#11111166}#toast{background:#171717;border:1px solid #36322e}
.business-card{padding:19px}.business-card .icon{margin-bottom:12px}.business-card button{width:100%}.business-grid{gap:13px}
@media(max-width:700px){main{background:#faf9f6}.hero{padding:23px 19px;min-height:0;gap:12px}.hero h2{font-size:23px}.hero p{font-size:11px}.hero-art{width:46%;min-height:0}.assistant-preview{padding:10px}.assistant-bubble{font-size:9px;padding:8px}.assistant-preview-compose{font-size:8px}.assistant-avatar{width:29px;height:29px}.welcome h1{font-size:24px}.card{padding:15px}.panel{padding:17px}nav button.active{box-shadow:inset 0 3px #ff5600}}