/* Local Tabler 1.4.0 is the component base. Logical properties support RTL/LTR. */
:root{--tblr-font-sans-serif:"Segoe UI",Tahoma,Arial,sans-serif;--tblr-primary:#4263eb;--tblr-primary-rgb:66,99,235;--ink:#18243b;--soft:#66758b;--line:#e7ecf3}
body{margin:0;background:#f5f7fb;color:var(--ink);font-family:var(--tblr-font-sans-serif);font-size:14px;min-height:100vh}
#sidebar{width:238px;position:fixed;inset-inline-start:0;inset-block:0;background:#142338;color:#fff;padding:28px 18px;display:flex;flex-direction:column;z-index:10}
.brand{display:flex;align-items:center;gap:12px;color:white!important;text-decoration:none;font-weight:700;font-size:15px;direction:ltr;margin-bottom:38px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#93a9c6;margin-top:5px}.brand-mark{display:grid;place-items:center;background:#5272f2;border-radius:12px;width:42px;height:42px;font-size:16px}
#navigation{display:flex;flex-direction:column;gap:6px}#navigation button{color:#bdc9da;background:transparent;border:0;justify-content:flex-start;gap:12px;text-align:start;padding:12px 14px;font-size:13px;box-shadow:none}#navigation button:hover{background:#203550;color:white}#navigation .active{background:#4263eb;color:white}.nav-icon{font-size:19px;width:24px;text-align:center}.sidebar-foot{margin-top:auto;color:#8da1bd;font-size:11px;padding:20px 12px}
header{margin-inline-start:238px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:22px 36px;min-height:102px}header>div{flex:1;min-width:0}.eyebrow{color:#8b97aa;letter-spacing:2px;font-size:10px}h1{font-size:21px;font-weight:700;margin:4px 0}#pageCaption{color:var(--soft);margin:5px 0 0;font-size:12px}#language{width:110px;margin:0;font-size:12px}main{margin-inline-start:238px;padding:30px 36px;max-width:1800px}footer{margin-inline-start:238px;text-align:center;color:#8b97aa;padding:20px;font-size:11px}
.card{padding:25px;border:1px solid var(--line);box-shadow:0 2px 7px #19294705;margin-bottom:24px;border-radius:12px;min-width:0}.card h2{font-size:17px;font-weight:700;margin:0 0 22px}.card h3{font-size:15px}.card p{line-height:1.9;color:var(--soft)}.card form{max-width:820px}.card form>.btn{margin-inline-end:8px;margin-block:8px}label{display:block;font-size:12px;font-weight:500;margin-bottom:16px;color:#526079}input,select,textarea{font:inherit;max-width:100%}.form-control,.form-select{margin-top:7px;border-radius:8px;padding:10px 12px;border:1px solid #dce3ed;color:var(--ink);background-color:#fff}.form-control:focus,.form-select:focus{border-color:#8499f5;box-shadow:0 0 0 3px #4263eb14}input[type=checkbox]{display:inline-block;width:18px;height:18px;margin-inline:10px;vertical-align:middle}input[type=file]{font-size:12px}textarea{min-height:130px;resize:vertical;width:100%;padding:12px}.btn{font:inherit;border-radius:8px;padding:9px 15px;font-size:12px;gap:6px;cursor:pointer;white-space:normal;line-height:1.5}.primary{background:#4263eb;border-color:#4263eb;color:#fff}.primary:hover{background:#3554d2;color:white}.danger{color:#c63c50;background:#fff2f4;border-color:#f5d8de}.btn:disabled{opacity:.5}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:26px}.stat{background:#fff;border:1px solid var(--line);padding:23px;border-radius:12px;color:var(--soft);font-size:12px;box-shadow:0 2px 7px #19294705}.stat strong{display:block;font-size:30px;font-weight:700;color:var(--ink);margin-top:14px;direction:ltr;text-align:start}.stat:nth-child(2){background:#edf2ff;border-color:#dce5ff}.stat:nth-child(2) strong{color:#4263eb}.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:12px 0}.row>*{width:auto;max-width:100%}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.scroll{overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:8px}table{width:100%;white-space:nowrap;border-collapse:collapse;font-size:12px}th,td{padding:14px;border-bottom:1px solid var(--line);text-align:start}th{background:#f8fafc;color:#7c899e;font-weight:500;font-size:11px}tr:last-child td{border:0}td button{padding:5px 12px!important}tr:hover td{background:#fafbff}.toolbar{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:20px}.toolbar input{max-width:330px;margin:0}.muted{color:var(--soft)}.code{direction:ltr;font:600 18px monospace;background:#f1f5fe;padding:20px;border-radius:10px;overflow-wrap:anywhere}.control-status{direction:ltr;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;background:#f7f9fc;border:1px solid var(--line);border-radius:8px;padding:16px;font-size:12px}.announcement-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:#edf2ff;padding:20px;border-radius:10px}.bot-button-row{display:grid;grid-template-columns:2fr 1fr 2fr auto;gap:10px;align-items:center;margin-bottom:12px}progress{width:100%;height:12px;accent-color:#4263eb;margin:16px 0}#brandLogo,.brand-preview{max-width:160px;max-height:100px;object-fit:contain;margin-bottom:18px}#brandDescription,#brandSupport{white-space:pre-wrap;overflow-wrap:anywhere}#captchaImage{max-width:100%}#message:not(:empty){background:#fff8e5;border:1px solid #f3e1ae;border-radius:10px;padding:14px 20px;margin-bottom:22px}.pill{background:#e8f7ef;color:#218052;border-radius:20px;padding:5px 12px}
body:has(#login:not([hidden])) #sidebar{display:none}body:has(#login:not([hidden])) header,body:has(#login:not([hidden])) main,body:has(#login:not([hidden])) footer{margin-inline-start:0}body:has(#login:not([hidden])){background:radial-gradient(ellipse at top,#e8edff 0,#f5f7fb 65%)}body:has(#login:not([hidden])) header{background:transparent;border:0;max-width:1100px;margin:auto}.narrow{max-width:460px;margin:38px auto;padding:36px;border-top:4px solid #4263eb;box-shadow:0 18px 60px #263b7a10}#loginForm>.primary{width:100%;margin-top:12px;padding:12px}.narrow h2{font-size:24px}body[data-kind=portal] #workspace>.card{max-width:1000px}.quota-summary{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:10px 0 24px}.quota-summary>div{padding:24px;background:#f1f5ff;border-radius:10px}.quota-summary strong{display:block;font-size:26px;color:#4263eb;margin-top:10px}[hidden]{display:none!important}
@media(max-width:1000px){#sidebar{width:200px;padding:24px 12px}header,main,footer{margin-inline-start:200px}header{padding:20px}main{padding:24px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.bot-button-row{grid-template-columns:1fr 1fr}}
@media(max-width:700px){#sidebar{position:static;width:100%;padding:14px}.brand{margin:0 0 12px}.brand-mark{width:34px;height:34px}.brand small,.sidebar-foot{display:none}#navigation{flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:3px}#navigation button{flex:0 0 auto;padding:9px 12px;white-space:nowrap;font-size:12px}.nav-icon{display:none}header,main,footer{margin-inline-start:0}header{padding:18px 16px;gap:10px;flex-wrap:wrap}header h1{font-size:17px}header>div{flex-basis:100%}.eyebrow{display:none}main{padding:18px 14px}.card{padding:18px}.stats{gap:10px}.stat{padding:18px}.stat strong{font-size:23px}.grid,.quota-summary{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.narrow{margin:16px auto;padding:26px}.bot-button-row{grid-template-columns:1fr 1fr}.bot-button-row input[type=url]{grid-column:1/-1}.row>*{min-width:0}.row select{width:100%}}

.card>.btn{align-self:flex-start}.narrow h2,.narrow>p{text-align:center}.narrow input{width:100%;display:block}#loginForm label{text-align:start}#loginForm .btn{border-radius:8px}
[dir=rtl] .form-select{background-position:left .75rem center;padding-left:2.5rem;padding-right:.75rem}[dir=ltr] .form-select{background-position:right .75rem center;padding-right:2.5rem;padding-left:.75rem}input[type=checkbox]{appearance:auto!important;-webkit-appearance:checkbox!important;width:20px!important;height:20px!important;padding:0!important;accent-color:#4263eb;box-shadow:none!important;background-image:none!important;cursor:pointer}#message:not(:empty){position:fixed;inset-block-start:20px;inset-inline-end:20px;z-index:2000;max-width:min(540px,calc(100vw - 40px));box-shadow:0 8px 40px #15213933;cursor:pointer;white-space:pre-wrap}.service-state{display:flex;gap:12px;flex-wrap:wrap;padding:12px 0}.service-state span{padding:9px 14px;border-radius:8px;background:#eef2ff}.notice{padding:16px 20px;border-radius:10px;margin-bottom:16px;white-space:pre-wrap;overflow-wrap:anywhere}.guide-text{white-space:pre-wrap;line-height:2}
.control-status{color:var(--ink)}

#customer-nav{display:flex;flex-direction:column;gap:8px}#customer-nav .btn{background:transparent;color:#dbe4ff;border:0;text-align:start}#customer-nav .active{background:#5d36dc;color:white}#customer-root p{white-space:pre-wrap;overflow-wrap:anywhere}#customer-language{max-width:160px}@media(max-width:700px){#customer-nav{flex-direction:row;overflow-x:auto}#customer-nav .btn{flex:0 0 auto;white-space:nowrap}}

.customer-captcha{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-block:16px}.customer-captcha img{max-width:100%;height:auto;direction:ltr}.customer-captcha label{flex-basis:100%}.customer-captcha input{max-width:260px;text-align:center;letter-spacing:.25em}

.document-example{display:block;max-width:min(100%,480px);max-height:360px;object-fit:contain;margin-block:16px}

@font-face{font-family:Vazirmatn;src:url('/vendor/vazirmatn.ttf') format('truetype');font-weight:100 900;font-display:swap}
body,input,select,textarea,button,.ql-container{font-family:Vazirmatn,system-ui,sans-serif}
.customer-theme{background:linear-gradient(135deg,#e6f4ef 0%,#edf3fb 55%,#f3eff9 100%);color:#203c49;min-height:100vh}
.customer-theme #sidebar{background:linear-gradient(155deg,#174c50,#243c58)}
.customer-theme header{background:#ffffffb8;border-bottom:1px solid #ccdfe2}
.customer-theme .card{background:#ffffffec;border:1px solid #cbdde0;border-radius:22px;box-shadow:0 12px 40px #1b454510}
.customer-theme input,.customer-theme select,.customer-theme textarea{background:#f2f8f7;border:1px solid #acc7c8;border-radius:12px;min-height:46px;color:#183b43}
.customer-theme input:focus,.customer-theme select:focus{background:#fff;border-color:#167c78;box-shadow:0 0 0 3px #167c7824;outline:none}
.customer-theme .primary{background:#176e78;color:#fff}.customer-theme .register-button{background:#22764d;color:#fff;border-color:#22764d}
.auth-switch{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #d4e4e3;margin-top:24px;padding-top:20px}.customer-theme #customer-root>section:has(form [name=password]){max-width:560px;margin-inline:auto}
.rich-content{line-height:1.9;white-space:normal!important}.rich-content img{max-width:100%;max-height:420px;object-fit:contain}.ql-editor{min-height:160px;direction:inherit;text-align:start}.ql-toolbar{background:#eef5f6}.ql-container{background:white;font-size:15px}.ql-toolbar button{min-height:24px!important;padding:3px 5px!important}.customer-theme #customer-nav .active{background:#247a77}

.package-picker{display:block!important;width:100%;max-width:430px;align-self:flex-start}.customer-theme .package-select{width:100%;max-width:430px}.list-pagination{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:20px}.ticket-list{display:grid;gap:10px;margin-block:24px}.ticket-entry{display:flex;justify-content:space-between;gap:12px;text-align:start!important;padding:16px!important;background:#edf6f3!important;color:#203c49!important;white-space:normal}.ticket-entry small{font-size:12px;white-space:nowrap}.ticket-thread{border-top:1px solid #c5deda;padding-top:24px}.ticket-message{max-width:85%;padding:16px 20px;border-radius:16px;margin-block:12px;overflow-wrap:anywhere}.ticket-message small{display:block;color:#49606b;margin-top:6px}.ticket-message.from-user{background:#e0f0e9;margin-inline-end:auto}.ticket-message.from-support{background:#e7eef9;margin-inline-start:auto}.ticket-message p{margin:10px 0 0}.ticket-thread form{margin-top:24px}@media(max-width:600px){.ticket-entry{flex-direction:column}.ticket-message{max-width:100%}}

.list-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-block:16px}.list-filters input{flex:1 1 220px}.list-filters select{width:auto;max-width:200px}.list-filters button{flex:0 0 auto}

@media(min-width:701px){#sidebar{height:100dvh;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}#sidebar>.brand,#sidebar>nav,#sidebar>.sidebar-foot{flex-shrink:0}}
