:root{font-family:Cairo,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;font-weight:400;color:#f4f0e6;background-color:#1c1618;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:#1c1618}#root{min-height:100vh}html[dir=rtl]{direction:rtl}html[dir=ltr]{direction:ltr}html[dir=rtl]{font-family:Cairo,Segoe UI,Tahoma,Arial,sans-serif}html[dir=ltr]{font-family:Cairo,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.layout{display:flex;min-height:100vh;background:#1c1618}.sidebar{width:260px;background:#110d0f;border-right:1px solid #30282b;display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:100}[dir=rtl] .sidebar{left:auto;right:0;border-right:none;border-left:1px solid #30282b}.sidebar-header{padding:24px 20px;border-bottom:1px solid #30282b;display:flex;align-items:center;gap:12px}.sidebar-logo{width:40px;height:40px}.sidebar-header h2{margin:0;font-size:20px;font-weight:700;color:#cba745}.sidebar-nav{flex:1;padding:16px 0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#cfc7be;text-decoration:none;transition:all .2s ease;border-left:3px solid transparent}[dir=rtl] .nav-item{border-left:none;border-right:3px solid transparent}[dir=rtl] .nav-item.active{border-right-color:#cba745}.nav-item:hover{background:#1c1618;color:#cba745}.nav-item.active{background:#1c1618;color:#cba745;border-left-color:#cba745}.nav-icon{font-size:20px;width:24px;text-align:center;display:flex;align-items:center;justify-content:center}.nav-icon-img{width:20px;height:20px;object-fit:contain}.nav-text{font-weight:600;font-size:15px}.sidebar-footer{padding:16px 20px;border-top:1px solid #30282b}.logout-btn{width:100%;display:flex;align-items:center;gap:12px;padding:12px 20px;background:transparent;border:none;color:#ff6b6b;cursor:pointer;border-radius:8px;transition:all .2s ease;font-size:15px;font-weight:600;text-align:right}[dir=ltr] .logout-btn{text-align:left}.logout-btn:hover{background:#2c1a1c;color:#ff8e8e}.main-content{flex:1;margin-left:260px;min-height:100vh}[dir=rtl] .main-content{margin-left:0;margin-right:260px}@media(max-width:768px){.sidebar{width:70px}.sidebar-header h2,.nav-text{display:none}.main-content{margin-left:70px}[dir=rtl] .main-content{margin-right:70px}}.language-switcher{position:absolute;top:24px;left:24px;background:#1c1618;border:1px solid #2a2224;color:#cba745;font-weight:700;font-size:14px;padding:8px 14px;border-radius:8px;cursor:pointer;transition:all .2s ease;z-index:10}.language-switcher:hover{background:#2a2224;border-color:#cba745;transform:translateY(-1px);box-shadow:0 4px 12px #cba74533}.language-switcher:active{transform:translateY(0)}.language-switcher-text{display:block;min-width:24px;text-align:center}[dir=rtl] .language-switcher{left:auto;right:24px}.loading-container{display:flex;align-items:center;justify-content:center;padding:40px 20px;min-height:200px}.loading-fullscreen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#1c1618f2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:24px}.spinner{position:relative;display:inline-block}.spinner-small{width:40px;height:40px}.spinner-medium{width:60px;height:60px}.spinner-large{width:80px;height:80px}.spinner-ring{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid transparent;border-top-color:#cba745;border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring:nth-child(1){animation-delay:-.45s;border-top-color:#cba745;opacity:1}.spinner-ring:nth-child(2){animation-delay:-.3s;border-top-color:#b79535;opacity:.8;width:80%;height:80%;top:10%;left:10%}.spinner-ring:nth-child(3){animation-delay:-.15s;border-top-color:#a38425;opacity:.6;width:60%;height:60%;top:20%;left:20%}.spinner-ring:nth-child(4){animation-delay:0s;border-top-color:#8f7315;opacity:.4;width:40%;height:40%;top:30%;left:30%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{margin:0;color:#cba745;font-size:16px;font-weight:600;text-align:center;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.loading-dots{display:inline-flex;gap:8px;align-items:center}.loading-dot{width:8px;height:8px;border-radius:50%;background:#cba745;animation:bounce 1.4s ease-in-out infinite both}.loading-dot:nth-child(1){animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}.loading-dot:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.page{min-height:100vh;background:radial-gradient(circle at 20% 20%,#1c161899 0,transparent 30%),radial-gradient(circle at 80% 10%,#cba74522 0,transparent 30%),#1c1618;display:flex;align-items:center;justify-content:center;padding:32px 16px}.panel{width:min(520px,100%);background:#110d0f;border:1px solid #30282b;border-radius:18px;box-shadow:0 20px 80px #0005;padding:32px;color:#f4f0e6}.brand{display:flex;gap:16px;align-items:center;margin-bottom:24px}.brand-logo{width:60px;height:60px}.eyebrow{margin:0;color:#cba745;font-size:13px;letter-spacing:.5px}h1{margin:4px 0;font-size:28px;font-weight:700}.subtitle{margin:0;color:#cfc7be;font-size:14px}.form{display:flex;flex-direction:column;gap:16px}.label{display:flex;flex-direction:column;gap:8px;font-weight:600;color:#f4f0e6}.input{background:#1c1618;border:1px solid #2a2224;color:#f4f0e6;padding:12px 14px;border-radius:10px;font-size:15px;transition:border .2s ease,box-shadow .2s ease}.input:focus{outline:none;border-color:#cba745;box-shadow:0 0 0 3px #cba74533}.alert{padding:12px 14px;border-radius:10px;font-size:14px;line-height:1.4}.alert-error{background:#2c1a1c;border:1px solid #ff6b6b55;color:#ffb3b3}.alert-success{background:#1d2c1f;border:1px solid #7fcf7f66;color:#b7f1b7}.actions{display:flex;justify-content:flex-start;margin-top:4px}[dir=ltr] .actions{justify-content:flex-end}button{border:none;background:linear-gradient(135deg,#cba745,#b79535);color:#1c1618;font-weight:700;padding:12px 18px;border-radius:10px;cursor:pointer;min-width:160px;transition:transform .1s ease,box-shadow .2s ease,opacity .2s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 25px #cba74544}button:disabled{opacity:.6;cursor:not-allowed}.response{margin-top:20px;background:#0d090b;border:1px solid #2f2629;border-radius:12px;overflow:hidden}.response-header{padding:10px 14px;background:#1c1618;color:#cba745;font-weight:700;border-bottom:1px solid #2f2629}.response pre{margin:0;padding:14px;color:#f4f0e6;font-size:13px;line-height:1.5;overflow-x:auto}.dashboard-page{min-height:100vh;background:radial-gradient(circle at 20% 20%,#1c161899 0,transparent 30%),radial-gradient(circle at 80% 10%,#cba74522 0,transparent 30%),#1c1618;padding:32px 16px;color:#f4f0e6}.dashboard-header{max-width:1200px;margin:0 auto 40px;text-align:center}.dashboard-header h1{margin:0 0 8px;font-size:32px;font-weight:700;color:#cba745}.dashboard-subtitle{margin:0;color:#cfc7be;font-size:16px}.dashboard-content{max-width:1200px;margin:0 auto}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:40px}.stat-card{background:#110d0f;border:1px solid #30282b;border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0006;border-color:#cba74544}.stat-icon{font-size:48px;line-height:1}.stat-info h3{margin:0 0 8px;font-size:14px;font-weight:600;color:#cfc7be;text-transform:uppercase;letter-spacing:.5px}.stat-value{margin:0;font-size:32px;font-weight:700;color:#cba745}.dashboard-welcome{background:#110d0f;border:1px solid #30282b;border-radius:12px;padding:32px;text-align:center}.dashboard-welcome h2{margin:0 0 16px;font-size:24px;font-weight:700;color:#cba745}.dashboard-welcome p{margin:0;color:#cfc7be;font-size:16px;line-height:1.6}@media(max-width:768px){.dashboard-stats{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#110d0f;border:1px solid #30282b;border-radius:16px;box-shadow:0 20px 80px #0008;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease;overflow:hidden}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-small{width:100%;max-width:400px}.modal-medium{width:100%;max-width:600px}.modal-large{width:100%;max-width:900px}.modal-full{width:100%;max-width:1200px;max-height:95vh}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #30282b;background:#1c1618}.modal-title{margin:0;font-size:24px;font-weight:700;color:#cba745}.modal-close{background:transparent;border:none;color:#cfc7be;font-size:24px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:8px;transition:all .2s ease;padding:0;line-height:1}.modal-close:hover{background:#2a2224;color:#cba745;transform:rotate(90deg)}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#1c1618}.modal-body::-webkit-scrollbar-thumb{background:#30282b;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#cba74544}@media(max-width:768px){.modal-overlay{padding:0}.modal-content{border-radius:0;max-height:100vh;width:100%;max-width:100%}.modal-header{padding:20px}.modal-title{font-size:20px}.modal-body{padding:20px}}.switcher-container{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.switcher-container.small{gap:6px}.switcher-label{font-size:13px;color:#e8dfd3;font-weight:500}.switcher{position:relative;width:44px;height:24px;flex-shrink:0}.switcher-container.small .switcher{width:36px;height:20px}.switcher-input{opacity:0;width:0;height:0;position:absolute}.switcher-slider{position:absolute;cursor:pointer;inset:0;background:#3a3032;border:1.5px solid #4a4042;transition:all .3s ease;border-radius:24px}.switcher-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:2.5px;background:#8a7a72;transition:all .3s ease;border-radius:50%;box-shadow:0 2px 4px #0000004d}.switcher-container.small .switcher-slider:before{height:12px;width:12px;left:3px;bottom:2.5px}.switcher-input:checked+.switcher-slider{background:linear-gradient(135deg,#cba745,#b79535);border-color:#cba745}.switcher-input:checked+.switcher-slider:before{transform:translate(20px);background:#1c1618}.switcher-container.small .switcher-input:checked+.switcher-slider:before{transform:translate(16px)}.switcher-input:focus+.switcher-slider{box-shadow:0 0 0 3px #cba74533}.switcher-input:disabled+.switcher-slider{opacity:.5;cursor:not-allowed}.switcher-container:has(.switcher-input:disabled){cursor:not-allowed;opacity:.6}[dir=rtl] .switcher-slider:before{left:auto;right:3px}[dir=rtl] .switcher-input:checked+.switcher-slider:before{transform:translate(-20px)}[dir=rtl] .switcher-container.small .switcher-input:checked+.switcher-slider:before{transform:translate(-16px)}.categories-page{min-height:100vh;background:radial-gradient(circle at 20% 20%,#1c161899 0,transparent 30%),radial-gradient(circle at 80% 10%,#cba74522 0,transparent 30%),#1c1618;padding:32px 16px;color:#f4f0e6}.categories-header{text-align:center;margin-bottom:40px}.categories-header h1{margin:0 0 8px;font-size:32px;font-weight:700;color:#cba745}.categories-subtitle{margin:0;color:#cfc7be;font-size:16px}.categories-error{max-width:1200px;margin:0 auto 24px}.categories-container{max-width:1200px;margin:0 auto}.categories-section{margin-bottom:48px}.categories-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.categories-section-title{margin:0;font-size:24px;font-weight:700;color:#cba745}.category-form{background:#110d0f;border:1px solid #30282b;border-radius:12px;padding:20px;margin:0 auto 32px;max-width:1200px}.category-form-header h2{margin:0 0 6px;color:#cba745}.category-form-header p{margin:0 0 16px;color:#cfc7be;font-size:14px}.category-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.file-input{padding:10px 12px}.file-input-styled{position:relative;display:flex;align-items:center;gap:10px;background:#1c1618;border:1px dashed #30282b;border-radius:10px;padding:10px 12px;cursor:pointer;overflow:hidden}.file-input-styled:hover{border-color:#cba745aa;background:#1f191c}.file-input-styled .file-input{position:absolute;inset:0;opacity:0;cursor:pointer}.file-input-button{background:linear-gradient(135deg,#cba745,#b79535);color:#1c1618;font-weight:700;padding:8px 12px;border-radius:8px;flex-shrink:0}.file-input-name{color:#cfc7be;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hint{color:#cfc7be;font-size:12px;margin-top:4px;display:block}.form-actions{display:flex;align-items:center;justify-content:flex-start;margin-top:8px}.form-actions button{border:none;background:linear-gradient(135deg,#cba745,#b79535);color:#1c1618;font-weight:700;padding:12px 18px;border-radius:10px;cursor:pointer;min-width:160px;transition:transform .1s ease,box-shadow .2s ease,opacity .2s ease}.form-actions button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 25px #cba74544}.btn-back{background:#1c1618;border:1px solid #2a2224;color:#cba745;font-weight:600;padding:10px 18px;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-back:hover{background:#2a2224;border-color:#cba745;transform:translateY(-1px)}[dir=ltr] .btn-back{margin-left:auto}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.category-wrapper{display:flex;flex-direction:column}.category-card{background:#110d0f;border:1px solid #30282b;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column}.category-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0006;border-color:#cba74544}.category-card.has-subcategories{cursor:pointer;transition:all .3s ease}.category-card.has-subcategories:hover{transform:translateY(-2px)}.category-card.expanded{border-color:#cba745;box-shadow:0 0 0 3px #cba74533}.category-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.category-header-left{display:flex;align-items:center;gap:8px}.category-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.text-button{background:transparent;border:none;color:#cba745;cursor:pointer;font-weight:600;padding:6px 10px;border-radius:8px;transition:all .2s ease}.featured-text-button{color:gold}.featured-text-button:hover{background:#3a3320;color:#ffe44d}.success-text-button{color:#90ee90}.success-text-button:hover{background:#1f3a1f;color:#b3ffb3}.warning-text-button{color:orange}.warning-text-button:hover{background:#3a2a1f;color:#ffb84d}.inline-label{gap:6px}.inline-actions{justify-content:flex-start;gap:8px}.category-expand-icon{color:#cba745;font-size:14px;transition:transform .3s ease;flex-shrink:0}.category-card.expanded .category-expand-icon{transform:rotate(90deg)}[dir=rtl] .category-expand-icon{transform:scaleX(-1)}[dir=rtl] .category-card.expanded .category-expand-icon{transform:scaleX(-1) rotate(-90deg)}.subcategories-container{margin-top:16px;padding:20px;background:#0d090b;border:1px solid #2f2629;border-radius:12px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:1000px}}.subcategories-loading{padding:40px 20px;display:flex;justify-content:center}.subcategories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.subcategory-card{background:#1c1618;border:1px solid #30282b;border-radius:10px;overflow:hidden;transition:all .2s ease;display:flex;flex-direction:column}.subcategory-card:hover{transform:translateY(-2px);border-color:#cba74544}.subcategory-card .category-image{height:120px}.subcategory-card .category-content{padding:16px}.subcategory-card .category-title{font-size:16px;margin-bottom:8px}.subcategory-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.category-card.featured{border-color:#cba74566}.category-image{width:100%;height:180px;overflow:hidden;background:#1c1618;display:flex;align-items:center;justify-content:center}.category-image img{width:100%;height:100%;object-fit:cover}.category-content{padding:20px;flex:1;display:flex;flex-direction:column;gap:8px}.category-title{margin:0;font-size:18px;font-weight:700;color:#f4f0e6;line-height:1.4}.category-count{font-size:13px;color:#cba745;font-weight:600}.category-parent{margin:0;font-size:13px;color:#cfc7be}.category-badge{display:inline-block;background:linear-gradient(135deg,#cba745,#b79535);color:#1c1618;font-size:11px;font-weight:700;padding:4px 10px;border-radius:12px;align-self:flex-start;margin-top:4px}.categories-empty{text-align:center;padding:60px 20px;color:#cfc7be;background:#110d0f;border:1px solid #30282b;border-radius:12px}.modal-categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}@media(max-width:768px){.modal-categories-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}}@media(max-width:768px){.categories-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.categories-header h1{font-size:24px}.categories-section-title{font-size:20px}}.users-page{padding:30px;min-height:100vh}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.users-header h1{font-size:32px;color:#e8dfd3;margin:0 0 8px}.users-filters{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.search-input,.filter-select{padding:12px 16px;background:#1c1618;border:1px solid #30282b;border-radius:8px;color:#e8dfd3;font-size:14px;transition:all .2s ease}.search-input{flex:1;min-width:250px}.filter-select{min-width:180px}.search-input:focus,.filter-select:focus{outline:none;border-color:#cba745;box-shadow:0 0 0 3px #cba7451a}.users-container{background:#1c1618;border:1px solid #30282b;border-radius:12px;overflow:hidden}.users-count{padding:16px 20px;background:#161214;border-bottom:1px solid #30282b;color:#cfc7be;font-size:14px}.users-count strong{color:#cba745}.users-table-wrapper{overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:#0d090b}.users-table th{padding:16px 12px;text-align:left;font-size:13px;font-weight:600;color:#cba745;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #30282b}[dir=rtl] .users-table th{text-align:right}.users-table td{padding:16px 12px;border-bottom:1px solid #2a2224;color:#e8dfd3;font-size:14px}.users-table tbody tr{transition:background .2s ease}.users-table tbody tr:hover{background:#221a1c}.user-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#cba745,#b79535)}.user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#1c1618}.user-name-cell{display:flex;flex-direction:column;gap:4px}.user-name{font-weight:600;color:#e8dfd3}.user-id{font-size:12px;color:#8a7a72}.user-contact{display:flex;flex-direction:column;gap:4px}.contact-item{font-size:13px;color:#cfc7be}.role-badge,.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.role-admin{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff}.role-sub-manager{background:linear-gradient(135deg,#4ecdc4,#44b3aa);color:#fff}.role-vendor{background:linear-gradient(135deg,#95e1d3,#7fd4c1);color:#1c1618}.role-user{background:linear-gradient(135deg,#a8dadc,#8ec8ca);color:#1c1618}.status-active{background:linear-gradient(135deg,#51cf66,#40c057);color:#fff}.status-inactive{background:linear-gradient(135deg,orange,#ff8c00);color:#fff}.status-banned{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.verification-badges{display:flex;gap:6px;align-items:center}.verify-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:8px;font-size:12px;font-weight:600}.phone-verified,.email-verified{background:#1f4d2f;color:#51cf66}.not-verified{background:#3a3032;color:#8a7a72}.rating-cell{display:flex;align-items:center;gap:6px}.rating-stars{color:gold;font-weight:600}.rating-count{font-size:12px;color:#8a7a72}.no-rating{color:#8a7a72}.user-actions{display:flex;align-items:center;gap:8px}.action-btn{padding:6px 10px;background:transparent;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:all .2s ease}.action-btn:hover{background:#2a2224;transform:scale(1.1)}.delete-btn:hover{background:#3a1f22}.no-users{padding:60px 20px;text-align:center;color:#8a7a72}.user-details{display:flex;flex-direction:column;gap:24px}.user-details-header{display:flex;align-items:center;gap:20px;padding-bottom:20px;border-bottom:1px solid #30282b}.user-avatar-large{width:80px;height:80px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#cba745,#b79535);flex-shrink:0}.user-avatar-large img{width:100%;height:100%;object-fit:cover}.avatar-placeholder-large{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:#1c1618}.user-details-info h2{margin:0 0 12px;color:#e8dfd3;font-size:24px}.user-badges{display:flex;gap:8px;flex-wrap:wrap}.user-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-label{font-size:12px;color:#8a7a72;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;color:#e8dfd3;font-weight:500}.permissions-section{padding-top:20px;border-top:1px solid #30282b}.permissions-section h3{margin:0 0 16px;color:#cba745;font-size:18px}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.permission-badge{padding:10px 14px;background:#0d090b;border:1px solid #30282b;border-radius:8px;font-size:13px;color:#e8dfd3;text-align:center;transition:all .2s ease}.permission-badge:hover{border-color:#cba745;background:#161214}@media(max-width:1024px){.users-table{font-size:13px}.users-table th,.users-table td{padding:12px 8px}.user-avatar{width:40px;height:40px}}@media(max-width:768px){.users-page{padding:20px}.users-header h1{font-size:24px}.users-filters{flex-direction:column}.search-input,.filter-select{width:100%}.users-table-wrapper{overflow-x:scroll}.users-table{min-width:900px}}.regions-page{padding:30px;min-height:100vh}.regions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.regions-header h1{font-size:32px;color:#e8dfd3;margin:0 0 8px}.add-region-section{background:#1c1618;border:1px solid #30282b;border-radius:12px;padding:24px;margin-bottom:30px}.region-form{display:flex;flex-direction:column;gap:20px}.region-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.input{padding:12px;background:#0d090b;border:1px solid #30282b;border-radius:8px;color:#e8dfd3;font-size:14px;transition:all .2s ease}.regions-container{background:#1c1618;border:1px solid #30282b;border-radius:12px;padding:24px}.regions-section{margin-bottom:30px}.regions-section-title{font-size:24px;color:#cba745;margin-bottom:20px}.regions-grid{display:grid;gap:20px}.region-wrapper{display:flex;flex-direction:column;gap:12px}.region-card{background:#161214;border:1px solid #30282b;border-radius:12px;padding:20px;transition:all .3s ease;cursor:pointer}.region-card:hover{border-color:#cba74544;transform:translateY(-2px);box-shadow:0 4px 12px #cba7451a}.region-card.has-cities{cursor:pointer}.region-card.expanded{border-color:#cba745;background:#1c1618}.region-card.inactive{opacity:.6}.region-content{display:flex;flex-direction:column;gap:12px}.region-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.region-header-left{display:flex;align-items:center;gap:8px;flex:1;cursor:pointer}.region-title{font-size:18px;color:#e8dfd3;margin:0;font-weight:600}.region-expand-icon{color:#cba745;font-size:14px;transition:transform .3s ease;flex-shrink:0}.region-card.expanded .region-expand-icon{transform:rotate(0)}[dir=rtl] .region-expand-icon,[dir=rtl] .region-card.expanded .region-expand-icon{transform:scaleX(-1)}.region-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.region-count{font-size:13px;color:#b8a893}.region-order{font-size:13px;color:#8a7a72}.region-parent{font-size:13px;color:#b8a893;margin:0}.cities-container{margin-top:16px;padding:20px;background:#0d090b;border:1px solid #2f2629;border-radius:12px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:2000px}}.cities-loading{padding:40px 20px;display:flex;justify-content:center}.cities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.city-card{background:#1c1618;border:1px solid #30282b;border-radius:10px;padding:16px;transition:all .2s ease}.city-card:hover{transform:translateY(-2px);border-color:#cba74544}.city-card.inactive{opacity:.6}.city-header{display:flex;flex-direction:column;gap:12px}.city-header .region-title{font-size:16px}.regions-empty{text-align:center;padding:40px 20px;color:#8a7a72}.inline-actions{display:flex;justify-content:flex-start;gap:12px;margin-top:8px}.form-actions{display:flex;gap:12px}@media(max-width:768px){.regions-page{padding:20px}.regions-header h1{font-size:24px}.region-form-grid,.cities-grid{grid-template-columns:1fr}.region-actions{flex-direction:column;align-items:flex-start}}.onboarding-page{padding:30px;min-height:100vh}.onboarding-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.onboarding-header h1{font-size:32px;color:#e8dfd3;margin:0 0 8px}.subtitle{font-size:14px;color:#b8a893;margin:0}.add-screen-section{background:#1c1618;border:1px solid #30282b;border-radius:12px;padding:24px;margin-bottom:30px}.section-title{font-size:20px;color:#cba745;margin:0 0 8px}.section-subtitle{font-size:14px;color:#b8a893;margin:0 0 20px}.screen-form{display:flex;flex-direction:column;gap:20px}.screen-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#e8dfd3;font-weight:500}.label.full-width{grid-column:1 / -1}.input{padding:12px;background:#0d090b;border:1px solid #30282b;border-radius:8px;color:#e8dfd3;font-size:14px;transition:all .2s ease;font-family:inherit}.input:focus{outline:none;border-color:#cba745;box-shadow:0 0 0 3px #cba7451a}.textarea{resize:vertical;min-height:80px}.hint{font-size:12px;color:#8a7a72;font-style:italic}.file-input-styled{position:relative;display:flex;align-items:center;background:#0d090b;border:1px solid #30282b;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease}.file-input-styled:hover{border-color:#cba745}.file-input-button{padding:12px 20px;background:linear-gradient(135deg,#cba745,#b79535);color:#1c1618;font-weight:600;font-size:13px;white-space:nowrap;border-right:1px solid #30282b}[dir=rtl] .file-input-button{border-right:none;border-left:1px solid #30282b}.file-input-name{flex:1;padding:12px;color:#b8a893;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-input{position:absolute;inset:0;opacity:0;cursor:pointer}.submit-button{padding:12px 24px;background:linear-gradient(135deg,#cba745,#b79535);color:#1c1618;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;align-self:flex-start}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #cba7454d}.submit-button:disabled{opacity:.6;cursor:not-allowed}.screens-container{background:#1c1618;border:1px solid #30282b;border-radius:12px;padding:24px}.screens-section-title{font-size:24px;color:#cba745;margin:0 0 20px}.screens-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.screen-card{background:#161214;border:1px solid #30282b;border-radius:12px;overflow:hidden;transition:all .3s ease}.screen-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #cba74526;border-color:#cba745}.screen-card.inactive{opacity:.5}.screen-image{position:relative;width:100%;height:200px;overflow:hidden;background:#0d090b}.screen-image img{width:100%;height:100%;object-fit:cover}.screen-order-badge{position:absolute;top:12px;right:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#cba745,#b79535);color:#1c1618;font-weight:700;font-size:16px;border-radius:50%;box-shadow:0 2px 8px #0000004d}[dir=rtl] .screen-order-badge{right:auto;left:12px}.screen-content{padding:20px;display:flex;flex-direction:column;gap:12px}.screen-title{font-size:18px;color:#e8dfd3;margin:0;font-weight:600;line-height:1.4}.screen-description{font-size:14px;color:#b8a893;margin:0;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.screen-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:8px;border-top:1px solid #30282b}.text-button{background:transparent;border:none;color:#cba745;cursor:pointer;font-weight:600;padding:6px 10px;border-radius:8px;transition:all .2s ease;font-size:14px}.text-button:hover{background:#2a2224}.danger-text-button{color:#ff8e8e}.danger-text-button:hover{background:#3a1f22;color:#ffb3b3}.screens-empty{text-align:center;padding:60px 20px;color:#8a7a72}.inline-actions{display:flex;justify-content:flex-start;gap:12px;margin-top:8px;grid-column:1 / -1}.form-actions button[type=submit]{padding:10px 20px;background:linear-gradient(135deg,#cba745,#b79535);color:#1c1618;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.form-actions button[type=submit]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #cba7454d}.form-actions button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.delete-dialog{display:flex;flex-direction:column;gap:16px}.delete-dialog p{margin:0;color:#e8dfd3;font-size:14px;line-height:1.6}.delete-dialog .muted{color:#b8a893;font-size:13px}.danger-button{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.danger-button:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.danger-button:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#3a1f22;border:1px solid #ff8e8e;color:#ffb3b3;padding:16px;border-radius:8px;margin-bottom:20px}.toast{position:fixed;top:20px;right:20px;padding:16px 24px;border-radius:8px;color:#fff;font-weight:500;z-index:1000;animation:slideIn .3s ease;box-shadow:0 4px 12px #0000004d}.toast-success{background:linear-gradient(135deg,#51cf66,#40c057)}.toast-error{background:linear-gradient(135deg,#ff6b6b,#ee5a52)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.onboarding-page{padding:20px}.onboarding-header h1{font-size:24px}.screen-form-grid,.screens-grid{grid-template-columns:1fr}.screen-image{height:180px}}.banners-page{min-height:100vh;background:radial-gradient(circle at 20% 20%,#1c161899 0,transparent 30%),radial-gradient(circle at 80% 10%,#cba74522 0,transparent 30%),#1c1618;padding:32px 16px;color:#f4f0e6}.banners-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.banners-header h1{margin:0 0 8px;font-size:32px;font-weight:700;color:#cba745}.banners-subtitle{margin:0;color:#cfc7be;font-size:16px}.banners-actions{display:flex;gap:12px}.btn-refresh{padding:12px 18px;background:linear-gradient(135deg,#cba745,#b79535);color:#1c1618;border:none;border-radius:10px;cursor:pointer;font-weight:700;transition:all .2s ease;box-shadow:0 10px 25px #cba74544}.btn-refresh:hover{transform:translateY(-1px);box-shadow:0 12px 28px #cba74555}.banners-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-top:12px}.banner-form-card{background:#110d0f;border:1px solid #30282b;border-radius:16px;padding:20px;box-shadow:0 20px 60px #0005;margin-bottom:20px;position:relative;z-index:1}.inline-loading{display:inline-flex;align-items:center}.banner-form-card h2{margin:0;font-size:24px;color:#cba745}.form-subtitle{margin:6px 0 16px;color:#cfc7be}.banner-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full{grid-column:1 / -1}.form-group label{font-weight:700;color:#f4f0e6;font-size:14px}.form-group input,.form-group select,.form-group textarea{background:#1c1618;border:1px solid #2a2224;color:#f4f0e6;padding:12px 14px;border-radius:10px;font-size:15px;transition:border .2s ease,box-shadow .2s ease;pointer-events:auto;cursor:text}.form-group select{cursor:pointer;-webkit-appearance:menulist;appearance:menulist}.form-group textarea{resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#cba745;box-shadow:0 0 0 3px #cba74533}.checkbox-row{display:flex;align-items:center;gap:8px;color:#f4f0e6;font-weight:600}.file-row .file-input{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:relative;background:#1c1618;border:2px dashed #3a3234;border-radius:12px;padding:24px 16px;min-height:120px;transition:all .3s ease;cursor:pointer}.file-row .file-input:hover{border-color:#cba745;background:#221a1c}.file-row .file-input.has-file{border-style:solid;border-color:#cba745;background:#1a1612}.file-input input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.file-input-icon{font-size:32px;color:#cba745;opacity:.8}.file-button{padding:10px 18px;background:linear-gradient(135deg,#cba745,#b79535);border:none;color:#1c1618;border-radius:8px;cursor:pointer;font-weight:700;transition:all .2s ease;box-shadow:0 4px 12px #cba74533}.file-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #cba74544}.file-name{color:#cfc7be;font-size:14px;text-align:center;overflow:hidden;text-overflow:ellipsis;max-width:100%}.file-name.selected{color:#cba745;font-weight:600}.file-preview{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;position:relative}.file-preview-image{max-width:200px;max-height:120px;object-fit:contain;border-radius:8px;border:2px solid #cba745;box-shadow:0 4px 12px #0004}.file-preview-name{color:#cba745;font-weight:600;font-size:14px;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-remove{position:absolute;top:-8px;right:calc(50% - 108px);width:28px;height:28px;min-width:28px;padding:0;background:#e74c3c;color:#fff;border:none;border-radius:50%;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #0004}.file-preview-remove:hover{background:#c0392b;transform:scale(1.1)}.form-actions{display:flex;gap:12px;flex-wrap:wrap}.form-actions button{border:none;background:linear-gradient(135deg,#cba745,#b79535);color:#1c1618;font-weight:700;padding:12px 18px;border-radius:10px;cursor:pointer;min-width:160px;transition:transform .1s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:0 10px 25px #cba74544}.form-actions button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px #cba74555}.form-actions button:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#1c1618!important;color:#cba745!important;border:1px solid #2a2224!important;box-shadow:none!important}.banner-card{background:#110d0f;border:1px solid #30282b;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0005;display:flex;flex-direction:column}.banner-media{position:relative;background:#1c1618;min-height:180px}.banner-media img{width:100%;height:100%;object-fit:cover;display:block}.banner-placeholder{width:100%;height:100%;min-height:180px;display:grid;place-items:center;color:#cba745;font-size:32px}.status-pill{position:absolute;top:12px;left:12px;padding:8px 12px;border-radius:999px;font-weight:700;font-size:13px;border:1px solid transparent;background:#2a1a1a;color:#ffb3b3}.status-pill.active{background:#132416;border-color:#2f6b33;color:#7dff9c}.banner-content{padding:16px;display:flex;flex-direction:column;gap:10px}.banner-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.banner-header h3{margin:0;font-size:20px;color:#f4f0e6}.banner-type{margin:4px 0 0;color:#cba745;font-weight:600;font-size:14px}.banner-order{color:#cfc7be;font-weight:700}.banner-body{display:flex;flex-direction:column;gap:10px}.banner-text{margin:0;color:#e9e3d8;line-height:1.4}.banner-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.meta-item{display:flex;flex-direction:column;gap:4px;background:#1c1618;border:1px solid #2a2224;border-radius:10px;padding:10px}.meta-label{color:#cba745;font-weight:700;font-size:13px}.meta-value{color:#f4f0e6;font-weight:600;word-break:break-word}.meta-value.link a{color:#cba745;text-decoration:underline}.no-banners{grid-column:1 / -1;text-align:center;padding:32px;background:#110d0f;border:1px solid #30282b;border-radius:16px;color:#cfc7be;font-weight:600}@media(max-width:768px){.banners-header h1{font-size:26px}}.support-page{min-height:100vh;background:radial-gradient(circle at 20% 20%,#1c161899 0,transparent 30%),radial-gradient(circle at 80% 10%,#cba74522 0,transparent 30%),#1c1618;padding:32px 16px;color:#f4f0e6}.support-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.support-header h1{font-size:32px;font-weight:700;color:#cba745;margin:0}.support-actions{display:flex;gap:12px;align-items:center}.support-filter{padding:10px 14px;border:1px solid #2a2224;border-radius:10px;font-size:1rem;background:#1c1618;color:#f4f0e6;cursor:pointer;transition:all .2s ease;min-width:180px}.support-filter:hover{border-color:#cba745}.support-filter:focus{outline:none;border-color:#cba745;box-shadow:0 0 0 3px #cba74533}.btn-delete-selected{padding:12px 18px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 10px 25px #e74c3c44}.btn-delete-selected:hover{transform:translateY(-1px);box-shadow:0 12px 28px #e74c3c55}.btn-delete-selected:active{transform:translateY(0)}.support-table-container{background:#110d0f;border:1px solid #30282b;border-radius:14px;box-shadow:0 20px 60px #0005;overflow:hidden;margin-bottom:24px}.support-table{width:100%;border-collapse:collapse;color:#f4f0e6}.support-table thead{background:linear-gradient(135deg,#1c1618,#120e10);color:#cba745}.support-table th{padding:16px;text-align:start;font-weight:700;font-size:.95rem;border-bottom:1px solid #2a2224}.support-table td{padding:14px 16px;border-bottom:1px solid #2a2224;color:#e9e3d8}.support-table tbody tr{transition:background-color .2s ease,transform .2s ease}.support-table tbody tr:hover{background-color:#1f181b}.support-table tbody tr.checked-row{background-color:#152017}.no-data{text-align:center!important;padding:3rem!important;color:#cfc7be;font-size:1.1rem}.btn-view-message{background:none;border:none;color:#cba745;cursor:pointer;text-align:start;padding:0;font-size:.95rem;transition:color .2s ease,text-shadow .2s ease;text-decoration:underline}.btn-view-message:hover{color:#e2b74f;text-shadow:0 2px 8px #cba74533}.status-badge{display:inline-block;padding:8px 12px;border-radius:999px;font-size:.85rem;font-weight:700;border:1px solid transparent}.status-badge.checked{background-color:#132416;border-color:#2f6b33;color:#7dff9c}.status-badge.unchecked{background-color:#2a1a1a;border-color:#8c4b4b;color:#ffb3b3}.actions-cell{display:flex;gap:8px;align-items:center}.btn-check{padding:10px 12px;background:linear-gradient(135deg,#2fa352,#1f7a3b);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:1rem;transition:all .2s ease;min-width:44px;box-shadow:0 8px 20px #2fa35244}.btn-check:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #2fa35255}.btn-check:disabled{opacity:.6;cursor:not-allowed}.btn-delete{padding:10px 12px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:1rem;transition:all .2s ease;box-shadow:0 8px 20px #e74c3c44}.btn-delete:hover{transform:translateY(-1px);box-shadow:0 10px 24px #e74c3c55}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem}.pagination button{padding:12px 18px;background:linear-gradient(135deg,#cba745,#b79535);color:#1c1618;border:none;border-radius:10px;cursor:pointer;font-weight:700;transition:all .2s ease;box-shadow:0 10px 25px #cba74544}.pagination button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px #cba74555}.pagination button:disabled{opacity:.5;cursor:not-allowed;transform:none}.pagination span{font-weight:700;color:#cfc7be}.delete-modal-content{padding:1rem;color:#f4f0e6}.delete-modal-content p{margin-bottom:1rem;font-size:1rem;color:#e9e3d8}.delete-count{font-weight:700;color:#eeb06a}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn-cancel{padding:12px 18px;background:#1c1618;border:1px solid #2a2224;color:#cba745;border-radius:10px;cursor:pointer;font-weight:700;transition:all .2s ease}.btn-cancel:hover{background:#2a2224;border-color:#cba745}.btn-confirm-delete{padding:12px 18px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:700;transition:all .2s ease;box-shadow:0 10px 25px #e74c3c44}.btn-confirm-delete:hover{transform:translateY(-1px);box-shadow:0 12px 28px #e74c3c55}.support-details{padding:1rem}.detail-group{display:flex;gap:1rem;margin-bottom:1rem;align-items:start}.detail-group.full-width{flex-direction:column}.detail-group label{font-weight:700;color:#cfc7be;min-width:140px}.detail-group span{color:#f4f0e6}.message-content{background:#1c1618;padding:1rem;border-radius:10px;border:1px solid #2a2224;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto;color:#e9e3d8}.btn-check-primary{padding:12px 18px;background:linear-gradient(135deg,#2fa352,#1f7a3b);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:700;transition:all .2s ease;box-shadow:0 10px 25px #2fa35244}.btn-check-primary:hover{transform:translateY(-1px);box-shadow:0 12px 28px #2fa35255}.toast{position:fixed;top:20px;right:20px;padding:14px 18px;border-radius:10px;color:#1c1618;font-weight:700;box-shadow:0 12px 32px #0006;z-index:9999;animation:fadeSlide .3s ease}[dir=rtl] .toast{right:auto;left:20px}.toast-success{background:linear-gradient(135deg,#cba745,#b79535)}.toast-error{background:#ff6b6b;color:#1c1618}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}html[dir=rtl] .support-table th,html[dir=rtl] .support-table td{text-align:start}html[dir=rtl] .toast{right:auto;left:2rem}html[dir=rtl] .modal-actions{justify-content:flex-start}@media(max-width:1200px){.support-table{font-size:.9rem}.support-table th,.support-table td{padding:.75rem}}@media(max-width:768px){.support-page{padding:1rem}.support-header{flex-direction:column;align-items:stretch}.support-actions{flex-direction:column}.support-table-container{overflow-x:auto}.support-table{min-width:900px}.toast{right:1rem;left:1rem;bottom:1rem}}