/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-300:oklch(87.9% .169 91.605);--color-slate-200:oklch(92.9% .013 255.508);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-700:oklch(37.3% .034 259.733);--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-bold:700;--font-weight-black:900;--radius-md:.375rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.top-18{top:calc(var(--spacing) * 18)}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-0{z-index:0}.z-1{z-index:1}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.h-14{height:calc(var(--spacing) * 14)}.h-24{height:calc(var(--spacing) * 24)}.h-30{height:calc(var(--spacing) * 30)}.h-full{height:100%}.w-1\/2{width:50%}.w-16{width:calc(var(--spacing) * 16)}.w-19{width:calc(var(--spacing) * 19)}.w-24{width:calc(var(--spacing) * 24)}.w-30{width:calc(var(--spacing) * 30)}.w-full{width:100%}.max-w-32{max-width:calc(var(--spacing) * 32)}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.scrollbar-none{scrollbar-width:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-1{gap:var(--spacing)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.rounded-md{border-radius:var(--radius-md)}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-amber-300{border-color:var(--color-amber-300)}.border-white{border-color:var(--color-white)}.bg-\[\#ffffffcc\]{background-color:#fffc}.bg-gray-200{background-color:var(--color-gray-200)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-white{background-color:var(--color-white)}.bg-\[url\(\'\/pattern_islamic\.png\'\)\]{background-image:url(/pattern_islamic.png)}.p-2{padding:calc(var(--spacing) * 2)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-gray-700{color:var(--color-gray-700)}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.select-none{-webkit-user-select:none;user-select:none}@media (width>=40rem){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=48rem){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}:root{--tg-blue:#5ac0ce;--tg-blue-dark:#3aa0ae;--tg-blue-deep:#2a8794;--tg-blue-soft:#e5f6f8;--tg-bg:#5ac0ce;--tg-sidebar:#fff;--tg-chat-bg:#5ac0ce;--tg-input-bg:#f3f9fa;--tg-hover:#e5f6f8;--tg-border:#1823431a;--tg-text:#182343;--tg-text-secondary:#6b7c90;--tg-message-out:#2f97a5;--tg-message-in:#fff;--tg-green:#3d9a5c;--tg-danger:#e53935;--tg-shadow-sm:0 1px 2px #18234314;--tg-shadow-md:0 4px 16px #1823431a}body{background:var(--tg-bg);color:var(--tg-text);direction:rtl;height:100vh;font-family:Vazirmatn,Tahoma,sans-serif;overflow:hidden}#root{height:100vh}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea{border:none;outline:none;font-family:inherit}a{color:var(--tg-blue);text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#2a879459;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#2a87948c}.avatar{background:linear-gradient(135deg, var(--tg-blue) 0%, var(--tg-blue-deep) 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:600;display:flex;overflow:hidden}.avatar-img{object-fit:cover;border:none;padding:0;display:block}.avatar-xs{width:32px;height:32px;font-size:12px}.avatar-sm{width:36px;height:36px;font-size:14px}.avatar-lg{cursor:pointer;width:96px;height:96px;font-size:32px;transition:opacity .2s}.avatar-lg:hover{opacity:.85}.avatar-wrap{flex-shrink:0;display:inline-flex;position:relative}.avatar-wrap .avatar{justify-content:center;align-items:center;display:flex}.avatar-wrap .avatar-img{display:block}.avatar-status{border:2px solid var(--tg-sidebar);box-sizing:border-box;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.avatar-wrap.avatar-xs .avatar-status{border-width:2px;width:8px;height:8px}.avatar-wrap.avatar-sm .avatar-status{border-width:2px;width:10px;height:10px}.avatar-wrap.avatar-lg .avatar-status{border-width:3px;width:16px;height:16px}.avatar-status.online{background:var(--tg-green)}.avatar-status.offline{background:#6b7c8f}.sidebar-user{cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.sidebar-user h2{white-space:nowrap;text-overflow:ellipsis;font-size:18px;overflow:hidden}.profile-modal{max-width:380px}.profile-modal-body{flex-direction:column;align-items:center;gap:20px;display:flex}.profile-avatar-section{flex-direction:column;align-items:center;gap:8px;display:flex}.profile-hint{color:var(--tg-text-secondary);font-size:13px}.profile-info{flex-direction:column;gap:12px;width:100%;display:flex}.profile-field{border-bottom:1px solid var(--tg-border);justify-content:space-between;padding:10px 0;display:flex}.profile-label{color:var(--tg-text-secondary);font-size:14px}.owner-cell{align-items:center;gap:8px;display:flex}.btn{border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn-primary{background:linear-gradient(135deg, var(--tg-blue) 0%, var(--tg-blue-deep) 100%);color:#fff;box-shadow:0 2px 8px #2a879447}.btn-primary:hover{background:linear-gradient(135deg, var(--tg-blue-dark) 0%, #247988 100%)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:var(--tg-danger);color:#fff}.btn-ghost{color:var(--tg-text-secondary);background:0 0}.btn-ghost:hover{background:var(--tg-hover);color:var(--tg-text)}.input{background:var(--tg-input-bg);width:100%;color:var(--tg-text);border:1px solid var(--tg-border);border-radius:10px;padding:12px 16px;font-size:14px;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:#5ac0ce8c;box-shadow:0 0 0 3px #5ac0ce2e}.input::placeholder{color:var(--tg-text-secondary)}.error-text{color:var(--tg-danger);margin-top:8px;font-size:13px}.badge{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.badge-group{background:var(--tg-blue-deep);color:#fff}.badge-channel{color:#fff;background:#d97757}.badge-admin{background:var(--tg-green);color:#fff}.login-page{background:url(/pattern_islamic.png) 0 0/280px,linear-gradient(135deg,#5ac0ce 0%,#3aa0ae 50%,#5ac0ce 100%) 0 0/cover;justify-content:center;align-items:center;height:100vh;display:flex}.login-card{width:400px;max-width:90vw;box-shadow:var(--tg-shadow-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border:1px solid #fff9;border-radius:16px;padding:40px}.login-logo{text-align:center;margin-bottom:32px}.login-logo h1{color:var(--tg-blue);margin-bottom:4px;font-size:28px}.login-logo p{color:var(--tg-text-secondary);font-size:14px}.login-form{flex-direction:column;gap:16px;display:flex}.login-form label{color:var(--tg-text-secondary);margin-bottom:-8px;font-size:13px}.chat-layout{background:var(--tg-bg);height:100%;display:flex}.sidebar{background:var(--tg-sidebar);border-left:1px solid var(--tg-border);width:380px;box-shadow:var(--tg-shadow-sm);z-index:2;flex-direction:column;flex-shrink:0;display:flex}.sidebar-header{border-bottom:1px solid var(--tg-border);background:linear-gradient(#fff 0%,#f7fbfc 100%);justify-content:space-between;align-items:center;min-height:60px;padding:12px 16px;display:flex}.sidebar-header h2{color:var(--tg-text);font-size:18px;font-weight:600}.sidebar-search{padding:8px 12px}.sidebar-actions{gap:4px;display:flex}.icon-btn{width:40px;height:40px;color:var(--tg-text-secondary);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:background .2s,color .2s,transform .15s;display:flex}.icon-btn:hover{background:var(--tg-hover);color:var(--tg-blue-deep)}.chat-list{flex:1;overflow-y:auto}.conv-filter-tabs{border-bottom:1px solid var(--tg-border);background:#fafcfd;flex-shrink:0;gap:6px;padding:10px 12px;display:flex}.conv-filter-tab{color:var(--tg-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;padding:8px 4px;font-size:13px;font-weight:500;transition:background .15s,color .15s,box-shadow .15s;display:flex}.conv-filter-tab:hover{background:var(--tg-hover);color:var(--tg-blue-deep)}.conv-filter-tab.active{background:var(--tg-blue);color:#fff;box-shadow:0 2px 8px #5ac0ce59}.tab-unread-badge{color:#fff;background:#e53935;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:600;line-height:1;display:inline-flex}.conv-filter-tab.active .tab-unread-badge{color:#fff;background:#ffffff40}.fab-backdrop{z-index:19;display:none;position:fixed;inset:0}.fab-container{z-index:20;flex-direction:column;align-items:flex-start;gap:8px;display:none;position:fixed;bottom:72px;left:20px}.fab-menu{flex-direction:column;gap:6px;margin-bottom:4px;display:flex}.fab-menu-item{background:var(--tg-sidebar);color:var(--tg-text);border:1px solid var(--tg-border);cursor:pointer;white-space:nowrap;box-shadow:var(--tg-shadow-md);border-radius:20px;padding:10px 16px;font-size:14px}.fab-menu-item:hover{background:var(--tg-hover);color:var(--tg-blue-deep)}.fab{background:linear-gradient(135deg, var(--tg-blue) 0%, var(--tg-blue-deep) 100%);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;line-height:1;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 6px 18px #2a879466}.fab:hover{transform:scale(1.05);box-shadow:0 8px 22px #2a879480}.chat-item{cursor:pointer;border-inline-start:3px solid #0000;align-items:center;gap:12px;padding:12px 16px;transition:background .15s,box-shadow .15s;display:flex}.chat-item:hover{background:var(--tg-hover)}.chat-item.active{background:var(--tg-blue-soft);border-inline-start-color:var(--tg-blue)}.chat-item-info{flex:1;min-width:0}.chat-item-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.chat-item-name{color:var(--tg-text);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:15px;font-weight:500;display:flex;overflow:hidden}.chat-item.active .chat-item-name{color:var(--tg-blue-deep);font-weight:600}.chat-pin-icon{flex-shrink:0;font-size:12px}.chat-item-time{color:var(--tg-text-secondary);flex-shrink:0;font-size:12px}.chat-item-preview{color:var(--tg-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.chat-item-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.unread-badge{color:#fff;background:#e53935;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;line-height:1;display:flex}.messages-wrapper{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.messages-loading-top{text-align:center;color:var(--tg-text-secondary);padding:8px;font-size:13px}.scroll-to-bottom-btn{border:1px solid var(--tg-border);color:var(--tg-blue-deep);cursor:pointer;box-shadow:var(--tg-shadow-md);z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;transition:background .15s,transform .15s;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.scroll-to-bottom-btn:hover{background:#fff;transform:translate(-50%)translateY(-1px)}.message-highlight{animation:2s ease-out message-highlight}@keyframes message-highlight{0%,30%{background-color:#5ac0ce59}to{background-color:#0000}}.search-tabs{gap:4px;margin-bottom:12px;display:flex}.search-result-message{cursor:pointer;border-radius:8px;padding:10px 12px;transition:background .15s}.search-result-message:hover{background:var(--tg-hover)}.search-result-message .search-result-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.search-result-message .search-result-conv{font-size:14px;font-weight:500}.search-result-message .search-result-time{color:var(--tg-text-secondary);font-size:12px}.search-result-message .search-result-sender{color:var(--tg-blue);margin-bottom:2px;font-size:12px}.search-result-message .search-result-content{color:var(--tg-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.chat-header-actions{gap:4px;margin-right:auto;display:flex}.chat-area{background:url(/pattern_islamic.png) var(--tg-chat-bg);background-size:280px;flex-direction:column;flex:1;min-width:0;display:flex}.chat-area-empty{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex}.chat-area-empty .logo-big{width:88px;height:88px;box-shadow:var(--tg-shadow-md);background:#ffffffeb;border-radius:24px;justify-content:center;align-items:center;font-size:56px;display:flex}.chat-area-empty p{text-align:center;max-width:280px;color:var(--tg-text);box-shadow:var(--tg-shadow-sm);background:#ffffffeb;border-radius:14px;margin:0;padding:12px 18px;font-size:14px;line-height:1.6}.chat-header{border-bottom:1px solid var(--tg-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:60px;box-shadow:var(--tg-shadow-sm);z-index:1;background:#fffffff0;align-items:center;gap:12px;padding:10px 20px;display:flex}.chat-header-info h3{color:var(--tg-text);font-size:16px;font-weight:600}.chat-header-info span{color:var(--tg-text-secondary);font-size:13px}.chat-header-status.online{color:var(--tg-green)}.messages-container{flex-direction:column;flex:1;gap:6px;padding:16px 20px 20px;display:flex;overflow-y:auto}.message-date-separator{-webkit-user-select:none;user-select:none;align-items:center;gap:12px;margin:12px 0 8px;display:flex}.message-date-separator:before,.message-date-separator:after{content:"";background:#ffffff59;flex:1;height:1px}.message-date-separator span{color:var(--tg-text);box-shadow:var(--tg-shadow-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;background:#ffffffe0;border-radius:14px;flex-shrink:0;padding:5px 14px;font-size:12px;font-weight:500}.message-in-group{flex-direction:column;align-self:flex-start;gap:2px;max-width:75%;display:flex}.message-sender-row{flex-direction:row;align-items:center;gap:8px;padding:0 2px;display:flex}.message-in-group .message.message-in{align-self:flex-start;max-width:100%;margin-inline-start:40px}.message{word-wrap:break-word;max-width:65%;box-shadow:var(--tg-shadow-sm);border-radius:14px;padding:9px 13px;position:relative}.message-in{background:var(--tg-message-in);color:var(--tg-text);border-bottom-right-radius:4px;align-self:flex-start}.message-out{background:linear-gradient(145deg, var(--tg-message-out) 0%, var(--tg-blue-deep) 100%);color:#fff;border-bottom-left-radius:4px;align-self:flex-end}.message-sender{color:var(--tg-blue-deep);font-size:12px;font-weight:600}.message-text{font-size:14px;line-height:1.55}.message-time{color:var(--tg-text-secondary);text-align:left;margin-top:4px;font-size:11px}.message-out .message-time{color:#ffffffc7}.message-out .message-forward-label,.message-out .message-sender{color:#ffffffeb}.message-out .forward-btn{color:#ffffffbf}.message-out .forward-btn:hover{color:#fff;background:#ffffff2e}.message-media img,.message-media video{border-radius:8px;max-width:100%;max-height:320px;display:block}.message-media audio{width:100%;min-width:220px;margin-top:2px}.message-media .message-text{margin-top:6px}.attach-btn{background:var(--tg-input-bg);width:44px;height:44px;color:var(--tg-blue-deep);border:1px solid var(--tg-border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;transition:background .2s,color .2s;display:flex}.attach-btn:hover:not(:disabled){background:var(--tg-hover);color:var(--tg-blue-dark)}.attach-btn:disabled{opacity:.5;cursor:not-allowed}.upload-error{color:var(--tg-danger);text-align:center;background:#e539351f;padding:8px 20px;font-size:13px}.message-input-area{border-top:1px solid var(--tg-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;align-items:flex-end;gap:12px;padding:12px 20px;display:flex;box-shadow:0 -4px 16px #1823430f}.message-input-area textarea{background:var(--tg-input-bg);color:var(--tg-text);resize:none;border:1px solid var(--tg-border);border-radius:22px;flex:1;max-height:120px;padding:11px 16px;font-size:14px;line-height:1.4;transition:border-color .15s,box-shadow .15s}.message-input-area textarea:focus{border-color:#5ac0ce8c;box-shadow:0 0 0 3px #5ac0ce2e}.send-btn{background:linear-gradient(135deg, var(--tg-blue) 0%, var(--tg-blue-deep) 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:background .2s;display:flex;box-shadow:0 4px 12px #2a879459}.send-btn:hover{background:var(--tg-blue-dark)}.send-btn:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--tg-sidebar);border:1px solid var(--tg-border);border-radius:16px;flex-direction:column;width:440px;max-width:90vw;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 16px 48px #1823432e}.modal-header{border-bottom:1px solid var(--tg-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-body{flex:1;padding:16px 20px;overflow-y:auto}.search-result{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:10px;transition:background .15s;display:flex}.search-result:hover{background:var(--tg-hover)}.admin-layout{height:100vh;display:flex}.admin-sidebar{background:var(--tg-sidebar);border-left:1px solid var(--tg-border);width:240px;padding:20px 0}.admin-sidebar h2{color:var(--tg-blue);padding:0 20px 20px;font-size:20px}.admin-nav-item{color:var(--tg-text-secondary);cursor:pointer;text-align:right;background:0 0;border:none;width:100%;padding:12px 20px;font-size:14px;transition:all .15s;display:block}.admin-nav-item:hover,.admin-nav-item.active{background:var(--tg-hover);color:var(--tg-text)}.admin-content{flex:1;padding:24px;overflow:auto}.admin-content h1{margin-bottom:20px;font-size:22px}.users-toolbar{background:var(--tg-sidebar);border:1px solid var(--tg-border);border-radius:12px;flex-direction:column;gap:14px;margin:16px 0 20px;padding:16px;display:flex}.users-search-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.users-search-field{flex:1;min-width:min(100%,280px);position:relative}.users-search-icon{color:var(--tg-text-secondary);pointer-events:none;font-size:16px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.users-search-input{width:100%;padding-left:36px;padding-right:36px}.users-search-clear{width:28px;height:28px;color:var(--tg-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;font-size:18px;line-height:1;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.users-search-clear:hover{background:var(--tg-hover);color:var(--tg-text)}.users-filters{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 12px;display:grid}@media (width<=1200px){.users-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.users-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}.users-filter{color:var(--tg-text-secondary);flex-direction:column;gap:6px;font-size:12px;display:flex}.users-filter .input{width:100%;min-height:38px;padding:8px 10px;font-size:13px}.users-meta{color:var(--tg-text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.users-page-size{align-items:center;gap:8px;display:flex}.users-page-size .input{width:auto;min-width:72px;padding:6px 10px;font-size:13px}.users-table-wrap{transition:opacity .15s;position:relative;overflow-x:auto}.users-table-wrap.is-loading{opacity:.55;pointer-events:none}.users-empty{color:var(--tg-text-secondary);text-align:center!important;padding:32px 16px!important}.users-status{border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}.users-status.is-active{background:var(--tg-green)}@supports (color:color-mix(in lab, red, red)){.users-status.is-active{background:color-mix(in srgb, var(--tg-green) 18%, transparent)}}.users-status.is-active{color:var(--tg-green)}.users-status.is-inactive{color:#e74c3c;background:#e74c3c29}.users-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:16px;display:flex}.users-page-numbers{align-items:center;gap:4px;display:flex}.users-page-btn{border:1px solid var(--tg-border);background:var(--tg-sidebar);min-width:34px;height:34px;color:var(--tg-text);cursor:pointer;border-radius:8px;padding:0 8px;font-size:13px}.users-page-btn:hover:not(:disabled){background:var(--tg-hover)}.users-page-btn.active{background:var(--tg-blue);border-color:var(--tg-blue);color:#fff}.users-page-btn:disabled{opacity:.5;cursor:default}.users-page-gap{color:var(--tg-text-secondary);padding:0 4px}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:right;border-bottom:1px solid var(--tg-border);vertical-align:middle;padding:12px 16px;font-size:14px}.table th{color:var(--tg-text-secondary);background:var(--tg-sidebar);font-weight:500}.table tr:hover td{background:var(--tg-hover)}.table-actions{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:6px;display:inline-flex}.table-actions.wrap{white-space:normal;flex-wrap:wrap}.admin-content .table{min-width:960px}.form-row{gap:12px;margin-bottom:12px;display:flex}.form-row .input{flex:1}.form-actions{gap:8px;margin-top:16px;display:flex}.tabs{gap:4px;margin-bottom:20px;display:flex}.tab{color:var(--tg-text-secondary);background:0 0;border-radius:8px;padding:8px 16px;font-size:14px}.tab.active{background:var(--tg-blue);color:#fff}.push-banner{background:var(--tg-input-bg);border:1px solid var(--tg-hover);border-radius:12px;flex-direction:column;gap:10px;margin:12px;padding:12px;display:flex}.push-banner-text{flex-direction:column;gap:4px;font-size:13px;display:flex}.push-banner-text strong{font-size:14px}.push-banner-text span{color:var(--tg-text-secondary);line-height:1.5}.push-banner-actions{gap:8px;display:flex}.btn-sm{padding:6px 12px;font-size:13px}.modal-wide{width:560px}.group-settings-avatar-row{align-items:center;gap:16px;margin-bottom:20px;display:flex}.group-settings-avatar-actions{flex-direction:column;gap:8px;display:flex}.group-settings-field{margin-bottom:20px}.group-settings-label{color:var(--tg-text-secondary);margin-bottom:8px;font-size:13px;display:block}.group-settings-title-row{gap:8px;display:flex}.group-settings-title-row .input{flex:1}.group-settings-section{margin-bottom:20px}.group-settings-section h4{margin:0 0 12px;font-size:14px;font-weight:600}.group-settings-members{flex-direction:column;gap:8px;max-height:220px;display:flex;overflow-y:auto}.group-settings-member{background:var(--tg-bg);border-radius:8px;align-items:center;gap:10px;padding:8px;display:flex}.group-settings-member-info{flex:1;min-width:0}.group-settings-member-role{color:var(--tg-text-secondary);font-size:12px}.btn-danger-text{color:var(--tg-red,#e53935)}.perm-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.perm-item{cursor:pointer;background:var(--tg-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.role-color-field{align-items:center;gap:10px;margin-top:12px;display:flex}.role-color-field input[type=color]{cursor:pointer;background:0 0;border:none;width:42px;height:36px;padding:0}.role-color-swatch{vertical-align:middle;border:1px solid #ffffff40;border-radius:6px;width:22px;height:22px;display:inline-block}.name-with-role{align-items:center;gap:8px;min-width:0;display:inline-flex}.role-badges{flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.role-badge{object-fit:cover;background:0 0;border-radius:8px;flex-shrink:0;width:28px;height:28px}.role-avatar-row{flex-wrap:wrap;gap:16px;margin-top:16px;display:flex}.role-avatar-slot{background:var(--tg-bg);border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-width:148px;padding:12px 16px;display:flex}.role-avatar-slot img,.role-avatar-placeholder{object-fit:cover;border-radius:50%;width:72px;height:72px}.role-avatar-slot img{background:0 0}.role-avatar-placeholder{background:var(--tg-sidebar);color:var(--tg-text-secondary);border:1px dashed var(--tg-border);justify-content:center;align-items:center;font-size:11px;display:flex}.role-avatar-label{font-size:13px;font-weight:600}.role-avatar-mini{align-items:center;gap:6px;display:flex}.role-avatar-mini img,.role-avatar-mini span{object-fit:cover;border-radius:50%;width:28px;height:28px}.role-avatar-mini img{background:0 0}.role-avatar-mini span{background:var(--tg-bg);color:var(--tg-text-secondary);border:1px dashed var(--tg-border);justify-content:center;align-items:center;font-size:10px;display:inline-flex}.perm-override-item{background:var(--tg-bg);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:13px;display:flex}.message-forward-label{color:var(--tg-blue);opacity:.85;margin-bottom:4px;font-size:11px}.message-actions{opacity:0;gap:4px;margin-top:2px;transition:opacity .15s;display:flex}.message:hover .message-actions{opacity:1}.forward-btn{cursor:pointer;color:var(--tg-text-secondary);background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:14px}.forward-btn:hover{background:var(--tg-hover);color:var(--tg-text)}.forward-target-item{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px;transition:background .15s;display:flex}.forward-target-item:hover,.forward-target-item.selected{background:var(--tg-hover)}.forward-target-item.selected{outline:1px solid var(--tg-blue)}@media (width<=768px){.sidebar{z-index:10;width:100%;height:100%;position:absolute;inset:0}.chat-layout.has-active-chat .sidebar{display:none}.chat-area{width:100%;height:100%}.chat-header .chat-back-btn{display:inline-flex}.fab-container{display:flex}.fab-backdrop{display:block}.icon-btn-desktop-new{display:none}}.chat-back-btn{display:none}.app-shell{flex-direction:column;height:100vh;display:flex}.app-main{flex:1;min-height:0;overflow:hidden}.bottom-nav{border-top:1px solid var(--tg-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff7;flex-shrink:0;height:56px;display:flex;box-shadow:0 -4px 16px #1823430f}.bottom-nav-item{min-width:0;color:var(--tg-text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:4px 0;text-decoration:none;transition:color .15s;display:flex}.bottom-nav-item.active{color:var(--tg-blue-deep);font-weight:600}.bottom-nav-icon{font-size:20px;line-height:1}.bottom-nav-label{font-size:10px}.home-page{background:url(/pattern_islamic.png) var(--tg-bg);flex-direction:column;height:100%;display:flex;overflow-y:auto}.header-component{background-color:var(--tg-bg);flex-direction:row;justify-content:space-between;align-items:center;height:72px;padding:5px;display:flex}.header-component h1{color:#fff;text-align:center;font-size:20px;font-weight:600}.header-component .header-action-buttons{cursor:pointer;flex-direction:row;justify-content:center;align-items:center;gap:2px;display:flex}.home-loading{color:var(--tg-text-secondary);flex:1;justify-content:center;align-items:center;display:flex}.home-slider-section{flex-direction:column;flex:1;min-height:200px;max-height:45vh;padding:0;display:flex}.home-slider{background:var(--tg-sidebar);border-radius:0;flex:1;position:relative;overflow:hidden}.home-slide{opacity:0;transition:opacity .5s;display:block;position:absolute;inset:0}.home-slide.active{opacity:1;z-index:1}.home-slide img{object-fit:cover;width:100%;height:100%}.home-slide-title{color:#fff;background:linear-gradient(#0000,#000000b3);padding:12px 16px;font-size:14px;font-weight:500;position:absolute;bottom:0;left:0;right:0}.home-slider-dots{justify-content:center;gap:6px;padding:10px 0 4px;display:flex}.home-slider-dot{background:var(--tg-text-secondary);opacity:.4;cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .2s}.home-slider-dot.active{opacity:1;background:var(--tg-blue);border-radius:4px;width:20px}.home-slider-empty{background:var(--tg-sidebar);color:var(--tg-text-secondary);border-radius:12px;flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}.home-shortcuts-section{flex-shrink:0;padding:16px}.home-shortcuts-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.home-shortcut-item{color:var(--tg-text);background:0 0;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;text-decoration:none;transition:background .15s;display:flex;position:relative}.home-shortcut-item:hover{background:#00000026}.home-shortcut-icon{background:0 0;border-radius:20px;justify-content:center;align-items:center;width:96px;height:96px;font-size:24px;display:flex;position:relative;overflow:hidden}.home-shortcut-icon img{object-fit:cover;width:100%;height:100%}.home-shortcut-label{color:#999;text-align:center;font-size:16px;font-weight:500;line-height:1.4}.home-shortcut-item--highlighted .home-shortcut-icon{animation:2.2s ease-in-out infinite home-shortcut-attention;overflow:visible;box-shadow:0 0 #3b82f68c}.home-shortcut-item--highlighted .home-shortcut-icon:after{content:"";pointer-events:none;border:2px solid #3b82f68c;border-radius:24px;animation:2.2s ease-out infinite home-shortcut-ring;position:absolute;inset:-6px}.home-shortcut-item--highlighted .home-shortcut-label{color:var(--tg-text);font-weight:600}@keyframes home-shortcut-attention{0%,to{transform:scale(1);box-shadow:0 0 #3b82f673}45%{transform:scale(1.06);box-shadow:0 0 18px 4px #3b82f659}70%{transform:scale(1.02)}}@keyframes home-shortcut-ring{0%{opacity:.85;transform:scale(.92)}70%,to{opacity:0;transform:scale(1.28)}}@media (prefers-reduced-motion:reduce){.home-shortcut-item--highlighted .home-shortcut-icon,.home-shortcut-item--highlighted .home-shortcut-icon:after{animation:none}.home-shortcut-item--highlighted .home-shortcut-icon{box-shadow:0 0 0 3px #3b82f673}}.home-shortcuts-empty{text-align:center;color:var(--tg-text-secondary);padding:24px;font-size:14px}.profile-page{background:var(--tg-bg);height:100%;overflow-y:auto}.profile-page-header{text-align:center;border-bottom:1px solid var(--tg-border);padding:20px}.profile-page-header h1{font-size:18px;font-weight:600}.profile-page-body{max-width:480px;margin:0 auto;padding:24px 20px}.profile-page-actions{flex-direction:column}.profile-page-actions .btn{width:100%}@media (width<=480px){.home-shortcuts-grid{grid-template-columns:repeat(3,1fr)}}.tablo-page{background:var(--tg-bg);flex-direction:column;height:100%;display:flex}.tablo-header{text-align:center;border-bottom:1px solid var(--tg-border);background:var(--tg-sidebar);flex-shrink:0;padding:16px 20px 12px}.tablo-header h1{margin:0;font-size:18px;font-weight:600}.tablo-subtitle{color:var(--tg-text-secondary);margin:4px 0 0;font-size:12px}.tablo-feed{flex-direction:column;flex:1;gap:12px;padding:12px 16px 24px;display:flex;overflow-y:auto}.tablo-card{background:var(--tg-sidebar);border:1px solid var(--tg-border);border-radius:12px;padding:14px 16px}.tablo-card-source{align-items:center;gap:8px;margin-bottom:8px;display:flex}.tablo-source-title{color:var(--tg-blue);font-size:13px;font-weight:600}.tablo-card-meta{color:var(--tg-text-secondary);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;display:flex}.tablo-sender{color:var(--tg-text);font-weight:500}.tablo-card-body .message-text{white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.6}.tablo-loading,.tablo-empty,.tablo-loading-more,.tablo-end{text-align:center;color:var(--tg-text-secondary);padding:32px 16px;font-size:14px}.tablo-loading-more{padding:16px}.tablo-admin-layout{grid-template-columns:280px 1fr;gap:20px;min-height:400px;display:grid}@media (width<=900px){.tablo-admin-layout{grid-template-columns:1fr}}.tablo-admin-conv-list{background:var(--tg-sidebar);border-radius:12px;max-height:500px;padding:12px;overflow-y:auto}.tablo-admin-conv-item{text-align:right;width:100%;color:var(--tg-text);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:13px;display:block}.tablo-admin-conv-item:hover,.tablo-admin-conv-item.active{background:var(--tg-bg)}.tablo-admin-messages{background:var(--tg-sidebar);border-radius:12px;padding:16px}.tablo-admin-msg-item{border-bottom:1px solid var(--tg-border);align-items:flex-start;gap:12px;padding:10px 0;display:flex}.tablo-admin-msg-item:last-child{border-bottom:none}.tablo-admin-msg-preview{flex:1;min-width:0}.tablo-admin-msg-preview .message-text{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.tablo-on-wall-badge{color:var(--tg-green);margin-top:4px;font-size:11px}.nemagoft-page .tablo-header h1{letter-spacing:-.5px}.nemagoft-channels{border-bottom:1px solid var(--tg-border);flex-shrink:0;gap:8px;padding:12px 16px;display:flex;overflow-x:auto}.nemagoft-channel-tab{border:1px solid var(--tg-border);background:var(--tg-bg);color:var(--tg-text);cursor:pointer;white-space:nowrap;border-radius:20px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;transition:background .15s,border-color .15s;display:flex}.nemagoft-channel-tab:hover,.nemagoft-channel-tab.active{background:var(--tg-blue-light);border-color:var(--tg-blue);color:var(--tg-blue)}.nemagoft-channel-avatar{background:var(--tg-blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:flex}.nemagoft-manage-badge{color:var(--tg-green);font-size:11px}.nemagoft-wall-title{color:var(--tg-text);border-bottom:1px solid var(--tg-border);margin-bottom:12px;padding:12px 0 8px;font-size:15px;font-weight:600}.nemagoft-card-actions{border-top:1px solid var(--tg-border);margin-top:8px;padding-top:8px}.public-channel-header-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.public-channel-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.public-channel-list{flex-direction:column;flex:1;gap:8px;padding:8px 12px 24px;display:flex;overflow-y:auto}.public-channel-item{text-align:right;border:1px solid var(--tg-border);background:var(--tg-sidebar);width:100%;color:inherit;cursor:pointer;font:inherit;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.public-channel-item:hover{background:var(--tg-hover)}.public-channel-item-body{flex:1;min-width:0}.public-channel-item-title{align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.public-channel-item-meta{color:var(--tg-text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;overflow:hidden}.chat-official-icon{color:var(--tg-green);margin-left:4px;font-size:12px}.message-on-wall-badge{color:var(--tg-green);margin-top:4px;font-size:11px}.context-menu{z-index:1000;background:var(--tg-sidebar);border:1px solid var(--tg-border);border-radius:8px;min-width:160px;padding:4px 0;position:fixed;box-shadow:0 4px 16px #00000026}.context-menu-item{text-align:right;width:100%;color:var(--tg-text);cursor:pointer;background:0 0;border:none;padding:10px 16px;font-size:14px;display:block}.context-menu-item:hover:not(:disabled){background:var(--tg-hover)}.context-menu-item:disabled{color:var(--tg-text-secondary);cursor:default}.documents-page{flex-direction:column;height:100%;display:flex;overflow:hidden}.documents-header{border-bottom:1px solid var(--tg-border);background:var(--tg-sidebar);flex-shrink:0;padding:16px 20px}.documents-header h1{margin:0;font-size:20px;font-weight:600}.documents-subtitle{color:var(--tg-text-secondary);margin:6px 0 0;font-size:13px}.documents-list{flex:1;padding:12px 16px;overflow-y:auto}.document-list-item{text-align:right;border:1px solid var(--tg-border);background:var(--tg-sidebar);width:100%;color:var(--tg-text);cursor:pointer;border-radius:12px;margin-bottom:8px;padding:14px 16px;transition:background .15s;display:block}.document-list-item:hover{background:var(--tg-hover)}.document-list-title{align-items:center;gap:10px;font-size:15px;font-weight:500;display:flex}.document-list-icon{font-size:18px}.document-list-meta{color:var(--tg-text-secondary);align-items:center;gap:10px;margin-top:8px;font-size:12px;display:flex}.document-attachment-badge{color:var(--tg-blue);background:#3390ec26;border-radius:6px;padding:2px 8px;font-size:11px}.documents-loading,.documents-empty{text-align:center;color:var(--tg-text-secondary);padding:40px 20px}.document-detail-page .documents-header{padding:12px 16px}.document-back-btn{padding:6px 12px;font-size:14px}.document-detail{flex:1;padding:20px;overflow-y:auto}.document-detail h1{margin:0 0 8px;font-size:22px;line-height:1.4}.document-detail-meta{color:var(--tg-text-secondary);margin:0 0 20px;font-size:13px}.document-detail-content{white-space:pre-wrap;font-size:15px;line-height:1.8}.document-attachment-section{border-top:1px solid var(--tg-border);margin-top:28px;padding-top:20px}.document-attachment-section h2{margin:0 0 8px;font-size:16px}.document-attachment-info{color:var(--tg-text-secondary);margin:0 0 12px;font-size:13px}.mention-link{color:var(--tg-blue-deep);font:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-weight:600;text-decoration:none}.mention-link:hover{text-decoration:underline}.message-out .mention-link{color:#fff;text-underline-offset:2px;text-decoration:underline}.username-editor{background:var(--tg-sidebar);border-radius:12px;margin:20px 0;padding:16px}.username-editor-row{align-items:center;gap:8px;margin-top:8px;display:flex}.username-prefix{color:var(--tg-text-secondary);font-weight:600}.username-input{flex:1;min-width:0}.username-hint,.username-status{color:var(--tg-text-secondary);margin:8px 0 0;font-size:12px}.username-status.available{color:#2e7d32}.username-status.taken{color:#c62828}.composer-wrap{flex-direction:column;flex:1;display:flex;position:relative}.composer-wrap textarea{width:100%}.mention-autocomplete{background:var(--tg-bg);border:1px solid var(--tg-border);z-index:20;border-radius:12px;max-height:220px;position:absolute;bottom:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 20px #00000026}.mention-autocomplete-item{text-align:right;cursor:pointer;width:100%;color:inherit;font:inherit;background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;display:flex}.mention-autocomplete-item:hover{background:var(--tg-sidebar)}.mention-autocomplete-sub{color:var(--tg-text-secondary);font-size:12px}.mention-autocomplete-type{color:var(--tg-text-secondary);background:var(--tg-sidebar);border-radius:999px;margin-right:auto;padding:2px 8px;font-size:11px}.document-form-textarea{resize:vertical;min-height:200px;font-family:inherit;line-height:1.6}.hekmat-title{color:var(--tg-text);text-align:center;background:url(/holder.png) 50% no-repeat;justify-content:center;align-items:center;width:100%;height:110px;margin:0 auto;font-weight:700;display:flex}.hekmat-logo{text-align:center}.text-menu,.text-submenu{color:#000}.hekmat-page,.hekmat-details-page{background:url(/pattern_islamic.png);height:100%}.hekmat-page-wrapper,.hekmat-details-page-wrapper{height:calc(100% - 55px);padding:15px 15px 55px;overflow-y:auto}.hekmat-quran{background-color:var(--tg-bg);text-align:center;color:#fff;margin:0 0 50px;padding:10px 5px;font-size:18px}.hekmat-buttons{flex-direction:column;align-items:center;gap:15px;margin-top:20px;padding:10px;display:flex}.hekmat-button-wrapper{background-color:var(--tg-bg);color:#fff;text-align:center;cursor:pointer;border:2px solid #c9c283;border-radius:5px;width:100%;padding:8px;box-shadow:5px 5px 5px #202b3633}.hekmat-button-wrapper:hover{border:2px solid #ce9b0d;box-shadow:5px 5px 5px #202b3666}.text-menu{color:#fff;font-size:18px}.yadavar-content{padding:30px 10px}.yadavar-content p{padding-bottom:20px;font-size:large;line-height:200%}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}