.info-icon{display:inline-block;width:18px;height:18px;border-radius:50%;background:var(--pico-primary);color:var(--pico-primary-inverse);text-align:center;font-size:.7rem;line-height:18px;cursor:help;margin-right:.5rem;transition:background-color .2s ease-in-out;vertical-align:middle}.info-icon:hover{background-color:var(--pico-primary-hover)}[data-tooltip]:before{width:max-content;max-width:300px;white-space:normal;word-wrap:break-word;font-size:.5rem;line-height:1.4;position:absolute;display:none;padding:.5rem .75rem;background:var(--pico-card-background-color);color:var(--pico-tooltip-color, var(--pico-secondary-inverse));border-radius:var(--pico-border-radius);box-shadow:var(--pico-card-box-shadow, 0 .0145rem .029rem rgba(0,0,0,.01698),0 .0335rem .067rem rgba(0,0,0,.024),0 .0625rem .125rem rgba(0,0,0,.03),0 .1125rem .225rem rgba(0,0,0,.036),0 .2085rem .417rem rgba(0,0,0,.04302),0 .5rem 1rem rgba(0,0,0,.06));z-index:9999;text-align:right;opacity:0;transform:translateY(5px);transition:opacity .3s ease-in-out,transform .3s ease-in-out,visibility 0s linear .3s;visibility:hidden}[data-tooltip]:hover:before{opacity:1;transform:translateY(0);visibility:visible;transition-delay:0s}[dir=rtl] [data-tooltip]:before{right:100%;left:auto;top:50%;transform:translateY(-50%) translate(5px);margin-right:10px}dialog [data-tooltip]:before{inset:auto auto 100% 50%;transform:translate(-50%) translateY(5px);margin-bottom:10px;margin-right:0;max-width:min(350px,90vw)}[data-tooltip]:after{display:none}[dir=rtl] [data-tooltip]:before{left:auto;right:100%;top:50%;transform:translateY(-50%);margin-right:10px}dialog [data-tooltip]:before{max-width:90vw;width:auto;white-space:normal;line-height:1.5;padding:1rem}dialog [data-tooltip]:after{content:"";position:fixed;inset:0;background:transparent;z-index:9998;display:none}dialog [data-tooltip]:hover:after{display:block}[dir=rtl] [data-tooltip]:not([data-placement=bottom]):not([data-placement=top]):not([data-placement=left]):not([data-placement=right]):before,[dir=rtl] [data-tooltip][data-placement=right]:before{left:auto;right:100%;transform:translate(var(--pico-tooltip-arrow-size))}[dir=rtl] [data-tooltip]:not([data-placement=bottom]):not([data-placement=top]):not([data-placement=left]):not([data-placement=right]):after,[dir=rtl] [data-tooltip][data-placement=right]:after{left:auto;right:100%;transform:translate(calc(var(--pico-tooltip-arrow-size) * 2))}[dir=rtl] [data-tooltip]:after{text-align:right;max-width:var(--tooltip-max-width, 25rem);white-space:normal;word-wrap:break-word}dialog .info-icon[data-tooltip]:after{position:fixed!important;z-index:9999;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;width:80%!important;max-width:300px!important;padding:1rem!important;white-space:normal!important;word-wrap:break-word!important;text-align:right!important;font-size:.6rem!important;background-color:#000;box-shadow:0 0 0 100vmax #000000b3!important}dialog .info-icon[data-tooltip]:before{display:none!important}dialog .info-icon[data-tooltip]:after{content:attr(data-tooltip) "\a\a(برای بستن کلیک کنید)"!important;white-space:pre-wrap!important}dialog .info-icon{position:relative}dialog .info-icon:after{content:"";position:fixed;inset:0;background:transparent;display:none;z-index:9998}dialog .info-icon:hover:after{display:block}[dir=rtl] dialog .info-icon[data-tooltip][data-placement=right]:after,[dir=rtl] dialog .info-icon[data-tooltip][data-placement=left]:after{inset:auto auto 100% 50%;transform:translate(-50%);margin-bottom:10px}[dir=rtl] dialog .info-icon[data-tooltip][data-placement=right]:before,[dir=rtl] dialog .info-icon[data-tooltip][data-placement=left]:before{display:none}dialog .info-icon[data-tooltip]{--tooltip-position: top}.tooltip-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000}.tooltip-modal-content{background-color:var(--card-background-color);border-radius:var(--border-radius);padding:1.5rem;max-width:80%;width:300px;text-align:right;direction:rtl}.tooltip-modal-content p{margin-bottom:1rem;line-height:1.5}.tooltip-modal-content button{background-color:var(--primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--border-radius);cursor:pointer;float:left}.tooltip-modal-content button:hover{background-color:var(--primary-hover)}[dir=rtl] [data-tooltip]:hover:before{transform:translateY(-50%) translate(0)}dialog [data-tooltip]:hover:before{transform:translate(-50%) translateY(0)}.banner-upload{width:100%;position:relative}.banner-preview{width:100%;height:150px;background-color:var(--card-background-color);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}.avatar-preview-container{position:relative;display:flex;justify-content:flex-end;margin-top:-60px;margin-bottom:20px;padding-right:20px}.avatar-preview{position:relative;width:120px;height:120px;border-radius:50%;border:4px solid var(--card-background-color);overflow:hidden;background-color:var(--muted-color);display:flex;align-items:center;justify-content:center}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--primary);color:#fff;font-size:2rem;font-weight:700}.avatar-preview .upload-button{position:absolute;bottom:0;right:0;background-color:var(--primary);color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.avatar-preview .upload-button:hover{background-color:var(--primary-hover)}.banner-preview .upload-button{background-color:#00000080;color:#fff;padding:.5rem 1rem;border-radius:var(--border-radius);cursor:pointer;display:flex;align-items:center;gap:.5rem}.form-fields{padding:1rem}.form-group{margin-bottom:1rem}.form-group label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.form-group .icon{color:var(--muted-color)}.form-group input,.form-group textarea{border:1px solid var(--pico-muted-border-color)!important;background-color:var(--pico-form-element-background-color)!important;border-radius:var(--pico-border-radius)!important}.form-group input:focus,.form-group textarea:focus{border-color:var(--pico-primary)!important;box-shadow:0 0 0 2px rgba(var(--pico-primary-rgb),.2)!important}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1rem;border-top:1px solid var(--card-border-color)}[dir=rtl] .avatar-preview-container{justify-content:flex-start;padding-right:0;padding-left:1rem}[dir=rtl] .avatar-preview .upload-button{right:auto;left:0}[dir=rtl] .form-group label{flex-direction:row-reverse}.settings-page-container{width:100%;max-width:1200px;margin:0 auto;padding:1rem}.settings-main-article{margin:2rem 0}.settings-page-header{margin-bottom:2rem;text-align:center}.settings-page-header h1{font-size:2rem;margin-bottom:.5rem;color:var(--primary)}.settings-page-header p{color:var(--muted-color)}.settings-options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.settings-option-card{background-color:var(--card-background-color);border-radius:var(--border-radius);box-shadow:var(--card-box-shadow);transition:transform .2s,box-shadow .2s;text-decoration:none;color:inherit;overflow:hidden}.settings-option-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.settings-option-content{padding:1.5rem}.settings-option-header{display:flex;align-items:center;margin-bottom:1rem}.settings-option-icon{background-color:var(--primary-light, rgba(var(--primary-rgb), .1));border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-right:1rem;color:var(--primary)}.settings-option-title{margin:0;font-size:1.25rem}.settings-option-description{color:var(--muted-color);margin:0;line-height:1.5}@media (prefers-color-scheme: dark){.settings-option-icon{background-color:#ffffff1a}}@media (max-width: 768px){.settings-options-grid{grid-template-columns:1fr}.settings-page-header h1{font-size:1.75rem}}.settings-container{margin:2rem 0;position:relative;z-index:1}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.settings-icon{background-color:var(--primary-focus);color:#fff;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.settings-grid>a{text-decoration:none}.settings-grid>a>article{height:100%;transition:transform .2s,box-shadow .2s;z-index:1!important;position:relative}.settings-grid>a>article:hover{transform:translateY(-3px);box-shadow:var(--card-box-shadow)}@media (max-width: 768px){.settings-grid{grid-template-columns:1fr}}.settings-page-container *{z-index:auto!important}.wallet-history{margin-bottom:2rem}.transactions-section{background-color:var(--card-background-color);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--card-box-shadow);margin-bottom:1rem}.tabs{display:flex;margin-bottom:1.5rem;border-bottom:1px solid var(--muted-border-color)}.tab-button{background:none;border:none;padding:.75rem 1.5rem;cursor:pointer;font-size:1rem;color:var(--muted-color);position:relative}.tab-button.active{color:var(--primary);font-weight:700}.tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--primary)}.transaction-filters{margin-bottom:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-btn{background-color:var(--card-sectionning-background-color);border:1px solid var(--muted-border-color);border-radius:var(--border-radius);padding:.5rem 1rem;cursor:pointer;font-size:.9rem}.transaction-table{overflow-x:auto;width:100%;min-height:200px;position:relative}.transaction-table table{width:100%;border-collapse:separate;border-spacing:0;font-size:.9rem;table-layout:fixed}.transaction-table th,.transaction-table td{padding:.75rem 1rem;text-align:center;border-bottom:1px solid var(--muted-border-color)}.transaction-table th{background-color:transparent}.transaction-table thead{display:table-header-group!important;visibility:visible!important}.transaction-table thead tr{background-color:var(--secondary-focus)!important;border-bottom:2px solid var(--primary)!important}.transaction-table thead th{color:#fff!important;font-weight:700!important;text-shadow:0 1px 0 rgba(0,0,0,.2)!important;opacity:1!important;padding:.75rem 1rem!important;text-align:center!important;vertical-align:middle!important;white-space:nowrap!important;visibility:visible!important;z-index:5!important}.deposit-type{color:var(--ins-color);font-weight:700}.withdrawal-type{color:var(--del-color);font-weight:700}.wallet-address,.tx-hash{font-family:monospace}.tx-link{color:var(--link-color);text-decoration:none}.tx-link:hover{text-decoration:underline}.no-transactions{text-align:center;padding:2rem;color:var(--muted-color)}@media (max-width: 768px){.transaction-table{font-size:.8rem}.transaction-table th,.transaction-table td{padding:.5rem}.filter-btn{padding:.4rem .75rem;font-size:.8rem}}.transaction-table-wrapper{position:relative;width:100%;background-color:var(--card-background-color);border-radius:var(--border-radius);overflow:hidden}.visible-header{background-color:var(--primary)}.hash-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--primary);text-decoration:none;font-family:monospace;background-color:var(--card-sectionning-background-color);padding:.2rem .4rem;border-radius:4px;font-size:.85rem;transition:background-color .2s}.hash-link:hover{background-color:var(--primary-hover);color:#fff}.hash-link svg{margin-top:1px}.tip-sent{color:var(--del-color);font-weight:700}.tip-received{color:var(--ins-color);font-weight:700}.transactions-section{margin-top:1rem}.transaction-table table{width:100%;border-collapse:collapse}.transaction-table th,.transaction-table td{padding:.75rem;text-align:right}.transaction-table th{background-color:var(--card-sectionning-background-color);font-weight:700}.transaction-table tr:nth-child(2n){background-color:var(--card-sectionning-background-color)}.no-transactions{text-align:center;padding:2rem!important;color:var(--muted-color)}.tabs{display:flex;margin-bottom:1rem;border-bottom:1px solid var(--muted-border-color)}.tab-button{padding:.5rem 1rem;background:none;border:none;cursor:pointer;font-weight:700;color:var(--muted-color);position:relative}.tab-button.active{color:var(--primary)}.tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--primary)}.filter-group{margin-bottom:1rem}.filter-buttons{display:flex;gap:.5rem}.filter-btn{padding:.25rem .75rem;border-radius:1rem;border:1px solid var(--muted-border-color);background:none;cursor:pointer}.filter-btn.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.payments-section{padding:2rem}.payment-sections-container{display:flex;flex-direction:column;gap:2.5rem;width:100%}.wallet-section,.withdrawals-section{background-color:var(--card-background-color);border-radius:var(--border-radius);padding:2rem;box-shadow:var(--card-box-shadow);width:100%}.section-title{margin-bottom:2rem;font-size:1.5rem;color:var(--primary)}h3{margin-bottom:1rem;font-size:1.25rem;color:var(--primary)}.section-description{margin-bottom:1.5rem;color:var(--muted-color);line-height:1.5}.wallet-form{display:flex;flex-direction:column;gap:1.5rem;width:100%}.form-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.form-group label{font-weight:700}.form-group input{padding:.75rem;border:1px solid var(--muted-border-color);border-radius:var(--border-radius);font-size:1rem;width:100%}.form-actions{margin-top:1rem}.wallet-button{background-color:var(--primary);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;transition:background-color .3s}.wallet-button:hover{background-color:var(--primary-hover)}@media (max-width: 768px){.payments-section{padding:1rem}.wallet-section,.withdrawals-section{padding:1.5rem}}.wallet-management-container{max-width:900px;margin:0 auto;padding:1.5rem}.wallet-header{margin-bottom:2rem;display:flex;align-items:center;gap:.5rem}.wallet-header h2{margin:0;color:var(--primary);font-size:1.75rem}.wallet-operations{display:flex;flex-direction:column;gap:2.5rem;margin-bottom:2rem}.wallet-section{background-color:var(--card-background-color);border-radius:var(--border-radius);padding:2rem;box-shadow:var(--card-box-shadow);position:relative;border-top:4px solid var(--primary)}.deposit-section{border-color:var(--ins-color)}.withdrawal-section{border-color:var(--del-color)}.section-header{display:flex;flex-direction:row-reverse;align-items:center;gap:.75rem;margin-bottom:1rem}.section-icon{background-color:var(--primary-focus);color:#fff;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:.5rem}.section-header h3{margin:0;color:var(--h3-color, var(--text-color))}.section-description{margin-bottom:1.5rem;color:var(--muted-color);line-height:1.6}.wallet-info-container,.withdrawal-form-container{margin-top:1.5rem}.wallet-footer{text-align:center;margin-top:2rem;padding:1rem;border-top:1px solid var(--muted-border-color);color:var(--muted-color)}.wallet-footer a{color:var(--primary);text-decoration:none}.wallet-footer a:hover{text-decoration:underline}@media (max-width: 768px){.wallet-management-container{padding:1rem}.wallet-section{padding:1.5rem}}.wallet-section .wallet-info,.wallet-section .withdrawal-card{box-shadow:none;background:none;padding:0}.sessions-container{max-width:800px;margin:0 auto;padding:1rem}.sessions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--pico-muted-border-color)}.sessions-title{font-size:1.5rem;font-weight:600;color:var(--pico-color)}.refresh-button{background:var(--pico-primary);border:none;border-radius:var(--pico-border-radius);padding:.5rem;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.refresh-button:hover:not(:disabled){background:var(--pico-primary-hover)}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.close-all-section{margin-bottom:2rem}.close-all-button-wrapper{display:flex;flex-direction:column;gap:.5rem}.close-all-button{background:var(--pico-del-color);border:none;border-radius:var(--pico-border-radius);padding:.75rem 1.5rem;color:#fff;cursor:pointer;font-weight:500;transition:background-color .2s ease;align-self:flex-start}.close-all-button:hover:not(:disabled){background:var(--pico-del-hover-color)}.close-all-button:disabled{opacity:.6;cursor:not-allowed}.confirmation-message{background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);padding:1rem;color:var(--pico-color);font-size:.9rem;max-width:400px}.sessions-list{display:flex;flex-direction:column;gap:1rem}.session-card{background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);padding:1.5rem;display:flex;justify-content:space-between;align-items:center;transition:border-color .2s ease}.session-card:hover{border-color:var(--pico-primary)}.session-info{flex:1}.session-device{font-weight:600;color:var(--pico-color);margin-bottom:.5rem;font-size:1.1rem}.session-details{color:var(--pico-muted-color);font-size:.9rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.dot-separator{color:var(--pico-muted-border-color)}.close-session-button{background:var(--pico-del-color);border:none;border-radius:var(--pico-border-radius);padding:.5rem 1rem;color:#fff;cursor:pointer;font-size:.9rem;transition:background-color .2s ease;flex-shrink:0}.close-session-button:hover:not(:disabled){background:var(--pico-del-hover-color)}.close-session-button:disabled{opacity:.6;cursor:not-allowed}.current-session-badge{background:var(--pico-primary);color:#fff;padding:.5rem 1rem;border-radius:var(--pico-border-radius);font-size:.9rem;font-weight:500;flex-shrink:0}.loading-message,.empty-message{text-align:center;padding:2rem;color:var(--pico-muted-color);font-style:italic}@media (max-width: 768px){.sessions-container{padding:.5rem}.session-card{flex-direction:column;align-items:flex-start;gap:1rem}.session-details{flex-direction:column;align-items:flex-start;gap:.25rem}.dot-separator{display:none}.close-session-button,.current-session-badge{align-self:flex-end}.close-all-button{width:100%}}.notification-list{padding:0}.notification-item{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;padding:.5rem;cursor:pointer;margin-bottom:.5rem;align-items:center}.avatar-small{width:32px;height:32px;border-radius:50%}.notification-content{text-align:right}.notification-time{flex-shrink:0}.notification-table{width:100%;border-collapse:collapse;table-layout:fixed!important}.notification-row{cursor:pointer}.notification-row:hover{background-color:#ffffff0d}.notification-row td{padding:0!important;border:none!important}.avatar-circle{width:40px!important;height:40px!important;border-radius:50%!important;object-fit:cover!important;display:block!important}.content-cell div{display:flex;flex-direction:row-reverse;gap:.25rem;align-items:baseline}.notification-message{padding:1rem;flex-shrink:1}.avatar-wrapper{width:40px!important;height:40px!important;border-radius:50%!important;overflow:hidden!important;display:block!important;margin:0!important}.avatar-wrapper img{width:100%;height:100%;object-fit:cover}.notification-table td img{max-width:none;border-radius:50%!important}.avatar-background{width:40px;height:40px;border-radius:50%;background-size:cover;background-position:center;display:inline-block}.avatar-cell{width:42px!important;padding-right:0!important;vertical-align:middle!important}.content-cell{text-align:right!important;padding-left:0!important;width:auto!important;margin-left:-5px!important}.time-cell{white-space:nowrap!important;color:var(--pico-muted-color)!important;width:auto!important;padding-right:10px!important;padding-left:0!important}.avatar-link{display:block;text-decoration:none}.notification-text{text-align:right}.notification-text strong{display:inline-block}.notification-text:hover{cursor:pointer}.notification-message{display:inline-block;padding:0}.notification-row .notification-text,.notification-row .notification-text *{cursor:pointer!important}.notifications-container{direction:rtl;text-align:right}.notifications-container article{direction:rtl;text-align:right}.notifications-container header{direction:rtl;text-align:right}.notification-settings{display:flex;flex-direction:column;gap:1rem;direction:rtl}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);direction:rtl}.setting-item label{font-weight:500;margin:0;text-align:right;direction:rtl;flex:1}.setting-item input[type=checkbox]{margin:0;margin-left:1rem;flex-shrink:0}.setting-item{flex-direction:row-reverse}.setting-item input[type=checkbox]{margin-left:0;margin-right:1rem}.notifications-page,.notifications-page *,.notifications-page .notifications-container,.notifications-page .notification-section,.notifications-page .section-header,.notifications-page .section-title,.notifications-page .notification-option,.notifications-page .option-label{direction:rtl!important;text-align:right!important}.notification-section{margin-bottom:2rem;direction:rtl;text-align:right}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;direction:rtl;flex-direction:row}.section-header .section-title{font-size:1.25rem;font-weight:600;text-align:right!important;direction:rtl!important;color:var(--pico-color);margin:0;width:100%;display:block}.notifications-page .section-header .section-title,.notifications-page .notification-section .section-header .section-title,.notifications-container .section-header .section-title,.notifications-container .notification-section .section-header .section-title{text-align:right!important;direction:rtl!important;float:right;width:auto}.notification-option{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);margin-bottom:.5rem;direction:rtl}.notification-option.disabled{opacity:.6;background-color:var(--pico-card-background-color)}.option-label{font-weight:500;text-align:right;direction:rtl;flex:1;margin:0}.save-section{margin-top:2rem;text-align:center;direction:rtl}@media (max-width: 768px){.setting-item{padding:.75rem}.section-title{font-size:1.25rem}.section-header .section-title{font-size:1.125rem}.notification-option{padding:.75rem}}.settings-content{max-width:800px;margin:0 auto;padding:1rem}.privacy-form{display:flex;flex-direction:column;gap:2rem}.form-section{background-color:var(--card-background-color);border-radius:var(--border-radius);padding:1.5rem 1.5rem 1rem;box-shadow:var(--card-box-shadow);margin-bottom:2rem;border-bottom:1px solid var(--pico-muted-border-color)}.form-section:last-child{border-bottom:none}.form-section h2{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;margin-top:0;margin-bottom:1.5rem;color:var(--primary);border-bottom:1px solid var(--muted-border-color);padding-bottom:.75rem}.form-group{margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-group small{text-align:right;display:block;margin-top:.25rem}.form-group label{text-align:right;display:block;margin-bottom:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{margin:0}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.alert-container{padding:1rem;border-radius:var(--border-radius);margin:1rem 0}.alert-container.error{background-color:var(--del-color);color:#fff}.alert-container.success{background-color:var(--ins-color);color:#fff}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px}.full-width{width:100%;text-align:center}.form-section .checkbox-label{display:flex;align-items:center;margin-bottom:.75rem;width:100%}.form-section .checkbox-label input[type=checkbox]{width:auto;height:1.25em;min-width:1.25em;max-width:1.25em;margin-left:.75rem!important;margin-right:0!important;order:-1}.form-section .form-group input[type=checkbox]{width:auto!important;flex:0 0 auto}.form-section select{text-overflow:ellipsis;direction:rtl;background:var(--pico-form-element-background-color)!important;background-image:none!important;background-repeat:no-repeat!important;background-position:left .75rem center!important;background-size:16px 16px!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;padding-left:2.5rem!important;padding-right:1rem!important}.form-section .form-group{position:relative}.form-section .form-group select{background-image:none!important}.form-section .form-group:after{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:12px;height:12px;border-left:2px solid var(--pico-muted-color);border-bottom:2px solid var(--pico-muted-color);transform:translateY(-25%) rotate(-45deg);pointer-events:none;z-index:1}.form-section select::-ms-expand{display:none}.button.outline.secondary.full-width{text-align:right;padding:.75rem 1rem}@media (max-width: 768px){.form-actions{flex-direction:column}.form-actions button{width:100%}}.email-change-section{background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);padding:1.5rem;margin:1rem 0}.email-change-section h4{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--pico-primary-600)}.current-email-display{text-align:center}.current-email{margin-bottom:1rem;font-size:1rem;color:var(--pico-color)}.current-email strong{color:var(--pico-primary-600);font-weight:600}.email-change-form{margin-top:1rem}.email-change-form .form-group{margin-bottom:1rem}.email-change-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.email-change-form .form-actions button{min-width:120px}.email-change-section{direction:rtl}.email-change-form .form-actions{justify-content:flex-start}@media (prefers-color-scheme: dark){.email-change-section{background:var(--pico-card-background-color);border-color:var(--pico-muted-border-color)}.email-change-section h4,.current-email strong{color:var(--pico-primary-400)}}.devices-container{direction:rtl;text-align:right}.section-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-align:right;direction:rtl;color:var(--pico-color)}.loading-indicator{text-align:center;padding:2rem;color:var(--pico-muted-color)}.error-message{color:var(--pico-del-color);background-color:var(--pico-del-background-color);border:1px solid var(--pico-del-border-color);border-radius:var(--pico-border-radius);padding:1rem;margin-bottom:1rem;text-align:right;direction:rtl}.empty-message{text-align:center;padding:2rem;color:var(--pico-muted-color);background-color:var(--pico-card-background-color);border-radius:var(--pico-border-radius);border:1px solid var(--pico-muted-border-color)}.devices-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.device-item{display:flex;align-items:center;padding:1rem;background-color:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);gap:1rem;direction:rtl}.device-item.current-device{border-color:var(--pico-primary);background-color:var(--pico-primary-background)}.device-icon{flex-shrink:0;color:var(--pico-primary)}.device-info{flex:1;text-align:right;direction:rtl}.device-name{font-weight:600;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem;justify-content:flex-start;direction:rtl}.current-badge{font-size:.75rem;background-color:var(--pico-primary);color:#fff;padding:.125rem .5rem;border-radius:1rem;font-weight:500}.device-details{font-size:.875rem;color:var(--pico-muted-color);margin-bottom:.25rem;direction:rtl;text-align:right}.device-details span{margin:0 .25rem}.device-ip{font-size:.75rem;color:var(--pico-muted-color);font-family:monospace;direction:ltr;text-align:right}.logout-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--pico-del-background-color);color:var(--pico-del-color);border:1px solid var(--pico-del-border-color);border-radius:var(--pico-border-radius);cursor:pointer;font-size:.875rem;transition:all .2s ease;flex-shrink:0}.logout-button:hover{background-color:var(--pico-del-color);color:#fff}.form-actions{margin-bottom:2rem;text-align:center}.form-actions button{padding:.75rem 1.5rem}.settings-info-box{background-color:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);padding:1.5rem;direction:rtl;text-align:right}.settings-info-box .section-title{margin-bottom:.75rem;font-size:1.125rem}.settings-info-box p{margin:0;color:var(--pico-muted-color);line-height:1.6;text-align:right;direction:rtl}@media (max-width: 768px){.device-item{flex-direction:column;align-items:flex-start;gap:.75rem}.device-info{width:100%}.logout-button{align-self:flex-end}.device-name{flex-direction:column;align-items:flex-start;gap:.25rem}}.appearance-container{max-width:600px;margin:0 auto;padding:var(--spacing-lg)}.appearance-container header h1{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.appearance-section h2{margin-bottom:var(--spacing-sm);color:var(--pico-color)}.section-description{color:var(--pico-muted-color);margin-bottom:var(--spacing-xl)}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.theme-option{border:2px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);padding:var(--spacing-lg);cursor:pointer;transition:all var(--pico-transition);background:var(--pico-card-background-color)}.theme-option:hover{border-color:var(--pico-primary);transform:translateY(-2px)}.theme-option.active{border-color:var(--pico-primary);background:var(--pico-primary-focus)}.theme-preview{width:100%;height:120px;border-radius:var(--pico-border-radius);margin-bottom:var(--spacing-md);overflow:hidden;border:1px solid var(--pico-muted-border-color)}.light-preview{background:#fff}.dark-preview{background:#1a1a1a}.preview-topbar{height:24px;margin-bottom:8px}.light-preview .preview-topbar{background:#f5f5f5;border-bottom:1px solid #e0e0e0}.dark-preview .preview-topbar{background:#2a2a2a;border-bottom:1px solid #404040}.preview-content{padding:8px 12px;display:flex;flex-direction:column;gap:6px}.preview-post{height:20px;border-radius:4px}.preview-post.short{width:70%}.light-preview .preview-post{background:#e8e8e8}.dark-preview .preview-post{background:#3a3a3a}.theme-info h3{margin:0 0 var(--spacing-xs) 0;color:var(--pico-color);font-size:1.1rem}.theme-info p{margin:0;color:var(--pico-muted-color);font-size:.9rem}.theme-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0}@media (max-width: 768px){.theme-options{grid-template-columns:1fr}.appearance-container{padding:var(--spacing-md)}.theme-preview{height:100px}}.tfa-content{max-width:800px;margin:0 auto;padding:1rem 0 3rem}.tfa-setup-container{margin-top:2rem;background-color:var(--card-background-color);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--card-box-shadow)}.tfa-enabled-container{text-align:center;margin:2rem 0}.tfa-status-card{padding:2rem;border-radius:var(--border-radius);background-color:var(--card-sectionning-background-color);margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.tfa-icon{color:var(--primary);margin-bottom:1rem}.tfa-setup-form{display:grid;gap:2rem}@media (min-width: 768px){.tfa-setup-form{grid-template-columns:1fr 1fr}}.tfa-qr-section,.tfa-verify-section{padding:1.5rem;border-radius:var(--border-radius);background-color:var(--card-sectionning-background-color)}.qrcode-container{display:flex;justify-content:center;margin:2rem 0}.qrcode-container img{max-width:200px;max-height:200px;border:1px solid var(--muted-border-color);border-radius:var(--border-radius);padding:.5rem;background:#fff}.manual-code{margin-top:1.5rem;padding:1rem;background-color:var(--card-background-color);border-radius:var(--border-radius);text-align:center}.secret-key{font-family:monospace;font-size:1.1rem;padding:.5rem;margin:.5rem 0;background-color:var(--code-background-color);border-radius:var(--border-radius);word-break:break-all}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.tfa-disable-form{max-width:400px;margin:0 auto}.tfa-info-section{margin-top:2rem;padding:1rem;background-color:var(--card-sectionning-background-color);border-radius:var(--border-radius);border-left:4px solid var(--primary)}.tfa-info-section h3{margin-bottom:.75rem}.tfa-info-section ul{padding-right:1.5rem}.alert-container{margin:1.5rem 0;padding:1rem;border-radius:var(--border-radius)}.alert-container.error{background-color:var(--del-background-color);color:var(--del-color);border:1px solid var(--del-color)}.alert-container.success{background-color:var(--ins-background-color);color:var(--ins-color);border:1px solid var(--ins-color)}.tfa-info-section ul{padding-right:1.5rem;padding-left:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:1rem}.change-password-page{width:100%;min-height:100vh;padding:var(--pico-spacing);background-color:var(--pico-background-color)}.change-password-container{max-width:500px;margin:0 auto;background-color:var(--pico-card-background-color);border-radius:var(--pico-border-radius);box-shadow:var(--pico-card-box-shadow);padding:var(--pico-spacing);border:1px solid var(--pico-muted-border-color)}.page-header{text-align:center;margin-bottom:calc(var(--pico-spacing) * 2);padding-bottom:var(--pico-spacing);border-bottom:1px solid var(--pico-muted-border-color)}.page-header h1{margin-bottom:calc(var(--pico-spacing) / 2);color:var(--pico-color);font-size:1.5rem}.page-header p{color:var(--pico-muted-color);margin-bottom:0;font-size:.9rem}.change-password-form{width:100%}.form-section{margin-bottom:calc(var(--pico-spacing) * 1.5)}.form-group{margin-bottom:var(--pico-spacing)}.form-group label{display:block;margin-bottom:calc(var(--pico-spacing) / 4);font-weight:var(--pico-font-weight);color:var(--pico-color);font-size:.9rem}.form-group input{width:100%;padding:calc(var(--pico-spacing) / 2);border:1px solid var(--pico-form-element-border-color);border-radius:var(--pico-border-radius);background-color:var(--pico-form-element-background-color);color:var(--pico-color);font-size:1rem;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.form-group input:focus{outline:none;border-color:var(--pico-primary);box-shadow:0 0 0 2px rgba(var(--pico-primary-rgb),.1)}.form-group input.error{border-color:var(--pico-del-color);box-shadow:0 0 0 2px rgba(var(--pico-del-color-rgb, 220, 53, 69),.1)}.form-group input:disabled{opacity:.6;cursor:not-allowed}.error-message{display:block;color:var(--pico-del-color);font-size:.8rem;margin-top:calc(var(--pico-spacing) / 4);text-align:right}.security-tips{background-color:var(--pico-muted-background-color);padding:var(--pico-spacing);border-radius:var(--pico-border-radius);margin-bottom:calc(var(--pico-spacing) * 1.5);border:1px solid var(--pico-muted-border-color)}.security-tips h3{margin-bottom:calc(var(--pico-spacing) / 2);color:var(--pico-color);font-size:1rem}.security-tips ul{margin:0;padding-right:var(--pico-spacing);list-style-type:disc}.security-tips li{color:var(--pico-muted-color);font-size:.85rem;margin-bottom:calc(var(--pico-spacing) / 4);line-height:1.4}.form-actions{display:flex;gap:var(--pico-spacing);justify-content:flex-end;margin-top:calc(var(--pico-spacing) * 2);padding-top:var(--pico-spacing);border-top:1px solid var(--pico-muted-border-color)}.form-actions button{min-width:120px;padding:calc(var(--pico-spacing) / 2) var(--pico-spacing);border-radius:var(--pico-border-radius);font-size:.9rem;cursor:pointer;transition:all .2s ease-in-out;text-align:center}.form-actions button:disabled{opacity:.6;cursor:not-allowed}.form-actions .button.outline{background-color:transparent;color:var(--pico-muted-color);border:1px solid var(--pico-muted-border-color)}.form-actions .button.outline:hover:not(:disabled){background-color:var(--pico-muted-background-color);color:var(--pico-color)}.form-actions .button.primary{background-color:var(--pico-primary);color:var(--pico-primary-inverse);border:1px solid var(--pico-primary)}.form-actions .button.primary:hover:not(:disabled){background-color:var(--pico-primary-hover);border-color:var(--pico-primary-hover)}@media (max-width: 576px){.change-password-page{padding:calc(var(--pico-spacing) / 2)}.change-password-container{padding:var(--pico-spacing);margin:0;max-width:100%}.page-header h1{font-size:1.3rem}.form-actions{flex-direction:column-reverse;gap:calc(var(--pico-spacing) / 2)}.form-actions button{width:100%;min-width:auto}.security-tips,.security-tips li{font-size:.8rem}}[dir=rtl] .security-tips ul{padding-right:0;padding-left:var(--pico-spacing)}[dir=rtl] .form-actions{justify-content:flex-start}@media (prefers-color-scheme: dark){.form-group input.error{box-shadow:0 0 0 2px #dc354533}}@media (prefers-contrast: high){.form-group input{border-width:2px}.form-group input:focus{box-shadow:0 0 0 3px rgba(var(--pico-primary-rgb),.3)}}
