body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input,textarea{font-family:inputfont}@font-face{font-family:inputfont;src:url(/static/media/Dirooz.0e94db675f3c374a4956.ttf)}.right-sidebar-wrapper{background-color:#0f172a;direction:rtl;display:flex;height:100vh;width:100vw}.right-sidebar{background:#18181b;border-left:1px solid #3f3f46;flex-shrink:0;gap:14px;height:100vh;padding:20px 0;width:80px;z-index:10}.right-sidebar,.right-sidebar .sidebar-btn{align-items:center;display:flex;flex-direction:column}.right-sidebar .sidebar-btn{background:#0000;border:none;border-radius:11px;color:#71717a;cursor:pointer;font-size:16px;gap:4px;height:56px;justify-content:center;transition:background .25s ease,transform .2s ease,color .25s ease;width:56px}.right-sidebar .sidebar-btn span{color:#a1a1aa;font-size:11px;opacity:0;transform:translateY(4px);transition:all .25s ease}.right-sidebar .sidebar-btn svg{color:inherit}.right-sidebar .sidebar-btn:hover{background:#27272a;color:#fafafa;transform:translateY(-2px)}.right-sidebar .sidebar-btn:hover span{opacity:1;transform:translateY(0)}.right-sidebar .sidebar-btn.active{background:#6366f126;color:#a5b4fc;transform:none}.right-sidebar .sidebar-btn.active span{color:#a5b4fc;opacity:1;transform:translateY(0)}.content{align-items:center;display:flex;height:auto;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:0;width:100%}.content>*{height:100%;max-width:1450px;width:100%}.content{animation:fadeIn .3s ease}.right-sidebar-wrapper::-webkit-scrollbar{width:6px}.right-sidebar-wrapper::-webkit-scrollbar-track{background:#6366f11a}.right-sidebar-wrapper::-webkit-scrollbar-thumb{background:#6366f1;border-radius:3px;opacity:.7}.right-sidebar-wrapper::-webkit-scrollbar-thumb:hover{background:#a5b4fc}.right-sidebar-wrapper{scrollbar-color:#6366f1 #6366f11a;scrollbar-width:thin}.script-wrapper{min-height:100vh;overflow:none;padding:24px;position:relative}.script-wrapper .bg-mesh{inset:0;pointer-events:none;position:fixed;z-index:0}.script-wrapper .bg-orb{border-radius:50%;filter:blur(100px);pointer-events:none;position:fixed;z-index:0}.script-wrapper .bg-orb.orb-1{animation:float 25s ease-in-out infinite;background:radial-gradient(circle,#6366f12e,#0000 70%);height:500px;right:-150px;top:-150px;width:500px}.script-wrapper .bg-orb.orb-2{animation:float 30s ease-in-out infinite reverse;background:radial-gradient(circle,#06b6d41f,#0000 70%);bottom:10%;height:350px;left:-80px;width:350px}.script-container{max-width:1600px;position:relative;z-index:1}.action-bar .nav-buttons .nav-btn{align-items:center;background:#18181b99;border:1px solid #3f3f46;border-radius:14px;color:#a1a1aa;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.action-bar .nav-buttons .nav-btn:hover{background:#6366f126;border-color:#6366f14d;color:#a5b4fc;transform:translateY(-2px)}.action-bar .nav-buttons .nav-btn svg{font-size:14px}.action-bar .search-filter{display:flex;flex:1 1;gap:12px;min-width:300px}.action-bar .search-filter .search-box{flex:1 1;position:relative}.action-bar .search-filter .search-box .search-icon{color:#71717a;font-size:14px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.action-bar .search-filter .search-box input{background:#18181b99;border:1px solid #3f3f46;border-radius:14px;color:#fafafa;font-size:.9rem;outline:none;padding:14px 16px 14px 48px;transition:all .3s ease;width:100%}.action-bar .search-filter .search-box input::placeholder{color:#71717a}.action-bar .search-filter .search-box input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.action-bar .search-filter .filter-dropdown{align-items:center;background:#18181b99;border:1px solid #3f3f46;border-radius:14px;color:#a1a1aa;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:0 16px;transition:all .3s ease}.action-bar .search-filter .filter-dropdown:hover{border-color:#6366f14d}.action-bar .search-filter .filter-dropdown select{background:#0000;border:none;color:#fafafa;cursor:pointer;font-size:.9rem;outline:none}.action-bar .search-filter .filter-dropdown select option{background:#18181b;color:#fafafa}.action-bar .refresh-btn{align-items:center;background:#18181b99;border:1px solid #3f3f46;border-radius:14px;color:#a1a1aa;cursor:pointer;display:flex;font-size:18px;height:58px;justify-content:center;transition:all .3s ease}.action-bar .refresh-btn:hover:not(:disabled){background:#6366f126;border-color:#6366f14d;color:#a5b4fc}.action-bar .refresh-btn:disabled{cursor:not-allowed;opacity:.6}.action-bar .refresh-btn .spinning{animation:spin 1s linear infinite}.state-card.loading-card span{font-size:.95rem}.state-card.error-card svg{font-size:48px}.state-card.error-card p{color:#f87171;font-size:1rem}.files-table-wrapper{background:linear-gradient(145deg,#18181be6,#27272a80);border:1px solid #3f3f46;border-radius:20px;overflow:hidden}.files-table{border-collapse:collapse;width:100%}.files-table thead{background:#27272a80}.files-table thead th{border-bottom:1px solid #3f3f46;color:#71717a;font-size:.8rem;font-weight:600;letter-spacing:1px;padding:16px;text-align:right;text-transform:uppercase}.files-table thead .th-number{text-align:center;width:60px}.files-table thead .th-action{text-align:center;width:140px}.files-table tbody .file-row{animation:slideIn .3s ease forwards;opacity:0;transition:all .2s ease}.files-table tbody .file-row:hover{background:#27272a4d}.files-table tbody .file-row td{border-bottom:1px solid #3f3f4680;font-size:.95rem;padding:16px}.files-table tbody .file-row .td-number{color:#71717a;font-weight:600;text-align:center}.files-table tbody .file-row .td-file{align-items:center;display:flex;gap:12px}.files-table tbody .file-row .td-file .file-icon{margin-top:1rem}.files-table tbody .file-row .td-file .file-name{color:#fafafa;font-family:Courier New,monospace;font-weight:500}.files-table tbody .file-row .td-type .type-badge{border:1px solid;border-radius:8px;display:inline-block;font-size:.75rem;font-weight:600;padding:6px 12px}.files-table tbody .file-row .td-action{text-align:center}.files-table tbody .file-row .td-action .action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.files-table tbody .file-row .td-action .action-btn.view-btn{background:#6366f126;border:1px solid #6366f140;color:#a5b4fc}.files-table tbody .file-row .td-action .action-btn.view-btn:hover{background:#6366f1;color:#fff;transform:translateY(-2px)}.success-toast{align-items:center;animation:toastIn .3s ease;background:#10b981f2;border:1px solid #10b9814d;border-radius:14px;bottom:30px;box-shadow:0 8px 30px #10b98166;color:#fff;display:flex;font-size:.95rem;font-weight:600;gap:12px;left:50%;padding:16px 24px;position:fixed;transform:translateX(-50%);z-index:10001}.success-toast svg{font-size:18px}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.script-error-state{align-items:center;background:linear-gradient(145deg,#18181bcc,#27272a66);border:1px solid #ef44444d;border-radius:24px;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:80px 20px;text-align:center}.script-error-state svg{color:#f87171;font-size:56px}.script-error-state p{color:#f87171;font-size:1.1rem}.script-error-state button{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.script-error-state button:hover{box-shadow:0 6px 20px #6366f159;transform:translateY(-2px)}.script-modal-wrapper{align-items:center;animation:scriptModalFadeIn .25s ease;display:flex;inset:0;justify-content:center;position:fixed;z-index:99999}.script-modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000eb;inset:0;position:absolute}.script-modal-container{animation:scriptModalSlideIn .3s ease;display:flex;flex-direction:column;height:100vh;position:relative;width:100vw;z-index:1}.script-modal-header{align-items:center;background:linear-gradient(180deg,#18181bfa,#18181be6);border-bottom:1px solid #3f3f46;display:flex;justify-content:space-between;padding:16px 24px}.script-modal-header .script-modal-title{align-items:center;display:flex;gap:16px}.script-modal-header .script-modal-title .script-modal-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:14px;color:#fff;display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.script-modal-header .script-modal-title .script-modal-title-text h2{color:#fafafa;font-size:1.2rem;font-weight:700;margin-bottom:2px}.script-modal-header .script-modal-title .script-modal-title-text .script-modal-filename{background:#6366f11a;border:1px solid #6366f133;border-radius:6px;color:#a5b4fc;font-family:Courier New,monospace;font-size:.8rem;padding:4px 12px}.script-modal-header .script-modal-actions{align-items:center;display:flex;gap:16px}.script-modal-header .script-modal-actions .script-modal-unsaved{background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:10px;color:#fbbf24;font-size:.85rem;font-weight:600;margin-left:1rem;padding:8px 16px}.script-modal-header .script-modal-actions .script-modal-close{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;color:#f87171;cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;transition:all .2s ease;width:44px}.script-modal-header .script-modal-actions .script-modal-close:hover{background:#ef4444;color:#fff;transform:scale(1.05)}@keyframes scriptModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes scriptModalSlideIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.script-modal-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:20px 24px}.script-modal-body .script-editor-wrapper{background:#0a0a0f;border:1px solid #1e1e2e;border-radius:16px;display:flex;flex:1 1;overflow:hidden}.script-modal-body .script-editor-wrapper .script-editor-line-numbers{background:#0000004d;border-right:1px solid #1e1e2e;display:flex;flex-direction:column;min-width:60px;overflow-y:none;padding:20px 0;text-align:center}.script-modal-body .script-editor-wrapper .script-editor-line-numbers span{color:#71717a;font-family:Courier New,monospace;font-size:.9rem;line-height:1.7;padding:0 12px}.script-modal-body .script-editor-wrapper .script-code-editor{background:#0000;border:none;color:#22d3ee;direction:ltr;flex:1 1;font-family:Courier New,monospace;font-size:.95rem;line-height:1.7;outline:none;overflow-y:auto;padding:20px;resize:none}.script-modal-body .script-editor-wrapper .script-code-editor::placeholder{color:#71717a}.script-modal-body .script-editor-wrapper .script-code-editor::-webkit-scrollbar{width:8px}.script-modal-body .script-editor-wrapper .script-code-editor::-webkit-scrollbar-track{background:#0000}.script-modal-body .script-editor-wrapper .script-code-editor::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:4px}.script-modal-body .script-editor-wrapper .script-code-editor::-webkit-scrollbar-thumb:hover{background:#52525b}.script-modal-footer{align-items:center;background:linear-gradient(180deg,#18181be6,#18181bfa);border-top:1px solid #3f3f46;display:flex;justify-content:space-between;padding:16px 24px}.script-modal-footer .script-modal-stats{color:#71717a;display:flex;font-size:.85rem;gap:16px}.script-modal-footer .script-modal-stats .script-modal-divider{opacity:.4}.script-modal-footer .script-modal-buttons{display:flex;gap:12px}.script-modal-footer .script-modal-buttons button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.script-modal-footer .script-modal-buttons button.script-btn-cancel{background:#27272acc;border:1px solid #3f3f46;color:#a1a1aa}.script-modal-footer .script-modal-buttons button.script-btn-cancel:hover{background:#ef444426;border-color:#ef44444d;color:#f87171}.script-modal-footer .script-modal-buttons button.script-btn-save{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.script-modal-footer .script-modal-buttons button.script-btn-save:hover:not(:disabled){box-shadow:0 6px 20px #6366f159;transform:translateY(-2px)}.script-modal-footer .script-modal-buttons button.script-btn-save:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.script-modal-footer .script-modal-buttons button.script-btn-save .script-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}@media(max-width:768px){.script-wrapper{padding:16px}.main-header .header-content{flex-direction:column;gap:16px;padding:20px}.main-header .uuid-badge{align-items:center}.action-bar{flex-direction:column}.action-bar .nav-buttons,.action-bar .refresh-btn,.action-bar .search-filter{width:100%}.action-bar .search-filter{flex-direction:column}.action-bar .refresh-btn{justify-content:center}.script-modal-header{flex-direction:column;gap:12px;padding:12px 16px}.script-modal-header .script-modal-title{justify-content:flex-start;width:100%}.script-modal-header .script-modal-actions{justify-content:space-between;width:100%}.script-modal-body{padding:12px 16px}.script-modal-body .script-editor-wrapper .script-editor-line-numbers{min-width:40px}.script-modal-body .script-editor-wrapper .script-editor-line-numbers span{font-size:.8rem;padding:0 8px}.script-modal-body .script-editor-wrapper .script-code-editor{font-size:.85rem}.script-modal-footer{flex-direction:column;gap:12px}.script-modal-footer .script-modal-stats{justify-content:center;width:100%}.script-modal-footer .script-modal-buttons{width:100%}.script-modal-footer .script-modal-buttons button{flex:1 1;justify-content:center}}:root{--accent-color:#9b59b6;--accent-glow:#9b59b64d;--bg-primary:#0a0a0f;--bg-secondary:#14141a;--bg-tertiary:#1a1a24;--bg-hover:#20202e;--bg-active:#2a2a3a;--text-primary:#fff;--text-secondary:#b8b8d0;--text-tertiary:#7a7a99;--border-color:#2a2a35;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--transition-fast:0.15s ease;--transition-normal:0.25s ease;--transition-slow:0.4s ease}.theme-light{--bg-primary:#f5f5f7;--bg-secondary:#fff;--bg-tertiary:#f0f0f4;--bg-hover:#e8e8ed;--bg-active:#e0e0e8;--text-primary:#1a1a2e;--text-secondary:#4a4a6a;--text-tertiary:#8a8a9a;--border-color:#d0d0d8}*{-webkit-user-select:none;user-select:none}.windows11-wrapper{background:#0a0a0f;background:var(--bg-primary);color:#fff;color:var(--text-primary);display:flex;flex-direction:column;font-family:Segoe UI,Inter,system-ui,-apple-system,sans-serif;height:100vh;overflow:hidden;position:relative;width:100vw}.windows11-wrapper .bg-gradient{background:radial-gradient(circle at 50% 50%,#9b59b64d 0,#0000 70%);background:radial-gradient(circle at 50% 50%,var(--accent-glow) 0,#0000 70%);height:200%;left:-50%;opacity:.3;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:0}.windows11-wrapper .noise-overlay{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.04'/%3E%3C/svg%3E");bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.windows11-wrapper .win11-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141a;background:var(--bg-secondary);border-bottom:1px solid #2a2a35;border-bottom:1px solid var(--border-color);display:flex;height:56px;justify-content:space-between;padding:0 24px;position:relative;z-index:10}.windows11-wrapper .win11-header .logo-area{align-items:center;display:flex;gap:12px}.windows11-wrapper .win11-header .logo-area .logo-icon{animation:pulse 2s infinite;color:#9b59b6;color:var(--accent-color);font-size:24px}.windows11-wrapper .win11-header .logo-area .logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#9b59b6);background:linear-gradient(135deg,var(--text-primary),var(--accent-color));-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:600}.windows11-wrapper .win11-header .header-actions{display:flex;gap:8px}.windows11-wrapper .win11-header .header-actions .theme-btn{align-items:center;background:#1a1a24;background:var(--bg-tertiary);border:1px solid #2a2a35;border:1px solid var(--border-color);border-radius:8px;color:#b8b8d0;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s ease;transition:all var(--transition-fast);width:36px}.windows11-wrapper .win11-header .header-actions .theme-btn:hover{background:#20202e;background:var(--bg-hover);color:#9b59b6;color:var(--accent-color);transform:translateY(-2px)}.windows11-wrapper .win11-toolbar{align-items:center;background:#14141a;background:var(--bg-secondary);border-bottom:1px solid #2a2a35;border-bottom:1px solid var(--border-color);display:flex;gap:16px;height:48px;padding:0 16px;position:relative;z-index:10}.windows11-wrapper .win11-toolbar .toolbar-section{align-items:center;display:flex;gap:4px}.windows11-wrapper .win11-toolbar .toolbar-section .divider{background:#2a2a35;background:var(--border-color);height:24px;margin:0 8px;width:1px}.windows11-wrapper .win11-toolbar .toolbar-spacer{flex:1 1}.windows11-wrapper .win11-toolbar .toolbar-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#b8b8d0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:6px 12px;transition:all .15s ease;transition:all var(--transition-fast)}.windows11-wrapper .win11-toolbar .toolbar-btn svg{font-size:16px}.windows11-wrapper .win11-toolbar .toolbar-btn:hover{background:#20202e;background:var(--bg-hover);color:#9b59b6;color:var(--accent-color);transform:translateY(-1px)}.windows11-wrapper .win11-toolbar .toolbar-btn.active{background:#9b59b6;background:var(--accent-color);color:#fff}.windows11-wrapper .win11-search-bar{align-items:center;background:#14141a;background:var(--bg-secondary);border-bottom:1px solid #2a2a35;border-bottom:1px solid var(--border-color);display:flex;gap:12px;height:56px;padding:0 24px;position:relative;transition:all .25s ease;transition:all var(--transition-normal);z-index:10}.windows11-wrapper .win11-search-bar.focused{background:#1a1a24;background:var(--bg-tertiary);box-shadow:0 2px 8px #9b59b64d;box-shadow:0 2px 8px var(--accent-glow)}.windows11-wrapper .win11-search-bar .search-icon{color:#7a7a99;color:var(--text-tertiary);font-size:18px}.windows11-wrapper .win11-search-bar .search-input{background:#1a1a24;background:var(--bg-tertiary);border:1px solid #2a2a35;border:1px solid var(--border-color);border-radius:10px;color:#fff;color:var(--text-primary);flex:1 1;font-size:14px;outline:none;padding:10px 16px;transition:all .15s ease;transition:all var(--transition-fast)}.windows11-wrapper .win11-search-bar .search-input:focus{border-color:#9b59b6;border-color:var(--accent-color);box-shadow:0 0 0 3px #9b59b64d;box-shadow:0 0 0 3px var(--accent-glow)}.windows11-wrapper .win11-search-bar .search-input::placeholder{color:#7a7a99;color:var(--text-tertiary)}.windows11-wrapper .win11-search-bar .search-clear{align-items:center;background:#20202e;background:var(--bg-hover);border:none;border-radius:6px;color:#b8b8d0;color:var(--text-secondary);cursor:pointer;display:flex;padding:6px;transition:all .15s ease;transition:all var(--transition-fast)}.windows11-wrapper .win11-search-bar .search-clear:hover{background:#9b59b6;background:var(--accent-color);color:#fff}.windows11-wrapper .win11-search-bar .search-shortcut{background:#1a1a24;background:var(--bg-tertiary);border-radius:6px;color:#7a7a99;color:var(--text-tertiary);font-family:monospace;font-size:12px;padding:4px 8px}.windows11-wrapper .win11-address-bar{align-items:center;background:#1a1a24;background:var(--bg-tertiary);border-bottom:1px solid #2a2a35;border-bottom:1px solid var(--border-color);display:flex;gap:12px;position:relative;z-index:10}.windows11-wrapper .win11-address-bar .nav-icon{color:#7a7a99;color:var(--text-tertiary);font-size:14px}.windows11-wrapper .win11-address-bar .address-path{align-items:center;background:#14141a;background:var(--bg-secondary);border:1px solid #2a2a35;border:1px solid var(--border-color);display:flex;gap:8px;padding:6px 16px;width:100%}.windows11-wrapper .win11-address-bar .address-path .path-segment{color:#b8b8d0;color:var(--text-secondary);cursor:pointer;font-size:13px;transition:color .15s ease;transition:color var(--transition-fast)}.windows11-wrapper .win11-address-bar .address-path .path-segment:hover{color:#9b59b6;color:var(--accent-color)}.windows11-wrapper .win11-address-bar .address-path .separator{color:#7a7a99;color:var(--text-tertiary);font-size:16px}.windows11-wrapper .win11-content{flex:1 1;overflow-y:auto;position:relative;z-index:10}.windows11-wrapper .win11-content::-webkit-scrollbar{height:10px;width:10px}.windows11-wrapper .win11-content::-webkit-scrollbar-track{background:#1a1a24;background:var(--bg-tertiary)}.windows11-wrapper .win11-content::-webkit-scrollbar-thumb{background:#7a7a99;background:var(--text-tertiary);border-radius:5px}.windows11-wrapper .win11-content::-webkit-scrollbar-thumb:hover{background:#9b59b6;background:var(--accent-color)}.windows11-wrapper .file-list{padding:8px}.windows11-wrapper .file-list .list-header{align-items:center;background:#1a1a24;background:var(--bg-tertiary);border-radius:10px;color:#b8b8d0;color:var(--text-secondary);display:flex;font-size:13px;font-weight:600;margin-bottom:8px;padding:12px 16px}.windows11-wrapper .file-list .list-header .header-cell{align-items:center;cursor:pointer;display:flex;gap:6px;transition:color .15s ease;transition:color var(--transition-fast)}.windows11-wrapper .file-list .list-header .header-cell:hover{color:#9b59b6;color:var(--accent-color)}.windows11-wrapper .file-list .list-header .header-cell.name{flex:2 1}.windows11-wrapper .file-list .list-header .header-cell.size,.windows11-wrapper .file-list .list-header .header-cell.type{flex:1 1}.windows11-wrapper .file-list .list-header .header-cell.actions{cursor:default;flex:.5 1}.windows11-wrapper .file-list .list-header .header-cell.actions:hover{color:#b8b8d0;color:var(--text-secondary)}.windows11-wrapper .win11-tree-node{margin:2px 0}.windows11-wrapper .win11-tree-node.selected .win11-file-row{background:#9b59b64d;background:var(--accent-glow);border-left:3px solid #9b59b6;border-left:3px solid var(--accent-color)}.windows11-wrapper .win11-tree-node .win11-file-row{align-items:center;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;margin:2px 0;padding:8px 16px;transition:all .15s ease;transition:all var(--transition-fast)}.windows11-wrapper .win11-tree-node .win11-file-row:hover{background:#20202e;background:var(--bg-hover);transform:translateX(2px)}.windows11-wrapper .win11-tree-node .win11-file-row.hovered{background:#20202e;background:var(--bg-hover)}.windows11-wrapper .win11-tree-node .win11-file-row .row-left{align-items:center;display:flex;flex:1 1;gap:12px}.windows11-wrapper .win11-tree-node .win11-file-row .toggle-arrow{align-items:center;cursor:pointer;display:flex;font-size:12px;justify-content:center;transition:transform .15s ease;transition:transform var(--transition-fast);width:20px}.windows11-wrapper .win11-tree-node .win11-file-row .toggle-arrow .rotated{transform:rotate(-90deg)}.windows11-wrapper .win11-tree-node .win11-file-row .file-icon{align-items:center;display:flex;font-size:18px;height:24px;justify-content:center;transition:transform .15s ease;transition:transform var(--transition-fast);width:24px}.windows11-wrapper .win11-tree-node .win11-file-row .file-name{flex:2 1;font-size:14px}.windows11-wrapper .win11-tree-node .win11-file-row .file-size{color:#7a7a99;color:var(--text-tertiary);flex:1 1;font-size:12px}.windows11-wrapper .win11-tree-node .win11-file-row .row-actions{display:flex;gap:8px;opacity:0;transition:opacity .15s ease;transition:opacity var(--transition-fast)}.windows11-wrapper .win11-tree-node .win11-file-row .row-actions .action-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#b8b8d0;color:var(--text-secondary);cursor:pointer;display:flex;padding:6px;transition:all .15s ease;transition:all var(--transition-fast)}.windows11-wrapper .win11-tree-node .win11-file-row .row-actions .action-btn:hover{background:#2a2a3a;background:var(--bg-active);color:#9b59b6;color:var(--accent-color);transform:scale(1.1)}.windows11-wrapper .win11-tree-node .win11-file-row:hover .row-actions{opacity:1}.windows11-wrapper .win11-tree-node .tree-children{margin-left:20px}.windows11-wrapper .file-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(140px,160px));padding:24px}.windows11-wrapper .file-grid .win11-grid-item{align-items:center;background:#14141a;background:var(--bg-secondary);border:1px solid #0000;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:16px 12px;position:relative;transition:all .25s ease;transition:all var(--transition-normal)}.windows11-wrapper .file-grid .win11-grid-item:hover{background:#20202e;background:var(--bg-hover);border-color:#9b59b6;border-color:var(--accent-color);box-shadow:0 4px 16px #0006;box-shadow:var(--shadow-md);transform:translateY(-4px)}.windows11-wrapper .file-grid .win11-grid-item.selected{background:#9b59b64d;background:var(--accent-glow);border-color:#9b59b6;border-color:var(--accent-color)}.windows11-wrapper .file-grid .win11-grid-item .grid-item-icon{font-size:48px;margin-bottom:12px;transition:transform .25s ease;transition:transform var(--transition-normal)}.windows11-wrapper .file-grid .win11-grid-item .grid-item-icon svg{height:48px;width:48px}.windows11-wrapper .file-grid .win11-grid-item:hover .grid-item-icon{transform:scale(1.1)}.windows11-wrapper .file-grid .win11-grid-item .grid-item-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:12px;line-height:1.4;max-width:100%;overflow:hidden;text-align:center;word-break:break-word}.windows11-wrapper .file-grid .win11-grid-item .grid-item-download{align-items:center;background:#2a2a3a;background:var(--bg-active);border:none;border-radius:8px;bottom:8px;color:#b8b8d0;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;position:absolute;right:8px;transition:all .15s ease;transition:all var(--transition-fast);width:32px}.windows11-wrapper .file-grid .win11-grid-item .grid-item-download:hover{background:#9b59b6;background:var(--accent-color);color:#fff;transform:scale(1.1)}.windows11-wrapper .file-grid .win11-grid-item:hover .grid-item-download{opacity:1}.windows11-wrapper .file-grid .win11-grid-item .selection-indicator{align-items:center;animation:scaleIn .2s ease;background:#9b59b6;background:var(--accent-color);border-radius:50%;color:#fff;display:flex;font-size:12px;height:24px;justify-content:center;left:8px;position:absolute;top:8px;width:24px}.windows11-wrapper .win11-status-bar{align-items:center;background:#14141a;background:var(--bg-secondary);border-top:1px solid #2a2a35;border-top:1px solid var(--border-color);color:#7a7a99;color:var(--text-tertiary);display:flex;font-size:12px;height:36px;justify-content:space-between;padding:0 24px;position:relative;z-index:10}.windows11-wrapper .win11-status-bar .status-center,.windows11-wrapper .win11-status-bar .status-left,.windows11-wrapper .win11-status-bar .status-right{align-items:center;display:flex;gap:16px}.windows11-wrapper .win11-status-bar .status-item{align-items:center;display:flex;gap:6px}.windows11-wrapper .win11-status-bar .divider-vertical{background:#2a2a35;background:var(--border-color);height:16px;width:1px}.windows11-wrapper .context-menu-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.windows11-wrapper .context-menu{animation:fadeIn .15s ease;background:#14141a;background:var(--bg-secondary);border:1px solid #2a2a35;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #00000080;box-shadow:var(--shadow-lg);min-width:200px;padding:8px;position:fixed;z-index:1000}.windows11-wrapper .context-menu .context-menu-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:13px;gap:12px;padding:10px 16px;transition:all .15s ease;transition:all var(--transition-fast)}.windows11-wrapper .context-menu .context-menu-item:hover{background:#20202e;background:var(--bg-hover);color:#9b59b6;color:var(--accent-color);transform:translateX(4px)}.windows11-wrapper .context-menu .context-menu-divider{background:#2a2a35;background:var(--border-color);height:1px;margin:8px 0}.windows11-wrapper .modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.windows11-wrapper .modal-box{animation:slideUp .3s ease;background:#14141a;background:var(--bg-secondary);border:1px solid #2a2a35;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 8px 32px #00000080;box-shadow:var(--shadow-lg);width:480px}.windows11-wrapper .modal-box .modal-header{align-items:center;border-bottom:1px solid #2a2a35;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.windows11-wrapper .modal-box .modal-header h3{align-items:center;display:flex;font-size:18px;gap:10px}.windows11-wrapper .modal-box .modal-header h3 .modal-icon{color:#9b59b6;color:var(--accent-color)}.windows11-wrapper .modal-box .modal-header .btn-close{align-items:center;background:#20202e;background:var(--bg-hover);border:none;border-radius:10px;color:#b8b8d0;color:var(--text-secondary);cursor:pointer;display:flex;padding:8px;transition:all .15s ease;transition:all var(--transition-fast)}.windows11-wrapper .modal-box .modal-header .btn-close:hover{background:#9b59b6;background:var(--accent-color);color:#fff;transform:rotate(90deg)}.windows11-wrapper .modal-box .modal-body{padding:24px}.windows11-wrapper .modal-box .modal-body .file-info{background:#1a1a24;background:var(--bg-tertiary);border-radius:12px;margin-bottom:20px;padding:16px}.windows11-wrapper .modal-box .modal-body .file-info .file-name-display{font-size:14px;font-weight:600;margin-bottom:6px}.windows11-wrapper .modal-box .modal-body .file-info .file-path-display{color:#7a7a99;color:var(--text-tertiary);font-size:12px;word-break:break-all}.windows11-wrapper .modal-box .modal-body .status-message{color:#b8b8d0;color:var(--text-secondary);margin-bottom:20px}.windows11-wrapper .modal-box .modal-body .progress-bar-container{background:#1a1a24;background:var(--bg-tertiary);border-radius:4px;height:8px;overflow:hidden;width:100%}.windows11-wrapper .modal-box .modal-body .progress-bar-container .progress-bar-fill{background:linear-gradient(90deg,#9b59b6,#9b59b64d);background:linear-gradient(90deg,var(--accent-color),var(--accent-glow));border-radius:4px;height:100%;transition:width .25s ease;transition:width var(--transition-normal)}.windows11-wrapper .modal-box .modal-body .progress-details{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.windows11-wrapper .modal-box .modal-body .progress-details .progress-text{color:#7a7a99;color:var(--text-tertiary);font-size:12px}.windows11-wrapper .modal-box .modal-body .progress-details .success-icon{animation:scaleIn .3s ease;color:#2ecc71}.windows11-wrapper .modal-box .modal-footer{border-top:1px solid #2a2a35;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.windows11-wrapper .modal-box .modal-footer button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 24px;transition:all .15s ease;transition:all var(--transition-fast)}.windows11-wrapper .modal-box .modal-footer button.btn-primary{background:#9b59b6;background:var(--accent-color);color:#fff}.windows11-wrapper .modal-box .modal-footer button.btn-primary:hover{box-shadow:0 4px 12px #9b59b64d;box-shadow:0 4px 12px var(--accent-glow);transform:translateY(-2px)}.windows11-wrapper .modal-box .modal-footer button.btn-secondary{background:#1a1a24;background:var(--bg-tertiary);color:#b8b8d0;color:var(--text-secondary)}.windows11-wrapper .modal-box .modal-footer button.btn-secondary:hover{background:#20202e;background:var(--bg-hover);transform:translateY(-1px)}.windows11-wrapper .notifications-container{bottom:24px;display:flex;flex-direction:column;gap:12px;position:fixed;right:24px;z-index:3000}.windows11-wrapper .notifications-container .notification{animation:slideInRight .3s ease;background:#14141a;background:var(--bg-secondary);border-left:4px solid;border-radius:12px;box-shadow:0 8px 32px #00000080;box-shadow:var(--shadow-lg);font-size:14px;padding:12px 20px}.windows11-wrapper .notifications-container .notification.success{border-left-color:#2ecc71}.windows11-wrapper .notifications-container .notification.error{border-left-color:#e74c3c}.windows11-wrapper .notifications-container .notification.info{border-left-color:#9b59b6;border-left-color:var(--accent-color)}.windows11-wrapper .loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center}.windows11-wrapper .loading-container .loading-spinner .spin{animation:spin 1s linear infinite;color:#9b59b6;color:var(--accent-color);font-size:48px}.windows11-wrapper .loading-container .loading-text{color:#7a7a99;color:var(--text-tertiary);font-size:14px}.windows11-wrapper .empty-state{align-items:center;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;padding:60px 20px}.windows11-wrapper .empty-state .empty-icon{color:#7a7a99;color:var(--text-tertiary);font-size:64px;opacity:.5}.windows11-wrapper .empty-state h3{color:#b8b8d0;color:var(--text-secondary);font-size:18px}.windows11-wrapper .empty-state p{color:#7a7a99;color:var(--text-tertiary);font-size:14px}.address-loading{align-items:center;animation:pulse 1.5s ease-in-out infinite;background:#9b59b626;border-radius:8px;display:flex;gap:8px;padding:4px 12px}.address-loading .spin{animation:spin .8s linear infinite;color:#9b59b6;color:var(--accent-color);font-size:14px}.address-loading span{color:#9b59b6;color:var(--accent-color);font-size:12px;font-weight:500}.folder-loading-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}.folder-loading-overlay .folder-loading-content{animation:scaleIn .3s ease;background:#14141a;background:var(--bg-secondary);border-radius:20px;box-shadow:0 20px 40px #0000004d;padding:32px 48px;text-align:center}.folder-loading-overlay .folder-loading-content .folder-loading-spinner{margin-bottom:20px}.folder-loading-overlay .folder-loading-content .folder-loading-spinner .spin{animation:spin .8s linear infinite;color:#9b59b6;color:var(--accent-color);font-size:48px}.folder-loading-overlay .folder-loading-content .folder-loading-text{color:#fff;color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:8px}.folder-loading-overlay .folder-loading-content .folder-loading-path{background:#1a1a24;background:var(--bg-tertiary);border-radius:8px;color:#b8b8d0;color:var(--text-secondary);font-family:monospace;font-size:13px;margin-top:12px;max-width:400px;padding:6px 12px;word-break:break-all}.status-left{align-items:center;display:flex;gap:12px}.status-left .loading-status{align-items:center;color:#9b59b6;color:var(--accent-color);display:flex;font-size:12px;gap:6px}.spin-sm,.status-left .loading-status .spin-small{animation:spin .6s linear infinite;font-size:12px}.rotated{transform:rotate(90deg);transition:transform .2s ease}.spacer{display:inline-block;width:16px}.activity-dashboard{color:#f4f4f5;direction:rtl;font-family:Vazirmatn,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden;padding:32px;position:relative}.activity-dashboard:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");content:"";height:100%;left:0;opacity:.03;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.activity-dashboard>*{position:relative;z-index:1}.loading-state{align-items:center;display:flex;justify-content:center;min-height:80vh}.loading-state .loader-container{text-align:center}.loading-state .loader-container p{animation:pulse 2s ease-in-out infinite;color:#a1a1aa;font-size:1.1rem;letter-spacing:2px;margin-top:40px}.loading-state .loader{height:120px;margin:0 auto;position:relative;width:120px}.loading-state .loader .loader-core{animation:pulse-glow 1.5s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#5c71f6 50%,#ec4899);border-radius:50%;box-shadow:0 0 30px #6366f1,0 0 60px #5c71f6;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.loading-state .loader .loader-ring{border:2px solid #0000;border-radius:50%;height:100%;left:0;position:absolute;top:0;width:100%}.loading-state .loader .loader-ring:before{border:2px solid #0000;border-radius:50%;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px}.loading-state .loader .loader-ring:first-child{animation:rotate 3s linear infinite}.loading-state .loader .loader-ring:first-child:before{border-right-color:#5c71f6;border-top-color:#6366f1}.loading-state .loader .loader-ring:nth-child(2){animation:rotate 2s linear infinite reverse;transform:scale(.8)}.loading-state .loader .loader-ring:nth-child(2):before{border-bottom-color:#ec4899;border-left-color:#f43f5e}.loading-state .loader .loader-ring:nth-child(3){animation:rotate 1.5s linear infinite;transform:scale(.6)}.loading-state .loader .loader-ring:nth-child(3):before{border-bottom-color:#10b981;border-top-color:#06b6d4}.error-state{min-height:80vh}.error-state .error-card{animation:error-appear .5s cubic-bezier(.34,1.56,.64,1) .4s;background:linear-gradient(145deg,#16161fe6,#0a0a0ff2);border:1px solid #f43f5e4d;border-radius:32px;box-shadow:0 20px 50px #00000080,0 0 60px #f43f5e26;max-width:450px;overflow:hidden;padding:60px 50px;position:relative;text-align:center}.error-state .error-card:before{background:linear-gradient(90deg,#f43f5e,#ec4899,#f43f5e);content:"";height:3px;left:0;position:absolute;right:0;top:0}.error-state .error-card:after{background:radial-gradient(circle,#f43f5e1a 0,#0000 70%);content:"";height:200px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px}.error-state .error-card .error-icon{animation:shake .6s ease-in-out;font-size:5rem;margin-bottom:20px;position:relative}.error-state .error-card .error-icon:after{animation:error-pulse 2s ease-in-out infinite;background:radial-gradient(circle,#f43f5e4d 0,#0000 70%);content:"";height:80px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px}.error-state .error-card h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f43f5e,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;margin-bottom:12px}.error-state .error-card p{color:#a1a1aa;line-height:1.6;margin-bottom:32px}.error-state .error-card .retry-btn{background:linear-gradient(135deg,#6366f1,#5c71f6 50%,#ec4899);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:16px 40px;position:relative;transition:all .3s ease}.error-state .error-card .retry-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.error-state .error-card .retry-btn:hover{box-shadow:0 0 40px #6366f133,0 0 40px #ec489933;transform:translateY(-3px)}.error-state .error-card .retry-btn:hover:before{left:100%}.error-state .error-card .retry-btn:active{transform:translateY(-1px)}@keyframes error-appear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes error-pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.2;transform:translate(-50%,-50%) scale(1.5)}}.empty-state{min-height:50vh}.empty-state .empty-icon{font-size:6rem;margin-bottom:24px;opacity:.4}.empty-state h3{color:#f4f4f5;font-size:1.5rem}.empty-state p{color:#71717a}.dashboard-header{background:linear-gradient(145deg,#16161fe6,#0a0a0ff2);border:1px solid #ffffff0f;border-radius:32px;box-shadow:0 8px 30px #0006;flex-wrap:wrap;gap:28px;margin-bottom:28px;padding:32px 40px}.dashboard-header:before{animation:gradient-flow 3s linear infinite;background:linear-gradient(135deg,#6366f1,#5c71f6 50%,#ec4899);background-size:200% 100%;height:2px}.dashboard-header:after{background:radial-gradient(circle at 30% 50%,#6366f114 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.dashboard-header .header-content{position:relative;z-index:1}.dashboard-header .header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#5c71f6 50%,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}.dashboard-header .header-content p{color:#71717a;font-size:1rem;font-weight:400;margin:0}.dashboard-header .header-stats{display:flex;gap:16px;position:relative;z-index:1}.dashboard-header .header-stats .stat-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;min-width:120px;overflow:hidden;padding:20px 28px;position:relative;text-align:center;transition:all .3s ease}.dashboard-header .header-stats .stat-item:before{background:linear-gradient(135deg,#6366f1,#5c71f6 50%,#ec4899);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.dashboard-header .header-stats .stat-item:hover{border-color:#6366f14d;box-shadow:0 0 40px #6366f133;transform:translateY(-4px)}.dashboard-header .header-stats .stat-item:hover:before{opacity:1}.dashboard-header .header-stats .stat-item:hover .stat-value{transform:scale(1.1)}.dashboard-header .header-stats .stat-item .stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#5c71f6 50%,#ec4899);-webkit-background-clip:text;background-clip:text;color:#f4f4f5;display:block;font-size:1.75rem;font-weight:800;margin-bottom:6px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.dashboard-header .header-stats .stat-item .stat-label{color:#71717a;font-size:.75rem;font-weight:500;letter-spacing:1.5px;text-transform:uppercase}@keyframes gradient-flow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.tabs-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0f;border-radius:24px;margin-bottom:28px;padding:8px}.tabs-nav,.tabs-nav .tab-btn{display:flex;gap:10px;position:relative}.tabs-nav .tab-btn{align-items:center;background:#0000;border:none;border-radius:16px;color:#71717a;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;justify-content:center;overflow:hidden;padding:18px 28px;transition:all .3s ease}.tabs-nav .tab-btn:before{background:linear-gradient(135deg,#6366f1,#5c71f6 50%,#ec4899);border-radius:16px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.tabs-nav .tab-btn:hover:not(.active){background:#ffffff08;color:#a1a1aa}.tabs-nav .tab-btn.active{box-shadow:0 0 40px #6366f133;color:#fff}.tabs-nav .tab-btn.active:before{opacity:1}.tabs-nav .tab-btn.active .tab-icon{animation:tab-bounce .5s cubic-bezier(.34,1.56,.64,1) .4s}.tabs-nav .tab-btn .tab-icon{font-size:1.2rem}@keyframes tab-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.sessions-timeline{padding-right:20px;position:relative}.sessions-timeline:before{background:linear-gradient(180deg,#6366f1,#5c71f6 50%,#ec4899);border-radius:9999px;bottom:0;box-shadow:0 0 20px #6366f14d;content:"";position:absolute;right:7px;top:0;width:2px}.sessions-timeline .session-card{animation:session-appear .6s cubic-bezier(.34,1.56,.64,1) .4s forwards;display:flex;gap:24px;margin-bottom:24px;opacity:0;transform:translateX(-20px)}.sessions-timeline .session-card:first-child{animation-delay:.08s}.sessions-timeline .session-card:nth-child(2){animation-delay:.16s}.sessions-timeline .session-card:nth-child(3){animation-delay:.24s}.sessions-timeline .session-card:nth-child(4){animation-delay:.32s}.sessions-timeline .session-card:nth-child(5){animation-delay:.4s}.sessions-timeline .session-card:nth-child(6){animation-delay:.48s}.sessions-timeline .session-card:nth-child(7){animation-delay:.56s}.sessions-timeline .session-card:nth-child(8){animation-delay:.64s}.sessions-timeline .session-card:nth-child(9){animation-delay:.72s}.sessions-timeline .session-card:nth-child(10){animation-delay:.8s}.sessions-timeline .session-card:nth-child(11){animation-delay:.88s}.sessions-timeline .session-card:nth-child(12){animation-delay:.96s}.sessions-timeline .session-card:nth-child(13){animation-delay:1.04s}.sessions-timeline .session-card:nth-child(14){animation-delay:1.12s}.sessions-timeline .session-card:nth-child(15){animation-delay:1.2s}.sessions-timeline .session-card:nth-child(16){animation-delay:1.28s}.sessions-timeline .session-card:nth-child(17){animation-delay:1.36s}.sessions-timeline .session-card:nth-child(18){animation-delay:1.44s}.sessions-timeline .session-card:nth-child(19){animation-delay:1.52s}.sessions-timeline .session-card:nth-child(20){animation-delay:1.6s}.sessions-timeline .session-card:nth-child(21){animation-delay:1.68s}.sessions-timeline .session-card:nth-child(22){animation-delay:1.76s}.sessions-timeline .session-card:nth-child(23){animation-delay:1.84s}.sessions-timeline .session-card:nth-child(24){animation-delay:1.92s}.sessions-timeline .session-card:nth-child(25){animation-delay:2s}.sessions-timeline .session-card:nth-child(26){animation-delay:2.08s}.sessions-timeline .session-card:nth-child(27){animation-delay:2.16s}.sessions-timeline .session-card:nth-child(28){animation-delay:2.24s}.sessions-timeline .session-card:nth-child(29){animation-delay:2.32s}.sessions-timeline .session-card:nth-child(30){animation-delay:2.4s}.sessions-timeline .session-card .session-timeline-marker{align-items:center;display:flex;flex-direction:column;flex-shrink:0;position:relative}.sessions-timeline .session-card .session-timeline-marker .marker-pulse{animation:marker-pulse 2s ease-in-out infinite;background:#6366f133;border-radius:50%;height:30px;position:absolute;width:30px}.sessions-timeline .session-card .session-timeline-marker .marker-dot{background:linear-gradient(135deg,#6366f1,#5c71f6 50%,#ec4899);border-radius:50%;box-shadow:0 0 20px #6366f1,0 0 40px #8b5cf64d;flex-shrink:0;height:16px;position:relative;width:16px;z-index:1}.sessions-timeline .session-card .session-timeline-marker .marker-line{background:linear-gradient(180deg,#6366f1,#0000);flex:1 1;margin-top:12px;min-height:40px;width:2px}.sessions-timeline .session-card .session-content{background:linear-gradient(145deg,#16161fe6,#0a0a0ff2);border:1px solid #ffffff0f;border-radius:24px;flex:1 1;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.sessions-timeline .session-card .session-content:before{background:radial-gradient(circle at 0 50%,#6366f10d 0,#0000 50%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.sessions-timeline .session-card .session-content:hover{border-color:#6366f14d;box-shadow:0 0 40px #6366f133;transform:translateX(8px)}.sessions-timeline .session-card .session-content:hover:before{opacity:1}.sessions-timeline .session-card .session-content .session-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.sessions-timeline .session-card .session-content .session-header .session-time-range{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.sessions-timeline .session-card .session-content .session-header .session-time-range .end-time,.sessions-timeline .session-card .session-content .session-header .session-time-range .start-time{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;color:#a1a1aa;display:flex;font-size:.9rem;gap:8px;padding:8px 14px}.sessions-timeline .session-card .session-content .session-header .session-time-range .end-time .status-dot,.sessions-timeline .session-card .session-content .session-header .session-time-range .start-time .status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.sessions-timeline .session-card .session-content .session-header .session-time-range .end-time .status-dot.active,.sessions-timeline .session-card .session-content .session-header .session-time-range .start-time .status-dot.active{animation:status-pulse 2s ease-in-out infinite;background:#10b981;box-shadow:0 0 10px #10b981}.sessions-timeline .session-card .session-content .session-header .session-time-range .end-time .status-dot.inactive,.sessions-timeline .session-card .session-content .session-header .session-time-range .start-time .status-dot.inactive{background:#f43f5e}.sessions-timeline .session-card .session-content .session-header .session-time-range .arrow{color:#5c71f6;font-size:1.4rem;font-weight:300}.sessions-timeline .session-card .session-content .session-header .session-time-range .running-badge{animation:pulse-border 2s ease-in-out infinite;background:linear-gradient(135deg,#10b98133,#06b6d433);border:1px solid #10b9814d;border-radius:12px;color:#10b981;font-size:.85rem;font-weight:600;padding:8px 16px}.sessions-timeline .session-card .session-content .session-header .duration-badge{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;color:#06b6d4;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.sessions-timeline .session-card .session-content .session-header .duration-badge:hover{border-color:#06b6d4;box-shadow:0 0 40px #06b6d433}.sessions-timeline .session-card .session-content .off-notice{align-items:center;background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border:1px solid #f59e0b4d;border-radius:16px;color:#f59e0b;display:flex;font-size:.9rem;gap:10px;margin-bottom:20px;padding:14px 20px}.sessions-timeline .session-card .session-content .off-notice .warning-icon{animation:warning-shake 3s ease-in-out infinite;font-size:1.3rem}.sessions-timeline .session-card .session-content .session-sites h4{color:#71717a;font-size:.85rem;font-weight:600;letter-spacing:1px;margin:0 0 16px;text-transform:uppercase}.sessions-timeline .session-card .session-content .session-sites .sites-list{display:flex;flex-wrap:wrap;gap:10px}.sessions-timeline .session-card .session-content .session-sites .sites-list .site-tag{align-items:center;animation:tag-appear .4s cubic-bezier(.34,1.56,.64,1) .4s forwards;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;display:flex;gap:12px;opacity:0;padding:10px 16px;transition:all .3s ease}.sessions-timeline .session-card .session-content .session-sites .sites-list .site-tag:first-child{animation-delay:.05s}.sessions-timeline .session-card .session-content .session-sites .sites-list .site-tag:nth-child(2){animation-delay:.1s}.sessions-timeline .session-card .session-content .session-sites .sites-list .site-tag:nth-child(3){animation-delay:.15s}.sessions-timeline .session-card .session-content .session-sites .sites-list .site-tag:nth-child(4){animation-delay:.2s}.sessions-timeline .session-card .session-content .session-sites .sites-list .site-tag:nth-child(5){animation-delay:.25s}.sessions-timeline .session-card .session-content .session-sites .sites-list .site-tag:nth-child(6){animation-delay:.3s}.sessions-timeline .session-card .session-content .session-sites .sites-list .site-tag:nth-child(7){animation-delay:.35s}.sessions-timeline .session-card .session-content .session-sites .sites-list .site-tag:nth-child(8){animation-delay:.4s}.sessions-timeline .session-card .session-content .session-sites .sites-list .site-tag:nth-child(9){animation-delay:.45s}.sessions-timeline .session-card .session-content .session-sites .sites-list .site-tag:nth-child(10){animation-delay:.5s}.sessions-timeline .session-card .session-content .session-sites .sites-list .site-tag:nth-child(11){animation-delay:.55s}.sessions-timeline .session-card .session-content .session-sites .sites-list .site-tag:nth-child(12){animation-delay:.6s}.sessions-timeline .session-card .session-content .session-sites .sites-list .site-tag:nth-child(13){animation-delay:.65s}.sessions-timeline .session-card .session-content .session-sites .sites-list .site-tag:nth-child(14){animation-delay:.7s}.sessions-timeline .session-card .session-content .session-sites .sites-list .site-tag:nth-child(15){animation-delay:.75s}.sessions-timeline .session-card .session-content .session-sites .sites-list .site-tag:nth-child(16){animation-delay:.8s}.sessions-timeline .session-card .session-content .session-sites .sites-list .site-tag:nth-child(17){animation-delay:.85s}.sessions-timeline .session-card .session-content .session-sites .sites-list .site-tag:nth-child(18){animation-delay:.9s}.sessions-timeline .session-card .session-content .session-sites .sites-list .site-tag:nth-child(19){animation-delay:.95s}.sessions-timeline .session-card .session-content .session-sites .sites-list .site-tag:nth-child(20){animation-delay:1s}.sessions-timeline .session-card .session-content .session-sites .sites-list .site-tag:hover{background:#8b5cf61a;border-color:#5c71f6;box-shadow:0 4px 15px #8b5cf633;transform:translateY(-2px)}.sessions-timeline .session-card .session-content .session-sites .sites-list .site-tag .site-name{color:#f4f4f5;font-size:.85rem;font-weight:500}.sessions-timeline .session-card .session-content .session-sites .sites-list .site-tag .site-time{background:#0d0d14;border-radius:4px;color:#71717a;font-size:.75rem;font-weight:600;padding:4px 10px}@keyframes session-appear{to{opacity:1;transform:translateX(0)}}@keyframes marker-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.5)}}@keyframes status-pulse{0%,to{box-shadow:0 0 10px #10b981}50%{box-shadow:0 0 20px #10b981,0 0 30px #10b981}}@keyframes pulse-border{0%,to{border-color:#10b9814d}50%{border-color:#10b98199}}@keyframes warning-shake{0%,90%,to{transform:rotate(0)}92%{transform:rotate(-10deg)}94%{transform:rotate(10deg)}96%{transform:rotate(-5deg)}98%{transform:rotate(5deg)}}@keyframes tag-appear{to{opacity:1}}.charts-container{grid-gap:24px;display:grid}@media(max-width:1200px){.charts-container{grid-template-columns:1fr}}.charts-container .chart-card{background:linear-gradient(145deg,#16161fe6,#0a0a0ff2);border:1px solid #ffffff0f;border-radius:24px;box-shadow:0 8px 30px #0006;overflow:hidden;padding:28px;position:relative;transition:all .3s ease}.charts-container .chart-card:before{background:radial-gradient(circle,#6366f11a 0,#0000 70%);content:"";height:300px;pointer-events:none;position:absolute;right:-100px;top:-100px;width:300px}.charts-container .chart-card:hover{border-color:#6366f14d;box-shadow:0 0 40px #6366f133;transform:translateY(-4px)}.charts-container .chart-card.full-width{grid-column:1/-1}.charts-container .chart-card h3{align-items:center;border-bottom:1px solid #ffffff0f;color:#f4f4f5;display:flex;font-size:1.1rem;font-weight:600;gap:10px;margin:0 0 24px;padding-bottom:16px}.charts-container .chart-card h3:before{background:linear-gradient(135deg,#6366f1,#5c71f6 50%,#ec4899);border-radius:9999px;content:"";height:20px;width:4px}.charts-container .chart-card .chart-wrapper{width:100%}.charts-container .chart-card .chart-wrapper .recharts-cartesian-grid-horizontal line,.charts-container .chart-card .chart-wrapper .recharts-cartesian-grid-vertical line{stroke:#ffffff0a}.charts-container .chart-card .chart-wrapper .recharts-text{fill:#71717a;font-family:Vazirmatn,sans-serif;font-size:11px}.charts-container .chart-card .chart-wrapper .recharts-legend-item-text{color:#a1a1aa!important;font-family:Vazirmatn,sans-serif}.charts-container .chart-card .chart-wrapper .recharts-tooltip-wrapper{outline:none}.charts-container .chart-card .chart-wrapper .recharts-tooltip-wrapper .recharts-default-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#16161ff2!important;border:1px solid #ffffff1a!important;border-radius:16px!important;box-shadow:0 20px 50px #00000080!important}.charts-container .chart-card .chart-wrapper .recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-label{border-bottom:1px solid #ffffff0f;color:#f4f4f5!important;font-weight:600;margin-bottom:8px;padding-bottom:8px}.charts-container .chart-card .chart-wrapper .recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-item{color:#a1a1aa!important;padding:4px 0}.sites-analysis .chart-card{background:linear-gradient(145deg,#16161fe6,#0a0a0ff2);border:1px solid #ffffff0f;border-radius:24px;box-shadow:0 8px 30px #0006;padding:28px}.sites-analysis .chart-card h3{align-items:center;border-bottom:1px solid #ffffff0f;color:#f4f4f5;display:flex;font-size:1.1rem;font-weight:600;gap:10px;margin:0 0 24px;padding-bottom:16px}.sites-analysis .chart-card h3:before{background:linear-gradient(135deg,#6366f1,#5c71f6 50%,#ec4899);border-radius:9999px;content:"";height:20px;width:4px}.sites-analysis .chart-card .sites-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:24px}.sites-analysis .chart-card .sites-grid .site-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.sites-analysis .chart-card .sites-grid .site-item:hover{border-color:#5c71f6;box-shadow:0 0 40px #6366f133;transform:translateY(-4px)}.sites-analysis .chart-card .sites-grid .site-item:hover .site-name{color:#5c71f6}.sites-analysis .chart-card .sites-grid .site-item:hover .site-time{color:#06b6d4}.sites-analysis .chart-card .sites-grid .site-item .site-name{color:#f4f4f5;font-size:.9rem;font-weight:600;transition:color .3s ease}.sites-analysis .chart-card .sites-grid .site-item .site-time{color:#06b6d4;font-size:.85rem;font-weight:700;transition:color .3s ease}@media(max-width:900px){.activity-dashboard{padding:20px}.activity-dashboard .dashboard-header{flex-direction:column;padding:24px;text-align:center}.activity-dashboard .dashboard-header .header-content h1{font-size:1.5rem}.activity-dashboard .dashboard-header .header-stats{justify-content:center;width:100%}.activity-dashboard .dashboard-header .header-stats .stat-item{flex:1 1;min-width:90px;padding:16px}.activity-dashboard .dashboard-header .header-stats .stat-item .stat-value{font-size:1.4rem}.activity-dashboard .tabs-nav{flex-direction:column}.activity-dashboard .tabs-nav .tab-btn{padding:14px 20px}.activity-dashboard .sessions-timeline{padding-right:0}.activity-dashboard .sessions-timeline:before{display:none}.activity-dashboard .sessions-timeline .session-card{flex-direction:column;gap:16px}.activity-dashboard .sessions-timeline .session-card .session-timeline-marker{display:none}.activity-dashboard .sessions-timeline .session-card .session-content .session-header{align-items:flex-start;flex-direction:column}}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0d0d14}::-webkit-scrollbar-thumb{background:#22222e;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#38384b}::selection{background:#6366f14d}.activity-wrapper{font-family:Vazirmatdn,Tahoma,sans-serif;min-height:100vh;overflow:none;padding:24px;position:relative}.activity-wrapper .bg-mesh{inset:0;pointer-events:none;position:fixed;z-index:0}.activity-wrapper .bg-orb{border-radius:50%;filter:blur(100px);pointer-events:none;position:fixed;z-index:0}.activity-wrapper .bg-orb.orb-1{animation:float 25s ease-in-out infinite;background:radial-gradient(circle,#6366f12e,#0000 70%);height:500px;right:-150px;top:-150px;width:500px}.activity-wrapper .bg-orb.orb-2{animation:float 30s ease-in-out infinite reverse;background:radial-gradient(circle,#06b6d41f,#0000 70%);bottom:10%;height:350px;left:-80px;width:350px}.activity-container{margin:0 auto;max-width:1450px;position:relative;z-index:1}.main-header .header-actions{align-items:center;display:flex;gap:16px}.main-header .header-actions .refresh-btn{align-items:center;background:#27272acc;border:1px solid #3f3f46;border-radius:14px;color:#a1a1aa;cursor:pointer;display:flex;font-size:18px;height:58px;justify-content:center;transition:all .3s ease}.main-header .header-actions .refresh-btn:hover:not(:disabled){background:#6366f126;border-color:#6366f14d;color:#a5b4fc}.main-header .header-actions .refresh-btn:disabled{cursor:not-allowed;opacity:.6}.main-header .header-actions .refresh-btn .spinning{animation:spin 1s linear infinite}.nav-bar{margin-bottom:24px}.nav-bar .nav-btn{align-items:center;background:#18181b99;border:1px solid #3f3f46;border-radius:14px;color:#a1a1aa;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.nav-bar .nav-btn:hover{background:#6366f126;border-color:#6366f14d;color:#a5b4fc;transform:translateY(-2px)}.nav-bar .nav-btn svg{font-size:14px}.charts-container{gap:24px}.charts-container,.loading-card{display:flex;flex-direction:column}.loading-card{align-items:center;background:linear-gradient(145deg,#18181bcc,#27272a66);border:1px solid #3f3f46;border-radius:24px;gap:16px;justify-content:center;padding:60px 20px}.loading-card .loader-spinner{animation:spin .8s linear infinite;border:3px solid #3f3f46;border-radius:50%;border-top-color:#6366f1;height:48px;width:48px}.loading-card span{color:#a1a1aa;font-size:.95rem}.chart-section{animation:slideIn .4s ease forwards;background:linear-gradient(145deg,#18181be6,#27272a80);border:1px solid #3f3f46;border-radius:20px;padding:24px;transition:all .3s ease}.chart-section:hover{border-color:#6366f14d;box-shadow:0 4px 20px #0000004d}.chart-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.chart-section .section-header h2{align-items:center;color:#fafafa;display:flex;font-size:1.1rem;font-weight:700;gap:12px}.chart-section .section-header h2 .icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;color:#fff;display:flex;font-size:14px;height:36px;justify-content:center;width:36px}.chart-section .section-header .value-badge{background:#06b6d426;border:1px solid #06b6d440;border-radius:10px;color:#67e8f9;font-size:.85rem;font-weight:600;padding:8px 16px}.chart-section .chart-wrapper{width:100%}.chart-section.bar-section .section-header{margin-bottom:10px}.stats-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.stats-row{grid-template-columns:1fr}}.empty-state{color:#71717a;padding:40px}.empty-state span{font-size:48px;margin-bottom:12px}.empty-state p{font-size:.95rem}.custom-tooltip{background:#18181bf2;border:1px solid #3f3f46;border-radius:12px;box-shadow:0 8px 32px #00000080;padding:12px 16px}.custom-tooltip .label{color:#a1a1aa;font-size:.85rem;margin-bottom:6px}.custom-tooltip .value{align-items:center;color:#fafafa;display:flex;font-size:.95rem;font-weight:600;gap:8px}.custom-tooltip .value .dot{background:#6366f1;border-radius:50%;height:8px;width:8px}.error-state{align-items:center;background:linear-gradient(145deg,#18181bcc,#27272a66);border:1px solid #ef44444d;border-radius:24px;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:60px 20px;text-align:center}.error-state svg{color:#f87171;font-size:48px}.error-state p{color:#f87171;font-size:1rem}.error-state .error-actions{display:flex;gap:12px;margin-top:8px}.error-state .error-actions .btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.error-state .error-actions .btn.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.error-state .error-actions .btn.btn-primary:hover{box-shadow:0 4px 15px #6366f159;transform:translateY(-2px)}.error-state .error-actions .btn.btn-secondary{background:#27272acc;border:1px solid #3f3f46;color:#a1a1aa}.error-state .error-actions .btn.btn-secondary:hover{background:#ef444426;border-color:#ef44444d;color:#f87171}@media(max-width:768px){.activity-wrapper{padding:16px}.main-header .header-content{flex-direction:column;gap:16px;padding:20px}.main-header .header-actions{justify-content:space-between;width:100%}.main-header .uuid-badge{align-items:center}.chart-section{padding:16px}.chart-section .section-header{align-items:flex-start;flex-direction:column;gap:12px}.chart-section .section-header h2{font-size:1rem}}.logs-wrapper{font-family:Vazirmatdn,Tahoma,sans-serif;min-height:100vh;overflow:none;padding:24px;position:relative}.logs-wrapper .bg-mesh{inset:0;pointer-events:none;position:fixed;z-index:0}.logs-wrapper .bg-orb{border-radius:50%;filter:blur(100px);pointer-events:none;position:fixed;z-index:0}.logs-wrapper .bg-orb.orb-1{animation:float 25s ease-in-out infinite;background:radial-gradient(circle,#6366f12e,#0000 70%);height:500px;right:-150px;top:-150px;width:500px}.logs-wrapper .bg-orb.orb-2{animation:float 30s ease-in-out infinite reverse;background:radial-gradient(circle,#06b6d41f,#0000 70%);bottom:10%;height:350px;left:-80px;width:350px}.logs-container{margin:0 auto;max-width:1450px;position:relative;z-index:1}.action-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.action-bar .nav-buttons .nav-btn-log{align-items:center;background:#18181b99;border:1px solid #3f3f46;border-radius:14px;color:#a1a1aa;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;margin-top:1.5rem;padding:12px 20px;transition:all .3s ease}.action-bar .nav-buttons .nav-btn-log:hover{background:#6366f126;border-color:#6366f14d;color:#a5b4fc;transform:translateY(-2px)}.action-bar .nav-buttons .nav-btn-log svg{font-size:14px}.action-bar .search-box-log{flex:1 1;min-width:250px;position:relative}.action-bar .search-box-log .search-icon{color:#71717a;font-size:14px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.action-bar .search-box-log input{background:#18181b99;border:1px solid #3f3f46;border-radius:14px;color:#fafafa;font-size:.9rem;outline:none;padding:14px 16px 14px 48px;transition:all .3s ease;width:100%}.action-bar .search-box-log input::placeholder{color:#71717a}.action-bar .search-box-log input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.action-bar .refresh-btn-log{align-items:center;background:linear-gradient(135deg,#06b6d4,#6366f1);border:none;border-radius:14px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:14px 24px;transition:all .3s ease}.action-bar .refresh-btn-log:hover:not(:disabled){box-shadow:0 6px 20px #6366f159;transform:translateY(-2px)}.action-bar .refresh-btn-log:disabled{cursor:not-allowed;opacity:.6}.action-bar .refresh-btn-log .spinning{animation:spin 1s linear infinite}.content-area{min-height:400px}.state-card{align-items:center;background:linear-gradient(145deg,#18181bcc,#27272a66);border:1px solid #3f3f46;border-radius:24px;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px;text-align:center}.state-card.loading-card .loader-spinner{animation:spin .8s linear infinite;border:3px solid #3f3f46;border-radius:50%;border-top-color:#6366f1;height:48px;width:48px}.state-card.loading-card span{color:#a1a1aa;font-size:1rem}.state-card.error-card{background:#ef444414;border-color:#ef44444d}.state-card.error-card svg{color:#f87171;font-size:32px}.state-card.error-card span{color:#f87171;font-size:1rem}.state-card.error-card button{background:#ef444433;border:1px solid #ef44444d;border-radius:10px;color:#f87171;cursor:pointer;font-weight:600;margin-top:8px;padding:10px 24px;transition:all .2s ease}.state-card.error-card button:hover{background:#ef4444;color:#fff}.state-card.empty-card .empty-icon{font-size:48px;margin-bottom:8px}.state-card.empty-card h3{color:#fafafa;font-size:1.25rem;margin-bottom:8px}.state-card.empty-card p{color:#71717a;font-size:.9rem}.logs-grid{display:flex;flex-direction:column;gap:16px}.log-card{animation:slideIn .4s ease forwards;background:linear-gradient(145deg,#18181be6,#27272a80);border:1px solid #3f3f46;border-radius:18px;opacity:0;overflow:hidden;transition:all .3s ease}.log-card:hover{border-color:#6366f14d;box-shadow:0 4px 20px #0000004d}.log-card.expanded .card-body{max-height:500px;opacity:1}.log-card .card-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:18px 20px;transition:background .2s ease}.log-card .card-header:hover{background:#27272a4d}.log-card .card-header .file-info{align-items:center;display:flex;gap:12px}.log-card .card-header .file-info .file-icon{font-size:20px}.log-card .card-header .file-info .file-name{color:#fafafa;font-size:1rem;font-weight:600}.log-card .card-header .file-info .file-size{background:#6366f11a;border-radius:8px;color:#a5b4fc;font-size:.75rem;padding:4px 10px}.log-card .card-header .card-meta{align-items:center;display:flex;gap:16px}.log-card .card-header .card-meta .timestamp{align-items:center;color:#71717a;display:flex;font-size:.85rem;gap:6px}.log-card .card-header .card-meta .expand-icon{align-items:center;background:#27272a80;border-radius:8px;color:#a1a1aa;display:flex;font-size:18px;font-weight:700;height:28px;justify-content:center;width:28px}.log-card .card-header .card-meta .expand-icon .minus{display:none}.log-card .card-body{max-height:0;opacity:0;overflow:hidden;transition:all .4s ease}.log-card .card-body .log-content{background:#0a0a0f;border:1px solid #1e1e2e;border-radius:12px;color:#22d3ee;font-family:Courier New,monospace;font-size:.85rem;line-height:1.6;margin:0 20px 20px;max-height:450px;overflow-y:auto;padding:16px;white-space:pre-wrap;word-break:break-word}.log-card .card-body .log-content::-webkit-scrollbar{width:6px}.log-card .card-body .log-content::-webkit-scrollbar-track{background:#0000}.log-card .card-body .log-content::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:3px}@media(max-width:768px){.logs-wrapper{padding:16px}.main-header .header-content{flex-direction:column;gap:16px;padding:20px}.main-header .uuid-badge{align-items:center}.action-bar{flex-direction:column}.action-bar .nav-buttons,.action-bar .refresh-btn,.action-bar .search-box-log{width:100%}.action-bar .search-box-log{order:-1}.action-bar .refresh-btn{justify-content:center}.log-card .card-header{align-items:flex-start;flex-direction:column;gap:12px}.log-card .card-header .file-info{flex-wrap:wrap}.log-card .card-header .card-meta{justify-content:space-between;width:100%}}.cmd-wrapper{font-family:Vazirmatdn,Tahoma,sans-serif;min-height:100vh;overflow-x:hidden;padding:24px;position:relative}.cmd-wrapper .bg-mesh{inset:0}.cmd-wrapper .bg-mesh,.cmd-wrapper .bg-orb{pointer-events:none;position:fixed;z-index:0}.cmd-wrapper .bg-orb{border-radius:50%;filter:blur(100px)}.cmd-wrapper .bg-orb.orb-1{animation:float 25s ease-in-out infinite;background:radial-gradient(circle,#6366f12e,#0000 70%);height:500px;right:-150px;top:-150px;width:500px}.cmd-wrapper .bg-orb.orb-2{animation:float 30s ease-in-out infinite reverse;background:radial-gradient(circle,#06b6d41f,#0000 70%);bottom:10%;height:350px;left:-80px;width:350px}.cmd-container{margin:0 auto;max-width:1450px;position:relative;z-index:1}.main-header,.nav-buttons{margin-bottom:24px}.nav-buttons{display:flex;flex-wrap:wrap;gap:12px}.nav-buttons .nav-btn{align-items:center;background:#18181b99;border:1px solid #3f3f46;border-radius:14px;color:#a1a1aa;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.nav-buttons .nav-btn:hover{background:#6366f126;border-color:#6366f14d;color:#a5b4fc;transform:translateY(-2px)}.nav-buttons .nav-btn svg{font-size:14px}.command-panel{background:linear-gradient(145deg,#18181bf2,#27272a99);border:1px solid #3f3f46;border-radius:24px;box-shadow:0 8px 32px #00000080;padding:28px}.alert{align-items:center;animation:slideIn .3s ease;border-radius:14px;display:flex;font-size:.9rem;font-weight:500;gap:12px;margin-bottom:20px;padding:14px 18px}.alert.alert-error{background:#ef44441f;border:1px solid #ef444440;color:#f87171}.alert.alert-success{background:#10b9811f;border:1px solid #10b98140;color:#34d399}.input-section{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.input-section .input-wrapper{align-items:center;background:#0a0a0f;border:1px solid #1e1e2e;border-radius:14px;display:flex;flex:1 1;gap:12px;padding:0 16px;transition:all .3s ease}.input-section .input-wrapper:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.input-section .input-wrapper .prompt{color:#22d3ee;font-family:Courier New,monospace;font-size:1.1rem;font-weight:700}.input-section .input-wrapper .cmd-input{background:#0000;border:none;color:#fafafa;direction:ltr;flex:1 1;font-family:Courier New,monospace;font-size:.95rem;outline:none;padding:14px 0}.input-section .input-wrapper .cmd-input::placeholder{color:#71717a}.input-section .input-wrapper .cmd-input:disabled{opacity:.5}.input-section .action-buttons{display:flex;gap:10px}.input-section .btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:14px 24px;transition:all .3s ease;white-space:nowrap}.input-section .btn:disabled{cursor:not-allowed;opacity:.5}.input-section .btn.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 15px #6366f159;color:#fff}.input-section .btn.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #6366f173;transform:translateY(-2px)}.input-section .btn.btn-secondary{background:#27272acc;border:1px solid #3f3f46;color:#a1a1aa}.input-section .btn.btn-secondary:hover:not(:disabled){background:#6366f126;border-color:#6366f14d;color:#a5b4fc}.input-section .btn .spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}.terminal-wrapper{background:#0a0a0f;border:1px solid #1e1e2e;border-radius:16px;box-shadow:inset 0 2px 10px #0000004d;overflow:hidden}.terminal-wrapper .terminal-header{align-items:center;background:#27272a80;border-bottom:1px solid #1e1e2e;display:flex;gap:12px;padding:12px 16px}.terminal-wrapper .terminal-header .terminal-dots{display:flex;gap:8px}.terminal-wrapper .terminal-header .terminal-dots .dot{border-radius:50%;height:12px;width:12px}.terminal-wrapper .terminal-header .terminal-dots .dot.dot-red{background:#ff5f56}.terminal-wrapper .terminal-header .terminal-dots .dot.dot-yellow{background:#ffbd2e}.terminal-wrapper .terminal-header .terminal-dots .dot.dot-green{background:#27ca40}.terminal-wrapper .terminal-header .terminal-title{color:#71717a;font-size:.8rem;font-weight:500}.terminal-wrapper .terminal-body{max-height:400px;min-height:200px;overflow-y:auto;padding:20px}.terminal-wrapper .terminal-body::-webkit-scrollbar{width:6px}.terminal-wrapper .terminal-body::-webkit-scrollbar-track{background:#0000}.terminal-wrapper .terminal-body::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:3px}.terminal-wrapper .terminal-body pre{color:#22d3ee;direction:ltr;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-word}.terminal-wrapper .terminal-body pre.placeholder{color:#71717a;font-style:italic}.terminal-wrapper .terminal-body .typing-indicator{display:flex;gap:4px;margin-top:8px}.terminal-wrapper .terminal-body .typing-indicator span{animation:typing 1.4s infinite;background:#22d3ee;border-radius:50%;height:8px;width:8px}.terminal-wrapper .terminal-body .typing-indicator span:nth-child(2){animation-delay:.2s}.terminal-wrapper .terminal-body .typing-indicator span:nth-child(3){animation-delay:.4s}.editor-modal{align-items:center;animation:fadeIn .2s ease;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.editor-modal .editor-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;inset:0;position:absolute}.editor-modal .editor-container{animation:slideUp .3s ease;background:#18181b;border:1px solid #3f3f46;border-radius:20px;display:flex;flex-direction:column;height:85%;max-width:900px;overflow:hidden;position:relative;width:90%;z-index:1}.editor-modal .editor-header{align-items:center;background:#27272a80;border-bottom:1px solid #3f3f46;display:flex;justify-content:space-between;padding:16px 24px}.editor-modal .editor-header .editor-title{align-items:center;color:#fafafa;display:flex;font-size:1rem;font-weight:600;gap:10px}.editor-modal .editor-header .editor-title svg{color:#a5b4fc}.editor-modal .editor-header .close-btn{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;color:#f87171;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.editor-modal .editor-header .close-btn:hover{background:#ef4444;color:#fff}.editor-modal textarea{background:#0a0a0f;border:none;color:#22d3ee;direction:ltr;flex:1 1;font-family:Courier New,monospace;font-size:.95rem;line-height:1.6;outline:none;padding:20px;resize:none;width:100%}.editor-modal textarea::placeholder{color:#71717a}.editor-modal .editor-footer{align-items:center;background:#27272a80;border-top:1px solid #3f3f46;display:flex;justify-content:space-between;padding:16px 24px}.editor-modal .editor-footer .editor-info{color:#71717a;font-size:.8rem}.editor-modal .editor-footer .editor-actions{display:flex;gap:10px}.editor-modal .editor-footer .editor-actions .btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.editor-modal .editor-footer .editor-actions .btn.btn-cancel{background:#27272acc;border:1px solid #3f3f46;color:#a1a1aa}.editor-modal .editor-footer .editor-actions .btn.btn-cancel:hover{background:#ef444426;border-color:#ef44444d;color:#f87171}.editor-modal .editor-footer .editor-actions .btn.btn-confirm{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.editor-modal .editor-footer .editor-actions .btn.btn-confirm:hover{box-shadow:0 4px 15px #6366f159;transform:translateY(-2px)}@media(max-width:768px){.cmd-wrapper{padding:16px}.main-header .header-content{flex-direction:column;gap:16px;padding:20px}.main-header .uuid-badge{align-items:center}.nav-buttons .nav-btn{flex:1 1;justify-content:center;min-width:100px}.command-panel{padding:20px}.input-section{flex-direction:column}.input-section .input-wrapper{width:100%}.input-section .action-buttons{justify-content:stretch;width:100%}.input-section .action-buttons .btn{flex:1 1;justify-content:center}.editor-modal .editor-container{height:90%;width:96%}.editor-modal .editor-footer{flex-direction:column;gap:12px}.editor-modal .editor-footer .editor-actions{justify-content:stretch;width:100%}.editor-modal .editor-footer .editor-actions .btn{flex:1 1;justify-content:center}}.websc-wrapper{font-family:Vazirmatdn,Tahoma,sans-serif;min-height:100vh;overflow-x:hidden;padding:24px;position:relative}.websc-wrapper .bg-mesh{inset:0;pointer-events:none;position:fixed;z-index:0}.websc-wrapper .bg-orb{border-radius:50%;filter:blur(100px);pointer-events:none;position:fixed;z-index:0}.websc-wrapper .bg-orb.orb-1{animation:float 25s ease-in-out infinite;background:radial-gradient(circle,#6366f12e,#0000 70%);height:500px;right:-150px;top:-150px;width:500px}.websc-wrapper .bg-orb.orb-2{animation:float 30s ease-in-out infinite reverse;background:radial-gradient(circle,#8b5cf61f,#0000 70%);bottom:15%;height:350px;left:-80px;width:350px}.websc-wrapper .bg-orb.orb-3{animation:float 22s ease-in-out infinite;background:radial-gradient(circle,#06b6d41f,#0000 70%);bottom:-30px;height:250px;right:25%;width:250px}.websc-container{margin:0 auto;max-width:1450px;position:relative;z-index:1}.main-header{margin-bottom:32px}.main-header .header-content{align-items:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(145deg,#18181bf2,#27272a99);border:1px solid #3f3f46;border-radius:24px;box-shadow:0 8px 32px #00000080;display:flex;justify-content:space-between;padding:24px 32px;width:100%}.main-header .logo-wrapper{align-items:center;display:flex;gap:20px}.main-header .logo-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:18px;box-shadow:0 0 60px #6366f140;color:#fff;display:flex;font-size:24px;height:60px;justify-content:center;position:relative;width:60px}.main-header .header-text h1{color:#fafafa;font-size:1.5rem;font-weight:700;letter-spacing:-.5px;margin-bottom:4px}.main-header .header-text p{color:#a1a1aa;font-size:.875rem}.main-header .uuid-badge{align-items:flex-end;background:#6366f114;border:1px solid #6366f126;border-radius:14px;display:flex;flex-direction:column;gap:4px;padding:12px 16px}.main-header .uuid-badge .badge-label{color:#a5b4fc;font-size:.7rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.main-header .uuid-badge .badge-value{color:#fafafa;font-family:Courier New,monospace;font-size:.85rem;font-weight:500}.gallery-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.gallery-cards{grid-template-columns:1fr}}.gallery-card{align-items:center;background:linear-gradient(145deg,#18181b,#27272a80);border:1px solid #3f3f46;border-radius:24px;cursor:pointer;display:flex;gap:20px;overflow:hidden;padding:28px;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.gallery-card .card-glow{inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .4s ease}.gallery-card.screenshots .card-glow{background:radial-gradient(ellipse at top left,#7c3aed26,#0000 65%)}.gallery-card.screenshots .card-icon{background:linear-gradient(135deg,#7c3aed,#db2777);box-shadow:0 8px 28px #7c3aed59}.gallery-card.screenshots:hover{border-color:#7c3aed59}.gallery-card.screenshots:hover .card-glow{opacity:1}.gallery-card.webcam .card-glow{background:radial-gradient(ellipse at top left,#06b6d426,#0000 65%)}.gallery-card.webcam .card-icon{background:linear-gradient(135deg,#0891b2,#06b6d4);box-shadow:0 8px 28px #06b6d459}.gallery-card.webcam:hover{border-color:#06b6d459}.gallery-card.webcam:hover .card-glow{opacity:1}.gallery-card:hover{box-shadow:0 8px 32px #00000080;transform:translateY(-6px) scale(1.01)}.gallery-card:hover .card-action{opacity:1;transform:translateX(0)}.gallery-card .card-icon{align-items:center;border-radius:20px;color:#fff;display:flex;flex-shrink:0;font-size:28px;height:72px;justify-content:center;width:72px}.gallery-card .card-info{flex:1 1}.gallery-card .card-info h3{color:#fafafa;font-size:1.35rem;font-weight:700;margin-bottom:6px}.gallery-card .card-info .count{color:#a1a1aa;font-size:.9rem;font-weight:500}.gallery-card .card-action{align-items:center;color:#a5b4fc;display:flex;font-size:.85rem;font-weight:600;gap:8px;opacity:0;transform:translateX(-10px);transition:all .3s ease}.gallery-viewer{align-items:center;animation:fadeIn .3s ease;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.gallery-viewer .viewer-backdrop{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#09090bf5;inset:0;position:absolute}.gallery-viewer .viewer-content{display:flex;flex-direction:column;height:88%;max-width:1400px;position:relative;width:92%;z-index:1}.gallery-viewer .viewer-header{align-items:center;background:#18181b;border:1px solid #3f3f46;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:20px 28px}.gallery-viewer .viewer-header .viewer-title{align-items:center;display:flex;gap:16px}.gallery-viewer .viewer-header .viewer-title .title-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:14px;color:#fff;display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.gallery-viewer .viewer-header .viewer-title .title-text h3{color:#fafafa;font-size:1.25rem;font-weight:700}.gallery-viewer .viewer-header .viewer-title .title-text span{color:#a1a1aa;font-size:.875rem}.gallery-viewer .viewer-header .close-btn{align-items:center;background:#ef444414;border:1px solid #ef444426;border-radius:14px;color:#f87171;cursor:pointer;display:flex;font-size:18px;height:48px;justify-content:center;transition:all .2s ease;width:48px}.gallery-viewer .viewer-header .close-btn:hover{background:#ef4444;color:#fff;transform:scale(1.05)}.gallery-viewer .viewer-grid{grid-gap:16px;background:#18181b66;border:1px solid #3f3f46;border-radius:0 0 20px 20px;border-top:none;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));overflow-y:auto;padding:24px}.gallery-viewer .viewer-grid::-webkit-scrollbar{width:6px}.gallery-viewer .viewer-grid::-webkit-scrollbar-track{background:#0000}.gallery-viewer .viewer-grid::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:3px}.gallery-viewer .viewer-item{animation:scaleIn .35s ease forwards;aspect-ratio:4/3;border-radius:2px;box-shadow:0 4px 12px #0006;cursor:pointer;opacity:1;overflow:hidden;position:relative}.gallery-viewer .viewer-item:hover{transform:scale(1.04)}.gallery-viewer .viewer-item:hover .item-overlay{opacity:1}.gallery-viewer .viewer-item img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.gallery-viewer .viewer-item .item-overlay{align-items:flex-end;background:linear-gradient(0deg,#000000bf 0,#0000 55%);display:flex;inset:0;justify-content:space-between;opacity:0;padding:14px;position:absolute;transition:opacity .3s ease}.gallery-viewer .viewer-item .item-overlay .item-number{font-size:.8rem;font-weight:600;padding:6px 14px}.gallery-viewer .viewer-item .item-overlay .item-number,.gallery-viewer .viewer-item .item-overlay .item-zoom{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff26;border-radius:10px;color:#fff}.gallery-viewer .viewer-item .item-overlay .item-zoom{align-items:center;display:flex;font-size:13px;height:36px;justify-content:center;width:36px}.image-modal{align-items:center;animation:fadeIn .2s ease;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.image-modal.fullscreen .modal-image-wrapper{max-height:100vh;max-width:100vw;padding:0}.image-modal .modal-backdrop{inset:0;position:absolute}.image-modal .modal-topbar{align-items:center;background:linear-gradient(180deg,#000000d9 0,#0000);display:flex;justify-content:space-between;left:0;padding:16px 24px;position:absolute;right:0;top:0;z-index:20}.image-modal .modal-topbar .topbar-left,.image-modal .modal-topbar .topbar-right{align-items:center;display:flex;gap:10px}.image-modal .modal-topbar .topbar-center{align-items:center;display:flex}.image-modal .modal-topbar .image-counter{align-items:center;background:#18181bd9;border:1px solid #3f3f46;border-radius:12px;display:flex;gap:6px;margin-right:4rem;padding:10px 18px}.image-modal .modal-topbar .image-counter .current{color:#fafafa;font-size:1.1rem;font-weight:700}.image-modal .modal-topbar .image-counter .separator{color:#71717a}.image-modal .modal-topbar .image-counter .total{color:#a1a1aa;font-size:1rem}.image-modal .modal-topbar .zoom-controls{align-items:center;background:#18181bd9;border:1px solid #3f3f46;border-radius:14px;display:flex;gap:12px;padding:8px 14px}.image-modal .modal-topbar .zoom-controls .ctrl-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#a1a1aa;cursor:pointer;display:flex;font-size:15px;height:35px;justify-content:center;transition:all .2s ease;width:35px}.image-modal .modal-topbar .zoom-controls .ctrl-btn:hover:not(:disabled){background:#6366f133;color:#a5b4fc}.image-modal .modal-topbar .zoom-controls .ctrl-btn:disabled{cursor:not-allowed;opacity:.35}.image-modal .modal-topbar .zoom-controls .ctrl-btn.close:hover{background:#ef444433;color:#f87171}.image-modal .modal-topbar .zoom-controls .zoom-display{align-items:center;display:flex;gap:10px;min-width:100px}.image-modal .modal-topbar .zoom-controls .zoom-display .zoom-bar{background:#6366f1;border-radius:2px;height:4px;transition:width .15s ease}.image-modal .modal-topbar .zoom-controls .zoom-display span{color:#a5b4fc;font-size:.8rem;font-weight:600;min-width:45px;text-align:center}.image-modal .modal-topbar .ctrl-btn{align-items:center;background:#18181bd9;border:1px solid #3f3f46;border-radius:12px;color:#a1a1aa;cursor:pointer;display:flex;font-size:15px;height:35px;justify-content:center;transition:all .2s ease;width:35px}.image-modal .modal-topbar .ctrl-btn:hover{background:#6366f133;color:#a5b4fc}.image-modal .modal-image-wrapper{align-items:center;display:flex;height:100%;justify-content:center;padding:80px 100px;position:relative;width:100%;z-index:10}.image-modal .modal-image-wrapper .image-loader{align-items:center;display:flex;justify-content:center;position:absolute}.image-modal .modal-image-wrapper .image-loader .loader-spinner{animation:spin .8s linear infinite;border:3px solid #3f3f46;border-radius:50%;border-top-color:#6366f1;height:48px;width:48px}.image-modal .modal-image-wrapper img{max-height:100%;max-width:100%;object-fit:contain;pointer-events:none;transition:transform .1s ease-out,opacity .3s ease;-webkit-user-select:none;user-select:none}.image-modal .nav-btn{align-items:center;background:#18181be6;border:1px solid #3f3f46;border-radius:50%;color:#a1a1aa;cursor:pointer;display:flex;font-size:20px;height:56px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .25s ease;width:56px;z-index:25}.image-modal .nav-btn:hover{background:#6366f1;border-color:#6366f1;color:#fff;transform:translateY(-50%) scale(1.12)}.image-modal .nav-btn.nav-prev{left:20px}.image-modal .nav-btn.nav-next{right:20px}.image-modal .modal-bottombar{background:linear-gradient(0deg,#000000d9 0,#0000);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:absolute;right:0;z-index:20}.image-modal .modal-bottombar .hint-text{align-items:center;background:#18181b99;border-radius:24px;color:#71717a;display:flex;font-size:.8rem;gap:12px;padding:10px 20px}.image-modal .modal-bottombar .hint-text .divider{opacity:.4}@media(max-width:768px){.websc-wrapper{padding:16px}.main-header .header-content{flex-direction:column;gap:20px;padding:20px}.main-header .uuid-badge{align-items:center}.gallery-cards{gap:16px}.gallery-card{padding:20px}.gallery-card .card-icon{border-radius:16px;font-size:22px;height:56px;width:56px}.gallery-card .card-info h3{font-size:1.1rem}.gallery-viewer .viewer-content{height:92%;width:96%}.gallery-viewer .viewer-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:16px}.image-modal .modal-topbar{flex-wrap:wrap;gap:12px;padding:12px 16px}.image-modal .modal-topbar .topbar-center{justify-content:center;order:3;width:100%}.image-modal .modal-image-wrapper{padding:70px 50px}.image-modal .nav-btn{font-size:16px;height:44px;width:44px}.image-modal .nav-btn.nav-prev{left:8px}.image-modal .nav-btn.nav-next{right:8px}.image-modal .modal-bottombar .hint-text{flex-wrap:wrap;font-size:.7rem;justify-content:center}}.viewer-item{position:relative}.viewer-item .item-overlay .item-actions{align-items:center;display:flex;justify-content:space-between;left:8px;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .2s ease}.viewer-item .item-overlay:hover .item-actions{opacity:1}.viewer-item .download-btn{align-items:center;background:#3b82f6d9;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.viewer-item .download-btn:hover{background:#3b82f6;transform:scale(1.1)}.viewer-item .delete-btn{align-items:center;background:#ef4444d9;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.viewer-item .delete-btn:hover:not(:disabled){background:#ef4444;transform:scale(1.1)}.viewer-item .delete-btn:disabled{cursor:not-allowed;opacity:.7}.viewer-item .delete-btn .spinning{animation:spin 1s linear infinite}.viewer-item .item-zoom{align-items:center;background:#0009;border-radius:8px;color:#fff;display:flex;font-size:14px;height:32px;justify-content:center;opacity:0;transition:opacity .2s ease;width:32px}.viewer-item:hover .item-zoom{opacity:1}.ctrl-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.ctrl-btn:hover:not(:disabled){background:#fff3;transform:scale(1.05)}.ctrl-btn:disabled{cursor:not-allowed;opacity:.5}.ctrl-btn.close{background:#ef444433;border-color:#ef44444d;color:#ef4444}.ctrl-btn.close:hover{background:#ef4444;color:#fff}.settings-wrapper{background:#0f172a;height:100%;padding:24px;position:relative}.settings-wrapper .bg-pattern{background-image:radial-gradient(circle at 25% 25%,#6366f126 0,#0000 50%),radial-gradient(circle at 75% 75%,#10b9811a 0,#0000 50%),linear-gradient(180deg,#0000,#6366f108);pointer-events:none;z-index:0}.settings-wrapper .bg-glow{border-radius:50%;filter:blur(100px);pointer-events:none;position:fixed;z-index:0}.settings-wrapper .bg-glow.bg-glow-1{animation:float 8s ease-in-out infinite;background:#6366f133;height:400px;right:-100px;top:-100px;width:400px}.settings-wrapper .bg-glow.bg-glow-2{animation:float 10s ease-in-out infinite reverse;background:#10b98126;bottom:-50px;height:300px;left:-50px;width:300px}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,30px)}}.settings-container{margin:0 auto;max-width:1450px;position:relative;z-index:1}.main-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bcc;border:1px solid #334155;border-radius:20px;display:flex;justify-content:space-between;margin-bottom:28px;padding:20px 28px}.main-header .header-left{align-items:center;display:flex;gap:16px}.main-header .header-left .logo-container{position:relative}.main-header .header-left .logo-container .logo-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:14px;box-shadow:0 8px 32px #6366f166;color:#fff;display:flex;font-size:22px;height:52px;justify-content:center;width:52px}.main-header .header-left .logo-container .logo-shine{background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:16px;bottom:-2px;filter:blur(12px);left:-2px;opacity:.5;position:absolute;right:-2px;top:-2px;z-index:-1}.main-header .header-left .header-info h1{color:#f1f5f9;font-size:1.4rem;font-weight:700;margin-bottom:2px}.main-header .header-left .header-info p{color:#94a3b8;font-size:.85rem}.main-header .header-right .uuid-display{align-items:center;background:#6366f126;border:1px solid #6366f14d;border-radius:12px;color:#818cf8;display:flex;font-family:Courier New,monospace;font-size:.85rem;font-weight:600;gap:8px;padding:10px 16px}.status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr;margin-bottom:24px}@media(max-width:900px){.status-grid{grid-template-columns:1fr}}.status-card{background:#1e293bcc;border:1px solid #334155;border-radius:18px;padding:20px 24px;transition:all .3s ease}.status-card:hover{background:#334155;transform:translateY(-2px)}.status-card.main-status.active{background:linear-gradient(135deg,#10b98126,#1e293be6);border-color:#10b98166}.status-card.main-status.active .card-glow{background:#10b981}.status-card.main-status.active .status-icon{color:#10b981}.status-card.main-status.inactive{background:linear-gradient(135deg,#ef444426,#1e293be6);border-color:#ef444466}.status-card.main-status.inactive .card-glow{background:#ef4444}.status-card.main-status.inactive .status-icon{color:#ef4444}.status-card.main-status .card-glow{height:100%;left:0;position:absolute;top:0;width:4px}.status-card.main-status .status-icon{font-size:28px;margin-bottom:12px;position:relative}.status-card.main-status .status-icon .pulse-circle{border-radius:50%;height:50px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px}.status-card.main-status .status-icon .pulse-circle.on{animation:pulse 2s infinite;background:#10b98133}.status-card.main-status .status-icon .pulse-circle.off{background:#ef444433}.status-card.main-status .status-info .status-label{color:#94a3b8;display:block;font-size:.8rem;margin-bottom:4px}.status-card.main-status .status-info h2{color:#f1f5f9;font-size:1.6rem;font-weight:700}.status-card.main-status .status-badge{position:absolute;right:20px;top:20px}.status-card.main-status .status-badge .badge{align-items:center;border-radius:20px;display:flex;font-size:.75rem;font-weight:600;gap:6px;padding:6px 14px}.status-card.main-status .status-badge .badge.on{background:#10b98133;color:#10b981}.status-card.main-status .status-badge .badge.off{background:#ef444433;color:#ef4444}.status-card .card-icon{align-items:center;border-radius:12px;display:flex;font-size:18px;height:44px;justify-content:center;margin-bottom:12px;width:44px}.status-card .card-icon.running-icon{background:#6366f133;color:#818cf8}.status-card .card-icon.time-icon{background:#f59e0b33;color:#fbbf24}.status-card .status-info .status-label{color:#94a3b8;display:block;font-size:.8rem;margin-bottom:4px}.status-card .status-info h2{color:#f1f5f9;font-size:1.4rem;font-weight:700}.status-card .status-info h2 small{color:#94a3b8;font-size:.9rem;font-weight:400}.status-card .status-info h2.time-display{font-family:Courier New,monospace;letter-spacing:2px}.status-card .progress-bar{background:#ffffff1a;border-radius:3px;height:6px;margin-top:12px;overflow:hidden}.status-card .progress-bar .progress-fill{background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:3px;height:100%;transition:width .5s ease}.nav-tabs{background:#1e293b99;border:1px solid #334155;border-radius:16px;display:flex;gap:8px;margin-bottom:24px;padding:6px}.nav-tabs .tab-btn{align-items:center;background:#0000;border:none;border-radius:12px;color:#94a3b8;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:.9rem;font-weight:600;gap:10px;justify-content:center;padding:14px 20px;position:relative;transition:all .3s ease}.nav-tabs .tab-btn svg{font-size:1.1rem}.nav-tabs .tab-btn .tab-indicator{background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:3px 3px 0 0;bottom:0;height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.nav-tabs .tab-btn:hover{background:#ffffff0d;color:#f1f5f9}.nav-tabs .tab-btn.active{background:#6366f133;color:#f1f5f9}.nav-tabs .tab-btn.active .tab-indicator{width:40px}.tab-content{min-height:400px}.files-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.file-card{animation:fadeInUp .5s ease forwards;animation-delay:0s;animation-delay:var(--delay,0s);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bcc;border:1px solid #334155;border-radius:20px;border-radius:1rem;opacity:0;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.file-card:hover{background:#334155;border-color:#6366f14d;transform:translateY(-4px)}.file-card:hover .card-border-glow{opacity:1}.file-card.running{background:linear-gradient(135deg,#10b9811a,#1e293be6);border-color:#10b98166}.file-card.running .card-border-glow{background:#10b981}.file-card .card-border-glow{background:#6366f1;height:3px;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.file-card .file-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.file-card .file-card-header .status-indicator{align-items:center;border-radius:20px;display:flex;font-size:.75rem;font-weight:600;gap:8px;padding:6px}.file-card .file-card-header .status-indicator .dot{display:none}.file-card .file-card-header .status-indicator.on{background-color:#10b981;box-shadow:0 0 10px lime,0 0 20px lime,0 0 40px lime,0 0 80px lime;color:#10b981}.file-card .file-card-header .status-indicator.off{color:#ef4444}.file-card .file-card-header .file-icon{align-items:center;background:#6366f126;border-radius:10px;color:#818cf8;display:flex;font-size:14px;height:36px;justify-content:center;width:36px}.file-card .file-card-body{margin-bottom:20px}.file-card .file-card-body .file-name{color:#f1f5f9;font-size:1.1rem;font-weight:600;margin-bottom:4px}.file-card .file-card-body .file-path{color:#94a3b8;font-family:Courier New,monospace;font-size:.8rem}.file-card .file-card-actions{display:flex;gap:10px}.file-card .file-card-actions .action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:inherit;font-size:.75rem;font-weight:600;gap:6px;overflow:hidden;padding:12px 8px;position:relative;transition:all .2s ease}.file-card .file-card-actions .action-btn .btn-icon{align-items:center;border-radius:10px;display:flex;font-size:12px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.file-card .file-card-actions .action-btn .btn-glow{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.file-card .file-card-actions .action-btn:disabled{cursor:not-allowed;opacity:.4}.file-card .file-card-actions .action-btn:disabled:hover{transform:none!important}.file-card .file-card-actions .action-btn.start{background:#10b9811a;color:#10b981}.file-card .file-card-actions .action-btn.start .btn-icon{background:#10b98133}.file-card .file-card-actions .action-btn.start:hover:not(:disabled){background:#10b981;color:#fff;transform:translateY(-2px)}.file-card .file-card-actions .action-btn.start:hover:not(:disabled) .btn-icon{background:#fff3}.file-card .file-card-actions .action-btn.stop{background:#ef44441a;color:#ef4444}.file-card .file-card-actions .action-btn.stop .btn-icon{background:#ef444433}.file-card .file-card-actions .action-btn.stop:hover:not(:disabled){background:#ef4444;color:#fff;transform:translateY(-2px)}.file-card .file-card-actions .action-btn.stop:hover:not(:disabled) .btn-icon{background:#fff3}.file-card .file-card-actions .action-btn.restart{background:#f59e0b1a;color:#f59e0b}.file-card .file-card-actions .action-btn.restart .btn-icon{background:#f59e0b33}.file-card .file-card-actions .action-btn.restart:hover:not(:disabled){background:#f59e0b;color:#fff;transform:translateY(-2px)}.file-card .file-card-actions .action-btn.restart:hover:not(:disabled) .btn-icon{background:#fff3}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.spinning{animation:spin 1s linear infinite}.empty-state .empty-icon{color:#94a3b8;font-size:48px;margin-bottom:16px}.empty-state h3{color:#f1f5f9;font-size:1.2rem;margin-bottom:8px}.empty-state p{color:#94a3b8;font-size:.9rem}.update-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bcc;border:1px solid #334155;border-radius:24px;padding:32px}.update-card .update-header{align-items:center;border-bottom:1px solid #334155;display:flex;gap:16px;margin-bottom:28px;padding-bottom:20px}.update-card .update-header .update-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:16px;box-shadow:0 8px 32px #6366f14d;color:#fff;display:flex;font-size:24px;height:56px;justify-content:center;width:56px}.update-card .update-header .update-title h3{color:#f1f5f9;font-size:1.3rem;font-weight:700;margin-bottom:4px}.update-card .update-header .update-title p{color:#94a3b8;font-size:.9rem}.update-card .update-form .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}@media(max-width:600px){.update-card .update-form .form-row{grid-template-columns:1fr}}.update-card .update-form .input-group label{align-items:center;color:#94a3b8;display:flex;font-size:.85rem;gap:8px;margin-bottom:8px}.update-card .update-form .input-group label svg{color:#818cf8}.update-card .update-form .input-group input{background:#0f172a99;border:1px solid #334155;border-radius:12px;color:#f1f5f9;font-family:inherit;font-size:.95rem;padding:14px 16px;transition:all .3s ease;width:100%}.update-card .update-form .input-group input::placeholder{color:#94a3b8}.update-card .update-form .input-group input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133;outline:none}.update-card .update-form .upload-zone{border:2px dashed #334155;border-radius:16px;cursor:pointer;margin-bottom:20px;padding:40px;text-align:center;transition:all .3s ease}.update-card .update-form .upload-zone:hover{background:#6366f10d;border-color:#6366f1}.update-card .update-form .upload-zone .upload-prompt .upload-icon-wrapper{align-items:center;background:#6366f126;border-radius:50%;color:#818cf8;display:flex;font-size:28px;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.update-card .update-form .upload-zone .upload-prompt h4{color:#f1f5f9;font-size:1rem;margin-bottom:6px}.update-card .update-form .upload-zone .upload-prompt p{color:#94a3b8;font-size:.85rem}.update-card .update-form .upload-zone .files-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.update-card .update-form .upload-zone .files-list .file-tag{align-items:center;background:#6366f126;border:1px solid #6366f14d;border-radius:10px;color:#f1f5f9;display:flex;font-size:.85rem;gap:8px;padding:10px 16px}.update-card .update-form .upload-zone .files-list .file-tag svg{color:#818cf8}.update-card .update-form .upload-zone .files-list .file-tag small{color:#94a3b8;font-size:.75rem}.update-card .update-form .uploaded-section{background:#10b9811a;border:1px solid #10b9814d;border-radius:12px;margin-bottom:20px;padding:16px}.update-card .update-form .uploaded-section h4{align-items:center;color:#10b981;display:flex;font-size:.9rem;gap:8px;margin-bottom:12px}.update-card .update-form .uploaded-section .uploaded-list{display:flex;flex-wrap:wrap;gap:8px}.update-card .update-form .uploaded-section .uploaded-list .uploaded-item{background:#10b98126;border-radius:6px;color:#10b981;font-size:.8rem;padding:6px 12px}.update-card .update-form .upload-button{align-items:center;background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:14px;box-shadow:0 8px 32px #6366f14d;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:600;gap:12px;justify-content:center;padding:18px 28px;transition:all .3s ease;width:100%}.update-card .update-form .upload-button:hover:not(:disabled){box-shadow:0 12px 40px #6366f166;transform:translateY(-2px)}.update-card .update-form .upload-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.update-card .update-form .upload-button.uploading{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 8px 32px #10b9814d}.update-card .update-form .upload-button .spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.main-footer{align-items:center;background:#1e293b99;border:1px solid #334155;border-radius:14px;display:flex;justify-content:space-between;margin-top:28px;padding:16px 24px}.main-footer .footer-brand{align-items:center;color:#94a3b8;display:flex;font-size:.85rem;gap:10px}.main-footer .footer-brand svg{color:#818cf8}.main-footer .footer-version{background:#6366f126;border-radius:8px;color:#818cf8;font-size:.75rem;font-weight:600;padding:6px 12px}.text{margin-right:1rem;position:fixed;width:100px}.usage-stats-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;padding:24px}.usage-stats-page .stats-wrapper{margin:0 auto;max-width:1400px}.usage-stats-page .stats-header{align-items:center;background:#111116;border:1px solid #2a2a35;border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.usage-stats-page .stats-header .header-left{align-items:center;display:flex;gap:20px}.usage-stats-page .stats-header .header-left .btn-back{align-items:center;background:#0000;border:1px solid #2a2a35;border-radius:8px;color:#a0a0b0;cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:all .2s}.usage-stats-page .stats-header .header-left .btn-back:hover{background:#8b5cf61a;border-color:#8b5cf6;color:#c084fc}.usage-stats-page .stats-header .header-left .header-title{align-items:center;display:flex;gap:12px}.usage-stats-page .stats-header .header-left .header-title .title-icon{color:#8b5cf6;font-size:28px}.usage-stats-page .stats-header .header-left .header-title h1{color:#fff;font-size:20px;font-weight:600;margin:0}.usage-stats-page .stats-header .header-left .header-title .uuid-display{color:#a0a0b0;font-family:monospace;font-size:12px;margin:4px 0 0}.usage-stats-page .stats-header .header-right .btn-refresh{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf6;border-radius:8px;color:#c084fc;cursor:pointer;display:flex;gap:8px;padding:8px 20px;transition:all .2s}.usage-stats-page .stats-header .header-right .btn-refresh:hover{background:#8b5cf633}.usage-stats-page .stats-header .header-right .btn-refresh:disabled{cursor:not-allowed;opacity:.6}.usage-stats-page .stats-header .header-right .btn-refresh .spin{animation:spin 1s linear infinite}.usage-stats-page .period-filter{background:#111116;border:1px solid #2a2a35;border-radius:10px;display:flex;gap:8px;margin-bottom:24px;padding:8px}.usage-stats-page .period-filter .filter-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#a0a0b0;cursor:pointer;display:flex;flex:1 1;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s}.usage-stats-page .period-filter .filter-btn:hover{background:#8b5cf61a;color:#c084fc}.usage-stats-page .period-filter .filter-btn.active{background:#8b5cf626;border:1px solid #8b5cf64d;color:#c084fc}.usage-stats-page .error-message{align-items:center;background:#f43f5e1a;border:1px solid #f43f5e4d;border-radius:10px;color:#fb7185;display:flex;gap:12px;margin-bottom:24px;padding:16px 20px}.usage-stats-page .summary-card{align-items:center;background:linear-gradient(135deg,#111116,#16161d);border:1px solid #2a2a35;border-radius:12px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px;padding:24px}.usage-stats-page .summary-card .summary-icon{align-items:center;background:#8b5cf61a;border-radius:12px;display:flex;height:56px;justify-content:center;width:56px}.usage-stats-page .summary-card .summary-icon svg{color:#8b5cf6;font-size:28px}.usage-stats-page .summary-card .summary-info{flex:1 1}.usage-stats-page .summary-card .summary-info .summary-label{color:#a0a0b0;font-size:13px;margin-bottom:6px}.usage-stats-page .summary-card .summary-info .summary-value{color:#fff;font-size:32px;font-weight:700}.usage-stats-page .summary-card .summary-info .summary-meta{color:#a0a0b0;font-family:monospace;font-size:12px;margin-top:4px}.usage-stats-page .summary-card .summary-badge{align-items:center;background:#8b5cf614;border-radius:20px;color:#a0a0b0;display:flex;font-size:12px;gap:8px;padding:8px 16px}.usage-stats-page .charts-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}@media(max-width:900px){.usage-stats-page .charts-row{grid-template-columns:1fr}}.usage-stats-page .charts-row .chart-box{background:#111116;border:1px solid #2a2a35;border-radius:12px;padding:20px}.usage-stats-page .charts-row .chart-box .chart-title{align-items:center;border-bottom:1px solid #2a2a35;display:flex;gap:10px;margin-bottom:20px;padding-bottom:12px}.usage-stats-page .charts-row .chart-box .chart-title svg{color:#8b5cf6}.usage-stats-page .charts-row .chart-box .chart-title h3{color:#fff;font-size:16px;font-weight:500;margin:0}.usage-stats-page .charts-row .chart-box .chart-content{height:280px}.usage-stats-page .stats-table-container{background:#111116;border:1px solid #2a2a35;border-radius:12px;margin-bottom:24px;overflow:hidden}.usage-stats-page .stats-table-container .table-header{align-items:center;border-bottom:1px solid #2a2a35;display:flex;justify-content:space-between;padding:16px 20px}.usage-stats-page .stats-table-container .table-header h3{color:#fff;font-size:16px;font-weight:500;margin:0}.usage-stats-page .stats-table-container .table-header .btn-export{align-items:center;background:#0000;border:1px solid #2a2a35;border-radius:6px;color:#a0a0b0;cursor:pointer;display:flex;gap:8px;padding:6px 14px;transition:all .2s}.usage-stats-page .stats-table-container .table-header .btn-export:hover{border-color:#8b5cf6;color:#c084fc}.usage-stats-page .stats-table-container .stats-table{border-collapse:collapse;width:100%}.usage-stats-page .stats-table-container .stats-table thead{background:#16161d}.usage-stats-page .stats-table-container .stats-table thead th{border-bottom:1px solid #2a2a35;color:#a0a0b0;font-size:13px;font-weight:500;padding:14px 16px;text-align:right}.usage-stats-page .stats-table-container .stats-table tbody tr{border-bottom:1px solid #2a2a35;transition:background .2s}.usage-stats-page .stats-table-container .stats-table tbody tr:hover{background:#8b5cf60d}.usage-stats-page .stats-table-container .stats-table tbody tr td{color:#d0d0e0;font-size:14px;padding:14px 16px}.usage-stats-page .stats-table-container .stats-table tbody tr .table-cell-icon{align-items:center;display:flex;gap:10px}.usage-stats-page .stats-table-container .stats-table tbody tr .table-cell-icon .cell-icon{font-size:16px}.usage-stats-page .stats-table-container .stats-table tbody tr .table-cell-icon .cell-title{color:#fff;font-weight:500}.usage-stats-page .stats-table-container .stats-table tbody tr .table-cell-size{color:#c084fc;font-family:monospace;font-weight:600}.usage-stats-page .stats-table-container .stats-table tbody tr .table-cell-percent .percent-bar{background:#2a2a35;border-radius:4px;height:6px;overflow:hidden;position:relative;width:120px}.usage-stats-page .stats-table-container .stats-table tbody tr .table-cell-percent .percent-bar .percent-fill{border-radius:4px;height:100%}.usage-stats-page .stats-table-container .stats-table tbody tr .table-cell-percent .percent-bar .percent-text{color:#a0a0b0;font-size:12px;position:absolute;right:-45px;top:-5px}.usage-stats-page .stats-table-container .stats-table tbody tr .table-cell-detail .detail-items{color:#a0a0b0;display:flex;font-size:12px;gap:12px}.usage-stats-page .stats-table-container .stats-table tbody tr .table-cell-detail .detail-simple{color:#a0a0b0}.usage-stats-page .stats-table-container .stats-table tfoot{background:#16161d}.usage-stats-page .stats-table-container .stats-table tfoot .total-row td{border-top:1px solid #2a2a35;color:#fff;font-weight:600;padding:12px 16px}.usage-stats-page .stats-footer{align-items:center;display:flex;justify-content:space-between;padding:16px 0}.usage-stats-page .stats-footer .footer-note{align-items:center;color:#a0a0b0;display:flex;font-size:12px;gap:8px}.usage-stats-page .stats-footer .footer-note svg{color:#8b5cf6}.usage-stats-page .stats-footer .btn-print{align-items:center;background:#0000;border:1px solid #2a2a35;border-radius:6px;color:#a0a0b0;cursor:pointer;display:flex;gap:8px;padding:8px 20px;transition:all .2s}.usage-stats-page .stats-footer .btn-print:hover{border-color:#8b5cf6;color:#c084fc}.usage-stats-page .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.usage-stats-page .loading-container .loading-spinner{animation:spin 1s linear infinite;border:3px solid #2a2a35;border-radius:50%;border-top-color:#8b5cf6;height:40px;margin-bottom:16px;width:40px}.usage-stats-page .loading-container p{color:#a0a0b0}@media print{.usage-stats-page{background:#fff;padding:0}.usage-stats-page .btn-export,.usage-stats-page .btn-print,.usage-stats-page .btn-refresh,.usage-stats-page .period-filter,.usage-stats-page .stats-footer,.usage-stats-page .stats-header{display:none}.usage-stats-page .chart-box,.usage-stats-page .stats-table-container,.usage-stats-page .summary-card{border:1px solid #ddd;break-inside:avoid;page-break-inside:avoid}}.details-page1{background:#f4f6f9;color:#1f2937;font-family:Vazir,sans-serif;height:100vh}*,body{font-family:def}body{background-color:#f5f5f5;color:#333;width:100%}.control-panel{min-height:100vh;width:100vw}.control-panel .title{color:#222;font-size:28px;margin-bottom:25px;text-align:center}.control-panel .clients-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.control-panel .clients-grid .client-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:20px;transition:transform .2s,box-shadow .2s;width:350px}.control-panel .clients-grid .client-card:hover{box-shadow:0 8px 20px #0003;transform:translateY(-5px)}.control-panel .clients-grid .client-card .client-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.control-panel .clients-grid .client-card .client-header .device-name{color:#111;font-size:18px;font-weight:700;margin-bottom:1rem}.control-panel .clients-grid .client-card .client-header .status{font-size:14px;font-weight:700}.control-panel .clients-grid .client-card .client-header .status.online{color:#28a745}.control-panel .clients-grid .client-card .client-header .status.offline{color:#dc3545}.control-panel .clients-grid .client-card .client-ip,.control-panel .clients-grid .client-card .client-uuid{color:#555;font-size:13px;margin-bottom:5px}.control-panel .clients-grid .client-card .buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.control-panel .clients-grid .client-card .buttons .btn{background:#f0f0f0;border:1px solid #ccc;border-radius:6px;color:#333;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:8px 10px;transition:all .2s}.control-panel .clients-grid .client-card .buttons .btn:hover{background:#e0e0e0;box-shadow:0 2px 8px #00000026}.control-panel .top-message{animation:fadein .3s ease;background:#007bff;border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;font-weight:700;padding:10px 16px;position:fixed;right:20px;top:20px;z-index:1000}@keyframes fadein{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@font-face{font-family:def;src:url(/static/media/nora.93c86d627bb1b5dc7962.ttf)}.chat-float-btn{align-items:center;background-color:#ff7f00;border-radius:50%;bottom:20px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:20px;transition:all .3s ease;width:60px;z-index:1000}.chat-float-btn:hover{box-shadow:0 6px 12px #0000004d;transform:scale(1.1)}.navbar{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(180deg,#2b0505,#4a0b0b 60%,#3a0707);box-shadow:inset 0 -1px 0 #ffffff0d,0 10px 30px #000000b3;direction:rtl;display:flex;height:5.2rem;justify-content:space-between;padding:0 2rem;width:100%}.logo-box{display:flex;flex-direction:column;gap:3px;text-align:right}.logo-box .logo-title{color:#f5f5f5;font-family:molaiem;font-size:1.45rem;letter-spacing:1.2px;text-shadow:0 0 6px #ff505059}.logo-box .logo-subtitle{color:#fff9;font-size:.7rem;letter-spacing:.3px}.nav-links{align-items:center;display:flex;gap:2rem}.nav-links a{color:#fff;cursor:pointer;font-size:1rem;text-decoration:none;transition:all .3s}.nav-links a:hover{color:#ff4d4d}.nav-links.active{background:#000000d9;border-top:1px solid #ff505033;display:flex;flex-direction:column;left:0;padding:1rem 0;position:absolute;top:5.2rem;width:100%;z-index:1000}.nav-links.active a{font-size:1.1rem;padding:.7rem 1.5rem}.icons-box{gap:1.4rem}.icon-wrapper,.icons-box{align-items:center;display:flex}.icon-wrapper{background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;color:#fff;cursor:pointer;height:40px;justify-content:center;position:relative;transition:all .4s ease;width:40px}.icon-wrapper img{height:20px;opacity:.85;transition:opacity .3s ease;width:20px}.icon-wrapper:hover{background:#ffffff1f;box-shadow:0 0 14px #ff464659;transform:translateY(-2px)}.icon-wrapper:hover img{opacity:1}.notification .badge{background:#ff4d4d;border-radius:50%;box-shadow:0 0 6px #ff4d4dcc;color:#fff;height:6px;position:absolute;right:5px;top:9px;width:6px}.user:after{border:1px solid #0000;border-radius:14px;content:"";inset:0;position:absolute;transition:border .4s}.user:hover:after{border:1px solid #ff787880}.user-menu-wrapper{position:relative}.user-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d9;border:1px solid #ff505033;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;left:2px;min-width:180px;padding:.6rem .8rem;position:absolute;top:50px;z-index:100000}.user-menu a{border-radius:8px;color:#fff;font-size:.9rem;padding:.35rem .5rem;text-decoration:none;transition:all .3s ease}.user-menu a:hover{background:#ff3c3c40}.mobile-menu-toggle{cursor:pointer;display:none;flex-direction:column;gap:5px}.mobile-menu-toggle span{background:#fff;border-radius:2px;display:block;height:3px;transition:all .3s;width:25px}.mobile-menu-toggle.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.open span:nth-child(2){opacity:0}.mobile-menu-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media(max-width:900px){.nav-links{display:none}.mobile-menu-toggle{display:flex}}@media(max-width:640px){.icon-wrapper,.logo-subtitle{display:none}}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;inset:0;position:fixed;transition:opacity .35s ease;z-index:2500}.sidebar{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#191919f2;border-bottom-left-radius:18px;border-left:1px solid #ffffff0d;border-top-left-radius:18px;box-shadow:-8px 0 35px #000000e6;direction:rtl;display:flex;flex-direction:column;gap:2rem;height:100%;padding:6rem 2rem 2rem;position:fixed;right:-360px;top:0;transition:right .45s cubic-bezier(.65,0,.35,1);width:360px;z-index:3000}.sidebar.open{right:0}.sidebar h3{color:#ff5f57;font-size:1.6rem;font-weight:700;letter-spacing:.9px;margin-bottom:1.5rem;text-shadow:0 0 10px #ff5f5799}.sidebar a{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:1rem;font-weight:500;gap:1rem;padding:.7rem 1rem;position:relative;text-decoration:none;transition:all .35s ease-in-out}.sidebar a:before{background:#ff5f57;border-radius:3px;content:"";height:0;left:-5px;position:absolute;top:50%;transform:translateY(-50%);transition:height .35s ease;width:5px}.sidebar a:hover{background:#ff5f572e;color:#ff5f57;transform:translateX(-6px)}.sidebar a:hover:before{height:60%}.sidebar a svg{color:#ff5f57;flex-shrink:0;transition:all .35s ease}.sidebar .divider{background:#ffffff0d;height:1px;margin:1.5rem 0}@media(max-width:900px){.sidebar{padding:5rem 1.5rem 2rem;width:320px}}.notif-popup{animation:slideDown .25s forwards;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#141414fa;border:1px solid #ff505026;border-radius:14px;box-shadow:0 8px 25px #000000b3;left:30px;max-height:450px;opacity:0;overflow-y:auto;padding:1rem;position:fixed;top:70px;transform:translateY(-10px);transition:all .3s ease;width:300px;z-index:9999999}.notif-popup::-webkit-scrollbar{width:15px}.notif-popup::-webkit-scrollbar-thumb{background:#ff4d4d99;border-radius:3px}.notif-popup::-webkit-scrollbar-track{background:#0000}.notif-item{align-items:flex-start;border-bottom:1px solid #ffffff14;cursor:pointer;display:flex;gap:.6rem;padding:.6rem .5rem;transition:all .25s ease}.notif-item:hover{background:#ff4d4d14;transform:translateX(3px)}.notif-item:last-child{border-bottom:none}.notif-item .notif-icon{border-radius:50%;flex-shrink:0;height:12px;margin-top:6px;width:12px}.notif-item .notif-content{display:flex;flex-direction:column;gap:.2rem}.notif-item .notif-content strong{color:#ff4d4d;font-size:.95rem;letter-spacing:.3px}.notif-item .notif-content p{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#eee;display:-webkit-box;font-size:.85rem;line-height:1.25rem;overflow:hidden;text-overflow:ellipsis}.notif-item[data-type=info] .notif-icon{background:#1e90ff}.notif-item[data-type=success] .notif-icon{background:#28a745}.notif-item[data-type=warning] .notif-icon{background:#ffc107}.notif-item[data-type=error] .notif-icon{background:#ff4d4d}.home-page{background:#06060a;color:#fff;direction:rtl;font-family:sans-serif;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.grid-bg{background-image:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);background-size:45px 45px;inset:0;-webkit-mask-image:radial-gradient(circle at center,#000 40%,#0000 100%);mask-image:radial-gradient(circle at center,#000 40%,#0000 100%);position:absolute;z-index:0}.purple-glow{border-radius:50%;filter:blur(120px);opacity:.18;position:absolute}.glow-1{background:#7b2cff;height:500px;right:-150px;top:-200px;width:500px}.glow-2{background:#a855f7;bottom:-150px;height:450px;left:-120px;width:450px}.ticker-wrapper{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0a;border:1px solid #ffffff12;border-radius:18px;overflow:hidden;padding:1rem 0;position:relative;z-index:2}.ticker{display:flex;white-space:nowrap;width:-webkit-max-content;width:max-content}.ticker span{color:#c084fc;font-size:.95rem;font-weight:700;margin-left:4rem}.hero-section{padding:7rem 0 5rem;position:relative;text-align:center;z-index:2}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#7b2cff1f;border:1px solid #a855f740;border-radius:999px;color:#c084fc;display:inline-flex;font-size:.9rem;gap:.5rem;margin-bottom:2rem;padding:.7rem 1.4rem}.hero-section h1{font-size:5rem;font-weight:900;line-height:1.2;margin-bottom:1.5rem}.hero-section h1 span{color:#b47cff;text-shadow:0 0 15px #b47cffb3,0 0 40px #b47cff59}.hero-section p{color:#a1a1aa;font-size:1.15rem;line-height:2;margin:auto;max-width:760px}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:3rem}.primary-btn,.secondary-btn{align-items:center;border:none;border-radius:18px;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.8rem;height:58px;justify-content:center;padding:0 2rem;transition:.35s}.primary-btn{background:linear-gradient(135deg,#7b2cff,#a855f7);box-shadow:0 10px 35px #7b2cff73;color:#fff}.primary-btn:hover{box-shadow:0 20px 50px #7b2cff8c;transform:translateY(-5px)}.secondary-btn{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0d;border:1px solid #ffffff14;color:#fff}.secondary-btn:hover{background:#ffffff14}.status-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:1rem;position:relative;z-index:2}.status-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:28px;display:flex;gap:1rem;overflow:hidden;padding:2rem;position:relative;transition:.35s}.status-card:before{background:linear-gradient(135deg,#a855f714,#0000);content:"";inset:0;opacity:0;position:absolute;transition:.35s}.status-card:hover:before{opacity:1}.status-card:hover{border-color:#a855f740;box-shadow:0 20px 45px #7b2cff2e;transform:translateY(-7px)}.status-icon{align-items:center;background:linear-gradient(135deg,#7b2cff,#a855f7);border-radius:22px;display:flex;font-size:1.7rem;height:70px;justify-content:center;min-width:70px}.status-info h3{font-size:1.1rem;margin-bottom:.5rem}.status-info p{color:#b47cff;font-weight:800;letter-spacing:1px}.skills-section{margin-top:7rem;position:relative;z-index:2}.section-header{margin-bottom:4rem;text-align:center}.section-header span{color:#b47cff;font-size:.95rem;letter-spacing:1px}.section-header h2{font-size:3rem;font-weight:900;margin-top:1rem}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.skill-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff12;border-radius:30px;overflow:hidden;padding:2.5rem;position:relative;transition:.4s}.skill-card:before{background:linear-gradient(135deg,#a855f71f,#0000 60%);content:"";inset:0;opacity:0;position:absolute;transition:.4s}.skill-card:hover:before{opacity:1}.skill-card:hover{border-color:#a855f740;box-shadow:0 20px 50px #7b2cff2e;transform:translateY(-10px)}.skill-icon{align-items:center;background:linear-gradient(135deg,#7b2cff,#a855f7);border-radius:28px;display:flex;font-size:2.3rem;height:90px;justify-content:center;margin-bottom:2rem;width:90px}.skill-card h3{font-size:1.4rem;margin-bottom:1rem}.skill-card p{color:#a1a1aa;line-height:2}.footer-text{color:#ffffff59;font-size:.8rem;letter-spacing:4px;margin-top:6rem;position:relative;text-align:center;z-index:2}@media(max-width:992px){.hero-section h1{font-size:3.5rem}}@media(max-width:768px){.home-page{padding:1rem}.hero-section{padding-top:5rem}.hero-section h1{font-size:2.4rem}.hero-section p{font-size:.95rem;line-height:1.9}.section-header h2{font-size:2rem}.hero-buttons{flex-direction:column}.primary-btn,.secondary-btn{width:100%}}.support-chat-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;inset:0;opacity:0;position:fixed;transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:10000}.support-chat-overlay.open{opacity:1;visibility:visible}.support-chat-overlay.open .chat-container{opacity:1;transform:translateY(0) scale(1)}.chat-container{background:#1e1f26;border:1px solid #ffffff14;border-radius:24px;bottom:2rem;box-shadow:0 10px 40px #0009;display:flex;flex-direction:column;height:900px;max-height:90vh;opacity:0;overflow:hidden;position:absolute;right:2rem;transform:translateY(20px) scale(.98);transition:all .4s cubic-bezier(.34,1.56,.64,1);width:380px}.chat-header{align-items:center;background:#1e1f26f2;border-bottom:1px solid #ffffff0d;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px;z-index:10}.chat-header .header-info{align-items:center;display:flex;gap:12px}.chat-header .header-info .avatar-box{align-items:center;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:50%;box-shadow:0 4px 10px #6c5ce74d;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.chat-header .header-info .text-box{display:flex;flex-direction:column}.chat-header .header-info .text-box h3{color:#fff;font-size:15px;font-weight:700;margin:0}.chat-header .header-info .text-box .status-container{align-items:center;display:flex;gap:6px}.chat-header .header-info .text-box .status-container .status-text{color:#a0a0a5;font-size:11px}.chat-header .header-info .text-box .status-container .status-dot{background-color:#00b894;border-radius:50%;box-shadow:0 0 5px #00b894;display:inline-block;height:7px;width:7px}.chat-header .icon-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#a0a0a5;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:.2s}.chat-header .icon-btn:hover{background:#ffffff1a;color:#fff}.chat-body{background:#0f1014;direction:ltr;flex:1 1;overflow-y:auto;padding:20px;position:relative}.chat-body::-webkit-scrollbar{width:5px}.chat-body::-webkit-scrollbar-track{background:#0000}.chat-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.chat-body .auth-notice,.chat-body .empty-state{align-items:center;color:#a0a0a5;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.chat-body .auth-notice .lock-icon,.chat-body .auth-notice .welcome-icon,.chat-body .empty-state .lock-icon,.chat-body .empty-state .welcome-icon{font-size:3rem;opacity:.7}.chat-body .auth-notice h4,.chat-body .empty-state h4{color:#fff;font-family:inputfont;font-size:1.1rem;margin-bottom:.5rem}.chat-body .auth-notice p,.chat-body .empty-state p{font-family:inputfont;font-size:.9rem;line-height:1.6}.chat-body .messages-list{display:flex;flex-direction:column;gap:10px}.chat-body .message-bubble{word-wrap:break-word;animation:fadeIn .3s ease;font-size:14px;line-height:1.5;max-width:80%;padding:10px 14px;position:relative;text-align:right}.chat-body .message-bubble.user{align-self:flex-end;background:#6c5ce7;border-radius:18px 18px 4px 18px;box-shadow:0 4px 15px #6c5ce733;color:#fff}.chat-body .message-bubble.admin{align-self:flex-start;background:#2d2f3a;border:1px solid #ffffff0d;border-radius:18px 18px 18px 4px;color:#fff}.chat-body .message-bubble .msg-time{display:block;font-size:10px;margin-top:4px;opacity:.6;text-align:left}.chat-body .message-bubble.typing{padding:12px 16px;width:-webkit-fit-content;width:fit-content}.typing-dots{display:flex;gap:4px}.typing-dots span{animation:typing 1.4s ease-in-out infinite both;background:#a0a0a5;border-radius:50%;height:6px;width:6px}.typing-dots span:first-child{animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-footer{align-items:flex-end;background:#1e1f26;border-top:1px solid #ffffff0d;display:flex;flex-shrink:0;gap:10px;padding:12px 16px;position:relative}.chat-footer .emoji-btn{border:none;border-radius:40px;color:#000;height:41px;padding:8px;width:39px}.chat-footer .emoji-btn.active{background:#6c5ce71a;color:#6c5ce7}.chat-footer .input-wrapper{background:#0003;border:1px solid #ffffff14;border-radius:20px;flex:1 1;transition:.2s}.chat-footer .input-wrapper:focus-within{background:#0000004d;border-color:#6c5ce7}.chat-footer .input-wrapper textarea{background:#0000;border:none;color:#fff;display:block;font-size:14px;height:42px;max-height:100px;outline:none;padding:8px 14px;resize:none;text-align:right;width:100%}.chat-footer .input-wrapper textarea::placeholder{color:#ffffff4d}.chat-footer .send-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#a0a0a5;cursor:pointer;display:flex;height:42px;justify-content:center;margin-bottom:1px;transition:.3s cubic-bezier(.175,.885,.32,1.275);width:42px}.chat-footer .send-btn.active{background:linear-gradient(135deg,#6c5ce7,#a29bfe);box-shadow:0 4px 12px #6c5ce766;color:#fff;transform:scale(1.05)}.chat-footer .send-btn:disabled{cursor:not-allowed;opacity:.5}.emoji-picker{grid-gap:8px;animation:slideUp .2s ease;background:#1e1f26;border:1px solid #ffffff1a;border-radius:16px;bottom:70px;box-shadow:0 10px 30px #00000080;display:grid;gap:8px;grid-template-columns:repeat(6,1fr);left:10px;padding:10px;position:absolute;width:300px;z-index:20}.emoji-picker .emoji-item{border-radius:8px;cursor:pointer;font-size:20px;padding:2px;text-align:center;transition:.2s}.emoji-picker .emoji-item:hover{background:#ffffff1a;transform:scale(1.2)}@media screen and (min-width:601px)and (max-width:900px){.chat-container{bottom:1rem;height:70vh;right:1rem;width:400px}}@media screen and (max-width:600px){.support-chat-overlay{background:#000000b3}.chat-container{border-radius:0;bottom:0;height:100%;max-height:100%;right:0;transform:translateY(100%);width:100%}.support-chat-overlay.open .chat-container{transform:translateY(0)}.chat-footer{padding-bottom:20px}}@media screen and (min-width:1400px){.chat-container{bottom:3rem;height:750px;right:3rem;width:420px}}.Wificode{background:#1b1b2b;border-radius:15px;box-shadow:0 15px 35px #000000b3;color:#fff;font-family:Vazir,monospace;margin:40px auto;max-width:800px;padding:25px}.Wificode h3{color:#22c55e;font-size:1.9rem;font-weight:700;margin-bottom:30px;text-align:center}.Wificode .cmd-box{background:#1e1e2b;border-radius:12px;box-shadow:inset 0 0 10px #0006;margin-bottom:20px;padding:20px}.Wificode .cmd-box .title{color:#60a5fa;font-size:1.1rem;font-weight:700;margin-bottom:10px}.Wificode .cmd-box code{background:#111827;border-radius:8px;box-shadow:0 0 8px #0009;color:#dcdcaa;direction:ltr;display:block;font-size:.95rem;margin-bottom:12px;padding:14px;-webkit-user-select:all;user-select:all}.Wificode .cmd-box .desc{color:#cbd5e1;font-size:.95rem;line-height:1.7}.Messageguide{background:#1b1b2b;border-radius:15px;box-shadow:0 15px 35px #000000b3;color:#fff;font-family:Vazir,monospace;margin:40px auto;max-width:800px;padding:25px}.Messageguide h3{color:#22c55e;font-size:1.9rem;font-weight:700;margin-bottom:30px;text-align:center}.Messageguide .cmd-box{background:#1e1e2b;border-radius:12px;box-shadow:inset 0 0 10px #0006;margin-bottom:20px;padding:20px}.Messageguide .cmd-box .title{color:#60a5fa;font-size:1.1rem;font-weight:700;margin-bottom:10px}.Messageguide .cmd-box code{background:#111827;border-radius:8px;box-shadow:0 0 8px #0009;color:#dcdcaa;direction:ltr;display:block;font-size:.95rem;margin-bottom:12px;padding:14px;-webkit-user-select:all;user-select:all}.Messageguide .cmd-box .desc{color:#cbd5e1;font-size:.95rem;line-height:1.7}.copy-toast{align-items:center;animation:slideFade 1.5s ease forwards;background:linear-gradient(135deg,#0fc,#00c853);border-radius:12px;bottom:30px;box-shadow:0 8px 20px #00000080;color:#000;display:flex;font-weight:700;gap:8px;padding:12px 20px;position:fixed;right:30px;z-index:9999}@keyframes slideFade{0%{opacity:0;transform:translateY(20px) scale(.9)}20%{opacity:1;transform:translateY(0) scale(1)}80%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.9)}}.ProjectPath{background:#1b1b2b;border-radius:15px;box-shadow:0 15px 35px #000000b3;color:#fff;font-family:Vazir,monospace;margin:40px auto;max-width:800px;padding:25px}.ProjectPath h3{color:#22c55e;font-size:1.9rem;font-weight:700;margin-bottom:30px;text-align:center}.ProjectPath .cmd-box{background:#1e1e2b;border-radius:12px;box-shadow:inset 0 0 10px #0006;margin-bottom:20px;padding:20px}.ProjectPath .cmd-box .title{color:#60a5fa;font-size:1.1rem;font-weight:700;margin-bottom:10px}.ProjectPath .cmd-box code{background:#111827;border-radius:8px;box-shadow:0 0 8px #0009;color:#dcdcaa;cursor:pointer;direction:ltr;display:block;font-size:.95rem;margin-bottom:12px;overflow-x:auto;padding:14px;transition:.2s;-webkit-user-select:all;user-select:all;white-space:pre-wrap}.ProjectPath .cmd-box code:hover{box-shadow:0 0 12px #22c55e99;transform:scale(1.01)}.ProjectPath .cmd-box .desc{color:#cbd5e1;font-size:.95rem;line-height:1.7}.ProjectPath .copy-toast{animation:fadeInOut 1.5s ease-in-out;background:#22c55e;border-radius:8px;color:#022c22;font-weight:700;margin-top:10px;padding:10px;text-align:center}@keyframes fadeInOut{0%{opacity:0;transform:translateY(10px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.alert-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff40;border-radius:1rem;box-shadow:0 8px 25px #0000004d;color:#fff;font-family:Vazirmatn,Poppins,sans-serif;margin-top:.7rem;max-width:90%;min-width:22rem;padding:1rem 1.2rem 1.2rem;position:fixed;right:1rem;transition:opacity .5s ease,transform .5s ease;z-index:9999}.alert-header{align-items:center;border-bottom:1px solid #fff6;display:flex;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.3rem}.alert-header h3{font-size:1rem;font-weight:600;margin:0}.alert-close-icon{color:#fff;cursor:pointer;font-size:1.5rem;transition:all .3s ease}.alert-close-icon:hover{color:#000;transform:scale(1.2)}.alert-container p{font-size:.9rem;line-height:1.5;margin:.3rem 0 .6rem}.alert-progress{background:#ffffff4d;border-radius:3px;height:5px;overflow:hidden;position:relative;width:100%}.progress-bar{background:#fffc;border-radius:3px;height:100%;transition:width .03s linear}.fade-in{opacity:1;transform:translateY(0)}.fade-out{opacity:0;transform:translateY(-20px)}@media(max-width:600px){.alert-container{font-size:.6rem;min-width:17rem}}.alert-wrapper{display:flex;flex-direction:column;gap:.7rem;position:fixed;right:1rem;top:1rem;z-index:9999}.div-input-sign-up{gap:1.4rem}.div-button-sign-up button{background:linear-gradient(135deg,#5c0c0c,#a01818,#6a0d0d);border:none;border-radius:14px;box-shadow:0 10px 30px #a0181873,inset 0 0 0 1px #ffffff1a;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;letter-spacing:.5px;padding:.85rem;transition:all .4s ease;width:100%}.div-button-sign-up button:hover:not(:disabled){box-shadow:0 14px 40px #ff3c3c8c;transform:translateY(-2px)}.div-button-sign-up button:disabled{cursor:not-allowed;opacity:.6}.signup-otp-container{align-items:center;background:radial-gradient(circle at top,#3a0707 0,#140202 60%,#0a0000 100%);direction:rtl;display:flex;justify-content:center;min-height:100vh;width:100vw}.signup-otp-box{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:22px;box-shadow:0 25px 60px #000c,inset 0 0 0 1px #ff50500d;max-width:420px;padding:2.4rem 2rem;width:100%}.otp-title{color:#f5f5f5;font-family:molaiem;font-size:1.6rem;letter-spacing:1.2px;margin-bottom:2rem;text-align:center;text-shadow:0 0 8px #ff3c3c59}.otp-timer-top{background:#ff3232e6;border-radius:12px;box-shadow:0 4px 12px #ff323280;color:#fff;font-family:molaiem;font-weight:600;letter-spacing:1px;padding:.4rem .8rem;right:20px;top:20px;z-index:100}.otp-timer-top:before{content:"⏱️ ";margin-right:.3rem}.otp-edit-phone{display:flex;gap:.6rem;margin-bottom:1rem}.otp-edit-phone input{background:#00000059;border:1px solid #ffffff14;border-radius:14px;color:#fff;flex:1 1;font-size:.95rem;outline:none;padding:.85rem 1rem;transition:all .35s ease}.otp-edit-phone input:focus{background:#00000073;border-color:#ff5a5a99;box-shadow:0 0 12px #ff505059}.resend-otp-btn{background:linear-gradient(135deg,#5c0c0c,#a01818,#6a0d0d);border:none;border-radius:14px;box-shadow:0 10px 30px #a0181873,inset 0 0 0 1px #ffffff1a;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .4s ease}.resend-otp-btn:hover:not(:disabled){box-shadow:0 14px 40px #ff3c3c8c;transform:translateY(-2px)}.resend-otp-btn:disabled{cursor:not-allowed;opacity:.6}.otp-info{color:#fff;font-size:.95rem;margin-bottom:1rem;text-align:center}.change-phone-btn{background:none;border:none;color:#ff6b6b;cursor:pointer;font-weight:600;margin-right:.5rem;transition:color .3s ease}.change-phone-btn:hover{color:#ff2b2b}.otp-inputs{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.otp-inputs input{background:#00000059;border:1px solid #ffffff14;border-radius:14px;color:#fff;font-size:.95rem;outline:none;padding:.85rem 1rem;text-align:center;transition:all .35s ease;width:100%}.otp-inputs input::placeholder{color:#ffffff80}.otp-inputs input:focus{background:#00000073;border-color:#ff5a5a99;box-shadow:0 0 12px #ff505059}.otp-button button{background:linear-gradient(135deg,#5c0c0c,#a01818,#6a0d0d);border:none;border-radius:14px;box-shadow:0 10px 30px #a0181873,inset 0 0 0 1px #ffffff1a;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:.85rem;transition:all .4s ease;width:100%}.otp-button button:hover:not(:disabled){box-shadow:0 14px 40px #ff3c3c8c;transform:translateY(-2px)}.otp-button button:disabled{cursor:not-allowed;opacity:.6}@media(max-width:480px){.signup-otp-box{margin:0 1rem;padding:2rem 1.5rem}.otp-edit-phone{flex-direction:column}}@font-face{font-family:molaiem;src:url(/static/media/mikhak.20f619ade91ba912d6d5.otf)}.sign-up-container{align-items:center;background:radial-gradient(circle at top,#3a0707 0,#140202 60%,#0a0000 100%);direction:rtl;display:flex;justify-content:center;min-height:100vh;width:100vw}.div-sign-up{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:22px;box-shadow:0 25px 60px #000c,inset 0 0 0 1px #ff50500d;max-width:420px;padding:2.4rem 2rem;width:100%}.signup-title{color:#f5f5f5;font-family:molaiem;font-size:1.6rem;letter-spacing:1.2px;margin-bottom:2rem;text-align:center;text-shadow:0 0 8px #ff3c3c59}.div-input-sign-up{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.div-input-sign-up input{background:#00000059;border:1px solid #ffffff14;border-radius:14px;color:#fff;font-size:.95rem;outline:none;padding:.85rem 1rem;text-align:center;transition:all .35s ease;width:100%}.div-input-sign-up input::placeholder{color:#ffffff80}.div-input-sign-up input:focus{background:#00000073;border-color:#ff5a5a99;box-shadow:0 0 12px #ff505059}.div-button-sign-up{margin-top:.5rem}.div-button-sign-up button,.signupLinkBtn{background:linear-gradient(135deg,#5c0c0c,#a01818,#6a0d0d);border:none;border-radius:14px;box-shadow:0 10px 30px #a0181873,inset 0 0 0 1px #ffffff1a;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:.85rem;transition:all .4s ease;width:100%}.div-button-sign-up button:hover:not(:disabled),.signupLinkBtn:hover:not(:disabled){box-shadow:0 14px 40px #ff3c3c8c;transform:translateY(-2px)}.div-button-sign-up button:disabled,.signupLinkBtn:disabled{cursor:not-allowed;opacity:.6}.forgotPassLink{color:#f5f5f5;cursor:pointer;display:block;font-size:.85rem;margin-top:1rem;text-align:center;transition:color .3s ease}.forgotPassLink:hover{color:#ff6b6b}@media(max-width:480px){.div-sign-up{margin:0 1rem;padding:2rem 1.5rem}}.users-lists{background-color:#0a0e17;background-image:radial-gradient(ellipse at 0 0,#ef444414 0,#0000 50%),radial-gradient(ellipse at 100% 100%,#f9731614 0,#0000 50%),radial-gradient(circle at 50% 50%,#1e293b80 0,#0000 100%);direction:rtl;min-height:100vh;padding:1rem}@media(min-width:480px){.users-lists{padding:1.5rem}}@media(min-width:768px){.users-lists{padding:2rem}}@media(min-width:1024px){.users-lists{padding:2.5rem}}.users-lists h2{color:#f87171;display:inline-block;font-size:1.35rem;font-weight:800;letter-spacing:-.5px;margin-bottom:1.25rem;position:relative;text-shadow:0 0 20px #ef444466}@media(min-width:480px){.users-lists h2{font-size:1.6rem;margin-bottom:1.5rem}}@media(min-width:768px){.users-lists h2{font-size:1.85rem;margin-bottom:1.75rem}}@media(min-width:1024px){.users-lists h2{font-size:2rem}}.users-lists h2:after{background:linear-gradient(90deg,#ef4444,#f97316);border-radius:2px;bottom:-6px;content:"";height:3px;position:absolute;right:0;width:60px}@media(min-width:768px){.users-lists h2:after{bottom:-8px;height:4px;width:80px}}.users-search{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11182799;border:1px solid #33415580;border-radius:16px;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem;padding:1rem}@media(min-width:480px){.users-search{flex-direction:row;flex-wrap:wrap;gap:.85rem;padding:1.25rem}}@media(min-width:768px){.users-search{border-radius:20px;flex-wrap:nowrap;margin-bottom:1.5rem;padding:1.5rem}}@media(min-width:1024px){.users-search{margin-bottom:2rem}}.users-search input{background:#0d1117;border:1px solid #33415599;border-radius:12px;color:#f1f5f9;font-size:.9rem;outline:none;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}@media(min-width:480px){.users-search input{font-size:.95rem;padding:.85rem 1.25rem}}@media(min-width:768px){.users-search input{border-radius:14px;flex:1 1;font-size:1rem;padding:.9rem 1.25rem}}.users-search input:focus{background:#0d1117e6;border-color:#ef444499;box-shadow:0 0 0 3px #ef444426,0 0 20px #ef444433;transform:translateY(-1px)}.users-search input::placeholder{color:#64748b;font-size:.85rem}@media(min-width:480px){.users-search input::placeholder{font-size:.9rem}}.users-search select{-webkit-appearance:none;appearance:none;background:#0d1117;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2394a3b8' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:left 1rem center;background-repeat:no-repeat;border:1px solid #33415599;border-radius:12px;color:#f1f5f9;cursor:pointer;font-size:.9rem;outline:none;padding:.75rem 1rem .75rem 2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}@media(min-width:480px){.users-search select{font-size:.95rem;padding:.85rem 1.25rem .85rem 2.75rem}}@media(min-width:768px){.users-search select{border-radius:14px;font-size:1rem;min-width:140px;padding:.9rem 1.25rem .9rem 2.75rem;width:auto}}.users-search select:focus{background-color:#0d1117e6;border-color:#ef444499;box-shadow:0 0 0 3px #ef444426,0 0 20px #ef444433}.users-search select option{background:#0a0e17;color:#f1f5f9;padding:.5rem}.users-search button{align-items:center;background:linear-gradient(135deg,#dc2626,#ef4444 50%,#ec1e1e);border:none;border-radius:12px;box-shadow:0 4px 12px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}@media(min-width:480px){.users-search button{font-size:.95rem;padding:.85rem 1.5rem;width:auto}}@media(min-width:768px){.users-search button{border-radius:14px;font-size:1rem;padding:.9rem 1.75rem}}.users-search button:hover{background:linear-gradient(135deg,#e03c3c,#f15b5b 50%,#ef4444);box-shadow:0 6px 20px #ef444480,0 0 20px #ef444433;transform:translateY(-2px)}.users-search button:active{box-shadow:0 2px 8px #ef44444d;transform:translateY(0)}.users-search button svg{font-size:1.1rem}@media(min-width:768px){.users-search button svg{font-size:1.2rem}}.users-table{-webkit-overflow-scrolling:touch;border-collapse:initial;border-spacing:0;display:block;overflow-x:auto;scrollbar-color:#ef4444 #0a0e17;scrollbar-width:thin;text-align:right;white-space:nowrap;width:100%}.users-table::-webkit-scrollbar{border-radius:4px;height:8px}.users-table::-webkit-scrollbar-track{background:#11182780;border-radius:4px}.users-table::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ef4444,#dc2626);border-radius:4px}.users-table::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f87171,#ef4444)}@media(min-width:768px){.users-table{background:#11182780;border:1px solid #33415580;border-radius:16px;box-shadow:0 8px 24px #00000080;display:table;overflow-x:visible;overflow:hidden}}.users-table thead{display:none}@media(min-width:768px){.users-table thead{display:table-header-group}}.users-table tbody{display:flex;flex-direction:column;gap:.85rem}@media(min-width:768px){.users-table tbody{display:table-row-group;gap:0}}.users-table tr{background:linear-gradient(145deg,#111827cc,#11182799);border:1px solid #33415566;border-radius:14px;display:flex;flex-direction:column;margin-bottom:.5rem;overflow:hidden;padding:1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}@media(min-width:480px){.users-table tr{border-radius:16px;padding:1.25rem}}@media(min-width:768px){.users-table tr{background:#0000;border:none;border-bottom:1px solid #3341554d;border-radius:0;display:table-row;margin:0;padding:0}}.users-table tr:before{background:linear-gradient(180deg,#ef4444,#f97316);border-radius:0 14px 14px 0;content:"";height:100%;opacity:.7;position:absolute;right:0;top:0;width:4px}@media(min-width:768px){.users-table tr:before{display:none}}.users-table tr:hover{background:linear-gradient(145deg,#1a2332e6,#111827b3);border-color:#ef44444d;box-shadow:0 4px 12px #0006,0 0 20px #ef444433;transform:translateX(4px)}@media(min-width:768px){.users-table tr:hover{background:#1a233299;box-shadow:none;transform:none}}.users-table tr:last-child{margin-bottom:0}@media(min-width:768px){.users-table tr:last-child{border-bottom:none}}.users-table th{display:none}@media(min-width:768px){.users-table th{background:linear-gradient(180deg,#111827e6,#111827b3);border-bottom:2px solid #ef4444;color:#f1f5f9;display:table-cell;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:1rem 1.25rem;text-align:center;text-transform:uppercase;white-space:nowrap}}@media(min-width:768px)and (min-width:1024px){.users-table th{font-size:.9rem;padding:1.25rem 1.5rem}}@media(min-width:768px){.users-table th:first-child{padding-right:1.5rem;text-align:right}.users-table th:last-child{padding-left:1.5rem;text-align:center}}.users-table td{align-items:center;border-bottom:1px solid #33415526;color:#f1f5f9;display:flex;font-size:.85rem;justify-content:space-between;padding:.5rem 0;transition:color .2s}@media(min-width:480px){.users-table td{font-size:.9rem;padding:.6rem 0}}@media(min-width:768px){.users-table td{border-bottom:1px solid #33415533;display:table-cell;font-size:.9rem;padding:1rem 1.25rem;text-align:center;vertical-align:middle}}@media(min-width:1024px){.users-table td{font-size:.95rem;padding:1.25rem 1.5rem}}.users-table td:before{background:#0a0e1780;border-radius:6px;color:#94a3b8;content:attr(data-label);font-size:.75rem;font-weight:600;letter-spacing:.3px;padding:.25rem .5rem;text-transform:uppercase}@media(min-width:480px){.users-table td:before{font-size:.8rem;padding:.3rem .6rem}}@media(min-width:768px){.users-table td:before{display:none}}.users-table td:last-child{border-bottom:none;justify-content:flex-end;padding-top:.75rem}@media(min-width:768px){.users-table td:last-child{padding-top:0}}.users-table td:hover{color:#f87171}.users-table .status{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:700;gap:.5rem;letter-spacing:.3px;padding:.4rem .75rem;text-transform:uppercase}@media(min-width:480px){.users-table .status{font-size:.85rem;padding:.5rem 1rem}}@media(min-width:768px){.users-table .status{font-size:.85rem}}.users-table .status .dot{animation:pulse 2s infinite;border-radius:50%;display:inline-block;height:8px;margin-top:.58rem;width:8px}@media(min-width:480px){.users-table .status .dot{height:10px;width:10px}}.users-table .status.active{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.users-table .status.active .dot{background:#10b981;box-shadow:0 0 10px #10b98166,0 0 20px #10b98166}.users-table .status.inactive{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.users-table .status.inactive .dot{animation:none;background:#ef4444;box-shadow:0 0 10px #ef444466,0 0 20px #ef444466}.users-table .btn-details{align-items:center;background:linear-gradient(135deg,#0a0e17cc,#111827e6);border:1px solid #33415580;border-radius:10px;color:#f1f5f9;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.4rem;justify-content:center;padding:.6rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}@media(min-width:480px){.users-table .btn-details{border-radius:12px;font-size:.85rem;padding:.7rem 1.25rem}}@media(min-width:768px){.users-table .btn-details{font-size:.85rem;padding:.6rem 1rem}}@media(min-width:1024px){.users-table .btn-details{font-size:.9rem;padding:.7rem 1.25rem}}.users-table .btn-details:hover{background:linear-gradient(135deg,#dc2626,#ef4444);border-color:#ef4444;box-shadow:0 4px 15px #ef444466,0 0 20px #ef444433;color:#fff;transform:translateY(-2px)}.users-table .btn-details:active{transform:translateY(0)}.users-table .btn-details svg{font-size:.95rem}@media(min-width:480px){.users-table .btn-details svg{font-size:1.05rem}}.users-list>p{color:#94a3b8;font-size:1rem;padding:3rem 1rem;position:relative;text-align:center}@media(min-width:768px){.users-list>p{font-size:1.1rem;padding:4rem}}.users-list>p:after{background:#111827;border-radius:4px;bottom:1rem;content:"";display:flex;gap:6px;height:8px;left:50%;position:absolute;transform:translateX(-50%);width:40px}@media(min-width:768px){.users-list>p:after{bottom:1.5rem}}.users-table tbody tr{animation:fadeIn .4s ease-out forwards}.users-table tbody tr:first-child{animation-delay:.05s}.users-table tbody tr:nth-child(2){animation-delay:.1s}.users-table tbody tr:nth-child(3){animation-delay:.15s}.users-table tbody tr:nth-child(4){animation-delay:.2s}.users-table tbody tr:nth-child(5){animation-delay:.25s}.users-table tbody tr:nth-child(6){animation-delay:.3s}.users-table tbody tr:nth-child(7){animation-delay:.35s}.users-table tbody tr:nth-child(8){animation-delay:.4s}.users-table tbody tr:nth-child(9){animation-delay:.45s}.users-table tbody tr:nth-child(10){animation-delay:.5s}.users-table tbody tr:nth-child(11){animation-delay:.55s}.users-table tbody tr:nth-child(12){animation-delay:.6s}.users-table tbody tr:nth-child(13){animation-delay:.65s}.users-table tbody tr:nth-child(14){animation-delay:.7s}.users-table tbody tr:nth-child(15){animation-delay:.75s}.users-table tbody tr:nth-child(16){animation-delay:.8s}.users-table tbody tr:nth-child(17){animation-delay:.85s}.users-table tbody tr:nth-child(18){animation-delay:.9s}.users-table tbody tr:nth-child(19){animation-delay:.95s}.users-table tbody tr:nth-child(20){animation-delay:1s}.ticket-container{align-items:center;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;padding:10px}.ticket-container .ticket-card{background:#141414;border:1px solid #2a2a2a;border-radius:20px;box-shadow:0 20px 50px #00000080;max-width:500px;overflow:hidden;padding:30px;position:relative;width:100%}.ticket-container .ticket-card:before{background:linear-gradient(90deg,#ff4500,#ff8c00);box-shadow:0 0 15px #ff450080;content:"";height:3px;left:0;position:absolute;top:0;width:100%}.ticket-container .ticket-card .ticket-header{margin-bottom:25px;text-align:center}.ticket-container .ticket-card .ticket-header .ticket-title{color:#fff;font-size:22px;font-weight:700;margin-bottom:15px}.ticket-container .ticket-card .ticket-header .steps-indicator{align-items:center;display:flex;gap:10px;justify-content:center}.ticket-container .ticket-card .ticket-header .steps-indicator .step-dot{background-color:#333;border-radius:50%;height:10px;transition:all .3s ease;width:10px}.ticket-container .ticket-card .ticket-header .steps-indicator .step-line{background-color:#333;height:2px;transition:all .3s ease;width:40px}.ticket-container .ticket-card .ticket-header .steps-indicator .active{background-color:#ff4500;box-shadow:0 0 8px #ff4500}.ticket-container .ticket-card .form-step{opacity:1;transform:translateY(0);transition:all .4s cubic-bezier(.4,0,.2,1)}.ticket-container .ticket-card .step-hidden{display:none;opacity:0;transform:translateY(20px)}.ticket-container .ticket-card .step-active{animation:slideIn .4s forwards;display:block}.ticket-container .ticket-card .form-group{margin-bottom:20px}.ticket-container .ticket-card .form-group label{color:#bbb;display:block;font-size:14px;font-weight:600;margin-bottom:10px}.ticket-container .ticket-card .form-group input[type=text],.ticket-container .ticket-card .form-group textarea{background-color:#0f0f0f;border:2px solid #2a2a2a;border-radius:12px;box-sizing:border-box;color:#fff;font-family:inputfont;font-size:15px;padding:14px;transition:all .3s ease;width:100%}.ticket-container .ticket-card .form-group input[type=text]:focus,.ticket-container .ticket-card .form-group textarea:focus{border-color:#ff4500;box-shadow:0 0 0 4px #ff45001a;outline:none}.ticket-container .ticket-card .form-group input[type=text]::placeholder,.ticket-container .ticket-card .form-group textarea::placeholder{color:#555}.ticket-container .ticket-card .form-group textarea{line-height:1.6;resize:vertical}.ticket-container .ticket-card .form-group .priority-options{display:flex;gap:10px}.ticket-container .ticket-card .form-group .priority-options .priority-radio{cursor:pointer;flex:1 1;position:relative}.ticket-container .ticket-card .form-group .priority-options .priority-radio input{cursor:pointer;opacity:0;position:absolute}.ticket-container .ticket-card .form-group .priority-options .priority-radio span{align-items:center;background-color:#0f0f0f;border:2px solid #2a2a2a;border-radius:10px;color:#777;display:flex;font-size:13px;justify-content:center;padding:10px;transition:all .3s ease}.ticket-container .ticket-card .form-group .priority-options .priority-radio.checked span{background-color:#ff45000d;border-color:#ff4500;color:#ff4500;font-weight:700}.ticket-container .ticket-card .submit-btn{align-items:center;background:linear-gradient(90deg,#d32f2f,#b71c1c);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;margin-top:10px;padding:14px;transition:all .3s ease;width:100%}.ticket-container .ticket-card .submit-btn:hover{background:linear-gradient(90deg,#ff4500,#e03e00);box-shadow:0 5px 15px #ff45004d;transform:translateY(-2px)}.ticket-container .ticket-card .submit-btn:active{transform:translateY(0)}.ticket-container .ticket-card .submit-btn:disabled{background:#444;box-shadow:none;cursor:not-allowed;transform:none}.ticket-container .ticket-card .submit-btn.next-btn{background:linear-gradient(90deg,#ff8c00,#ff4500)}.ticket-container .ticket-card .submit-btn.back-btn{background:#0000;border:2px solid #333;color:#aaa;flex:1 1;margin-top:0;width:auto}.ticket-container .ticket-card .submit-btn.back-btn:hover{background:#0000;border-color:#555;box-shadow:none;color:#fff;transform:none}.ticket-container .ticket-card .form-actions{display:flex;gap:15px;margin-top:10px}.ticket-container .ticket-card .form-actions .submit-btn{flex:2 1;margin-top:0}.ticket-container .ticket-card .alert{align-items:center;border-radius:10px;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:12px 15px}.ticket-container .ticket-card .alert .icon{font-size:16px;font-weight:700}.ticket-container .ticket-card .alert-success{background-color:#4caf5026;border:1px solid #66bb6a;color:#66bb6a}.ticket-container .ticket-card .alert-error{background-color:#f4433626;border:1px solid #ef5350;color:#ef5350}.form-step{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.step-hidden{display:none;opacity:0;transform:translateY(20px)}.step-active{animation:fadeInSlide .4s ease forwards;display:block}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modern-tickets-container{color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0 auto;max-width:700px;min-height:100vh;padding:20px}.modern-tickets-container .modern-header{align-items:center;border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.modern-tickets-container .modern-header h1{color:#fff;font-size:22px;font-weight:600;letter-spacing:-.5px;margin:0}.modern-tickets-container .modern-header .icon-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.modern-tickets-container .modern-header .icon-btn:hover{background-color:#1f1f1f;color:#fff}.modern-tickets-container .modern-header .icon-btn:active{transform:rotate(45deg)}.modern-tickets-container .modern-state{color:#666;font-size:15px;padding:60px 20px;text-align:center}.modern-tickets-container .modern-state .empty-icon{font-size:48px;margin-bottom:15px;opacity:.5}.modern-tickets-container .simple-spinner{animation:spin .8s linear infinite;border:2px solid #333;border-radius:50%;border-top-color:#ff4500;height:24px;margin:0 auto 15px;width:24px}.modern-tickets-container .tickets-list{display:flex;flex-direction:column;gap:12px}.modern-tickets-container .ticket-item{background-color:#161616;border:1px solid #222;border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1)}.modern-tickets-container .ticket-item:hover{background-color:#1a1a1a;border-color:#333}.modern-tickets-container .ticket-item.is-open{background-color:#1a1a1a;border-color:#ff4500;box-shadow:0 4px 20px #0006}.modern-tickets-container .ticket-main{cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:20px}.modern-tickets-container .ticket-top-row{align-items:flex-start;display:flex;gap:15px;justify-content:space-between}.modern-tickets-container .ticket-top-row .ticket-title{color:#fff;font-size:16px;font-weight:500;line-height:1.4;margin:0}.modern-tickets-container .ticket-top-row .status-badge{border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;white-space:nowrap}.modern-tickets-container .ticket-top-row .status-badge.status-pending{background:#ff98001f;color:#ffb74d}.modern-tickets-container .ticket-top-row .status-badge.status-progress{background:#2196f31f;color:#64b5f6}.modern-tickets-container .ticket-top-row .status-badge.status-resolved{background:#4caf501f;color:#81c784}.modern-tickets-container .ticket-top-row .status-badge.status-closed{background:#78909c1f;color:#b0bec5}.modern-tickets-container .ticket-bottom-row{align-items:center;color:#777;display:flex;font-size:13px;justify-content:space-between}.modern-tickets-container .ticket-bottom-row .ticket-meta-info{align-items:center;display:flex}.modern-tickets-container .ticket-bottom-row .ticket-meta-info .separator{color:#333;margin:0 8px}.modern-tickets-container .ticket-bottom-row .chevron{color:#555;transition:transform .3s ease}.modern-tickets-container .is-open .chevron{color:#ff4500;transform:rotate(180deg)}.modern-tickets-container .ticket-details-panel{background-color:#121212;border-top:1px solid #0000;max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(0,1,0,1)}.modern-tickets-container .is-open .ticket-details-panel{border-top-color:#222;max-height:500px;transition:max-height .4s ease-in-out}.modern-tickets-container .details-content{padding:20px}.modern-tickets-container .message-text{color:#ccc;font-size:14px;line-height:1.7;margin:0 0 15px;white-space:pre-wrap}.modern-tickets-container .details-footer{border-top:1px dashed #222;display:flex;justify-content:flex-end;padding-top:10px}.modern-tickets-container .details-footer .id-tag{color:#555;font-family:monospace;font-size:12px}.user-notifications{font-family:inherit;padding:1.5rem}.notifications-header-wrapper{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.notifications-header-wrapper h3{color:#fff;font-size:1.6rem;margin:0}.notifications-header-wrapper .open-ticket-modal-btn{background:linear-gradient(90deg,#ff2600,#ff0800,#8a0012);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:8px 16px;transition:all .3s ease}.notifications-header-wrapper .open-ticket-modal-btn:hover{box-shadow:0 0 10px #ff000080;transform:translateY(-1px)}.main-grid-layout{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.section-title{border-right:3px solid #ff7a65;color:#ccc;font-size:1.1rem;margin-bottom:1rem;padding-right:10px}.tickets-list{display:flex;flex-direction:column;gap:1rem}.ticket-item{background:#1e1e1e;border:1px solid #333;border-radius:12px;overflow:hidden;transition:all .3s ease}.ticket-item:hover{background:#252525;border-color:#555}.ticket-item.is-open{background:#252525;border-color:#ff7a65}.ticket-item.is-open .chevron{transform:rotate(180deg)}.ticket-item.is-unread{border-left:4px solid #ff8a2b}.ticket-main{cursor:pointer;display:flex;flex-direction:column;gap:.8rem;padding:1rem}.ticket-top-row{align-items:center;display:flex;justify-content:space-between}.ticket-title{color:#fff;font-size:1rem;font-weight:600;margin:0}.status-badge{border-radius:20px;font-size:.75rem;font-weight:700;padding:4px 8px}.status-badge.status-pending{background:#ffc10726;color:#ffc107}.status-badge.status-progress{background:#2196f326;color:#2196f3}.status-badge.status-resolved{background:#4caf5026;color:#4caf50}.status-badge.status-closed{background:#9e9e9e26;color:#9e9e9e}.ticket-bottom-row{align-items:center;color:#aaa;display:flex;font-size:.85rem;justify-content:space-between}.ticket-meta-info{align-items:center;display:flex;gap:8px}.ticket-meta-info .separator{color:#555}.chevron{color:#777;transition:transform .3s}.ticket-details-panel{background:#0003;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease-out,opacity .3s ease}.ticket-item.is-open .ticket-details-panel{max-height:500px;opacity:1;transition:max-height .4s ease-in,opacity .4s ease}.details-content{border-top:1px solid #333;padding:1rem}.message-text{color:#ddd;font-family:inputfont;font-size:.95rem;line-height:1.6;margin:0 0 10px;white-space:pre-wrap}.details-footer{display:flex;justify-content:flex-end;margin-top:10px}.id-tag{background:#111;border-radius:4px;color:#666;font-size:.8rem;padding:2px 6px}.modern-state{background:#1a1a1a;border:1px dashed #333;border-radius:12px;color:#aaa;padding:2rem;text-align:center}.simple-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#ff7a65;height:30px;margin:0 auto 10px;width:30px}.empty-icon{font-size:2rem;margin-bottom:10px}.pagination{gap:.6rem;margin-top:1.5rem}.pagination button{background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#eee;padding:.4rem .8rem;transition:.2s}.pagination button:hover:not(:disabled){background:#2a2a2a;border-color:#555}.pagination button.active{background:#ff7a65;border-color:#ff7a65;color:#fff}.ticket-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.ticket-modal-content{animation:slideUp .3s ease;border-radius:16px;color:#e5e7eb;display:flex;flex-direction:column;max-height:90vh;max-width:500px;width:90%}.ticket-modal-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:15px 20px}.ticket-modal-header h3{color:#fff;margin:0}.ticket-modal-header .ticket-modal-close{background:#0000;border:none;color:#888;cursor:pointer;font-size:24px}.ticket-modal-header .ticket-modal-close:hover{color:#ff4500}.ticket-modal-body{overflow-y:auto;padding:20px}@media(max-width:768px){.main-grid-layout{grid-template-columns:1fr}}.admin-support-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a0505;border:1px solid #ff8a2b26;border-radius:24px;box-shadow:0 8px 32px 0 #0000004d;color:#ffe5d9;display:flex;font-family:Tahoma,Segoe UI,sans-serif;height:92vh;margin:4vh auto;max-width:1400px;overflow:hidden;width:100%}.user-list{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#280505bf;border-right:1px solid #ff8a2b26;display:flex;flex-direction:column;width:300px}.sidebar-header{border-bottom:1px solid #ff8a2b26;color:#ff8a2b;font-size:1.1rem;font-weight:700;height:97px;letter-spacing:1px;padding:20px;text-align:center}.empty-state{align-items:center;color:#ffe5d999;display:flex;flex-direction:column;font-size:.9rem;height:100%;justify-content:center}.empty-state span{font-size:3rem;margin-bottom:10px;opacity:.5}.user-card-support{align-items:center;background:#ffffff08;border:1px solid #ff8a2b26;cursor:pointer;display:flex;justify-content:space-between;padding:16px;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1)}.user-card-support:hover{background:#ff8a2b14;border-color:#ff8a2b66;box-shadow:0 4px 15px #ff8a2b1a}.user-card-support.active{background:linear-gradient(135deg,#ff8a2b26,#d81d1d26);border-color:#ff8a2b;box-shadow:0 0 15px #ff8a2b33}.user-info{display:flex;flex-direction:column;gap:4px}.user-name{color:#fff;font-size:1rem}.user-phone{color:#ffe5d999;font-size:.8rem}.new-dot{animation:pulse-green 2s infinite;background:#0f8;border-radius:50%;box-shadow:0 0 8px #0f8;height:10px;left:16px;position:absolute;top:50%;transform:translateY(-50%);width:10px}@keyframes pulse-green{0%{box-shadow:0 0 0 0 #00ff88b3}70%{box-shadow:0 0 0 6px #0f80}to{box-shadow:0 0 0 0 #0f80}}.chat-popup{background:#14020299;display:flex;flex:1 1;flex-direction:column;position:relative}.chat-header-popup{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e0505d9;border-bottom:1px solid #ff8a2b26;display:flex;justify-content:space-between;padding:18px 24px}.chat-title{display:flex;flex-direction:column}.chat-title span{color:#ffe5d999;font-size:.85rem}.chat-title strong{color:#ff8a2b;font-size:1.1rem}.header-buttons{display:flex;gap:10px}.delete-btn-text{background:#ff4d4d26;border:1px solid #ff4d4d4d;border-radius:12px;color:#ff6b6b;cursor:pointer;font-family:inherit;padding:8px 16px;transition:all .3s ease}.delete-btn-text:hover{background:#ff4d4d;box-shadow:0 4px 12px #ff4d4d4d;color:#fff}.chat-body-popup{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:24px}.chat-body-popup::-webkit-scrollbar{width:6px}.chat-body-popup::-webkit-scrollbar-track{background:#0000001a}.chat-body-popup::-webkit-scrollbar-thumb{background:#ff8a2b4d;border-radius:10px}.message-card{word-wrap:break-word;animation:fadeIn .3s ease-out;border-radius:20px;box-shadow:0 2px 8px #0003;font-size:.95rem;line-height:1.6;max-width:75%;padding:14px 18px;position:relative}.user-msg{align-self:flex-end;background:linear-gradient(135deg,#ff8a2b,#ff5722);border-bottom-right-radius:4px;box-shadow:0 4px 15px #ff57224d;color:#fff}.admin-msg{align-self:flex-start;background:#ffffff14;border:1px solid #ffffff1a;border-bottom-left-radius:4px;color:#ffe5d9}.bubble-content{font-family:inputfont}.chat-input-popup{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e0505e6;border-top:1px solid #ff8a2b26;display:flex;gap:12px;padding:20px}.chat-input-popup textarea{background:#0000004d;border:1px solid #ff8a2b33;border-radius:16px;color:#fff;flex:1 1;height:50px;padding:12px 18px;resize:none;transition:all .3s ease}.chat-input-popup textarea:focus{background:#00000080;border-color:#ff8a2b;box-shadow:0 0 0 4px #ff8a2b1a;outline:none}.chat-input-popup textarea::placeholder{color:#fff6}.chat-input-popup button{background:linear-gradient(135deg,#ff8a2b,#d81d1d);border:none;border-radius:16px;box-shadow:0 4px 15px #d81d1d66;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:0 28px;transition:all .3s ease}.chat-input-popup button:hover{box-shadow:0 6px 20px #d81d1d99;filter:brightness(1.1);transform:translateY(-2px)}.chat-input-popup button:active{transform:translateY(1px)}@media screen and (max-width:768px){.admin-support-container{border:none;border-radius:0;flex-direction:column;height:100vh;margin:0;width:100vw}.user-list{border-bottom:1px solid #ff8a2b26;border-right:none;flex-direction:row;height:120px;overflow-x:auto;overflow-y:hidden;padding:10px;width:100%}.user-list .sidebar-header{display:none}.user-list .user-card-support{min-width:200px}.chat-popup{height:calc(100% - 120px)}.message-card{max-width:85%}.chat-input-popup{padding:12px}.chat-input-popup button{padding:0 16px}}.control-clinet{color:#e0e0e0;min-height:100vh;width:100%}.control-clinet .title{color:#fff;font-size:28px;margin-bottom:25px;text-align:center}.control-clinet .clients-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.control-clinet .clients-grid .client-card{background:#1f1f1f;border-radius:12px;box-shadow:0 4px 12px #00000080;padding:20px;transition:transform .2s,box-shadow .2s;width:350px}.control-clinet .clients-grid .client-card:hover{box-shadow:0 8px 20px #000000b3;transform:translateY(-5px)}.control-clinet .clients-grid .client-card .client-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.control-clinet .clients-grid .client-card .client-header .device-name{color:#f0f0f0;font-size:18px;font-weight:700;margin-bottom:1rem}.control-clinet .clients-grid .client-card .client-header .status{font-size:14px;font-weight:700}.control-clinet .clients-grid .client-card .client-header .status.online{color:#34d399}.control-clinet .clients-grid .client-card .client-header .status.offline{color:#f87171}.control-clinet .clients-grid .client-card .client-ip,.control-clinet .clients-grid .client-card .client-uuid{color:#aaa;font-size:13px;margin-bottom:5px}.control-clinet .clients-grid .client-card .buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.control-clinet .clients-grid .client-card .buttons .btn{background:#2c2c2c;border:1px solid #333;border-radius:6px;color:#e0e0e0;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:8px 10px;transition:all .2s}.control-clinet .clients-grid .client-card .buttons .btn:hover{background:#3a3a3a;box-shadow:0 2px 8px #0009}.control-clinet .top-message{animation:fadein .3s ease;background:#2563eb;border-radius:8px;box-shadow:0 2px 8px #0009;color:#fff;font-weight:700;padding:10px 16px;position:fixed;right:20px;top:20px;z-index:1000}.client-limit{align-items:center;background-color:#1e1e2f;border-radius:12px;box-shadow:0 4px 12px #0006;color:#f5f5f5;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px;padding:20px;width:100%}.client-limit a{color:#ff6b6b;cursor:pointer;font-size:14px;font-weight:500;position:relative;text-decoration:none;transition:color .2s ease}.client-limit a:hover{color:#ff4c4c}.client-limit a:after{background-color:#ff4c4c;border-radius:1px;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.client-limit a:hover:after{width:100%}.client-limit button{background-color:#4a76f2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px;transition:all .2s ease}.client-limit button:hover{background-color:#3a5fd1;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.client-limit button:active{box-shadow:0 2px 6px #0003;transform:translateY(0)}.update-btn{background:linear-gradient(135deg,#5c0c0c,#a01818,#6a0d0d);border:none;border-radius:14px;box-shadow:0 8px 20px #ff505066;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:.8rem 1.2rem;transition:all .3s ease}.update-btn:hover{box-shadow:0 12px 28px #ff3c3c8c;transform:translateY(-2px)}.modal-overlay-upd{align-items:center;animation:fadeIn .25s ease;background:#000000d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content-upd{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e0000e6;border-radius:22px;box-shadow:0 20px 60px #f006;color:#fff;height:50%;max-width:400px;padding:2rem;text-align:center;width:90%}.modal-content-upd h2{color:#ff4d4d;font-size:1.6rem;margin-bottom:1rem;text-shadow:0 0 8px #ff3c3c80}.modal-content-upd p{color:#f5f5f5;font-size:.95rem;line-height:1.5;margin-bottom:.8rem}.modal-content-upd .close-btn{background:#ff1a1a;border:none;border-radius:12px;box-shadow:0 6px 18px #ff282880;color:#fff;cursor:pointer;font-weight:500;margin-top:1rem;padding:.7rem 1.2rem;transition:all .3s ease}.modal-content-upd .close-btn:hover{box-shadow:0 10px 26px #ff3c3c99;transform:translateY(-2px)}.client-card.disabled{filter:grayscale(100%);opacity:.45}.client-card.disabled button{cursor:not-allowed}.x9z_q2w_overlay_88{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050a14d9;display:flex;font-family:Tahoma,sans-serif;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.x9z_q2w_modal_box_99{animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(145deg,#0a1525,#050d15);border-radius:20px;box-shadow:0 0 0 1px #00ff881a,0 20px 50px #000c,0 0 30px #00ff880d;color:#e0e6ed;max-width:400px;overflow:hidden;padding:25px;position:relative;width:90%}.x9z_q2w_modal_box_99:before{background:radial-gradient(circle,#00ff8814 0,#0000 60%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:0}.x9z_q2w_header_strip{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;position:relative;z-index:1}.x9z_q2w_header_strip h2{color:#fff;font-size:1.5rem;margin:0}.x9z_q2w_badge{background:linear-gradient(90deg,#ff4b1f,#ff9068);border-radius:50px;box-shadow:0 4px 15px #ff4b1f66;color:#fff;font-size:.85rem;font-weight:700;padding:4px 12px}.x9z_q2w_body_content{margin-bottom:25px;position:relative;z-index:1}.x9z_q2w_info_row{display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:15px}.x9z_q2w_label{color:#8b9bb4}.x9z_q2w_value{color:#0f8;font-weight:700}.x9z_q2w_desc{color:#b0c4de;font-size:.9rem;line-height:1.6;margin:10px 0 0}.x9z_q2w_action_btn{background:linear-gradient(90deg,#2499b9,#0b68da);border:none;border-radius:12px;box-shadow:0 5px 20px #0420424d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px;position:relative;transition:all .3s ease;width:100%;z-index:1}.x9z_q2w_action_btn:hover{background:linear-gradient(90deg,#00d2ff,#0082ff);box-shadow:0 8px 25px #0072ff80,0 0 15px #0f83;transform:translateY(-2px)}.x9z_q2w_action_btn:active{transform:translateY(1px)}.clients-container{background-color:#121212;color:#e0e0e0;font-family:Vazir,sans-serif;min-height:100vh;padding:1.5rem}.clients-container .page-title{color:#fff;font-size:1.6rem;font-weight:600;margin-bottom:1rem;text-align:center}.clients-container .error,.clients-container .loading{color:#b0b0b0;font-size:.95rem;margin-bottom:1rem;text-align:center}.clients-container .clients-grid{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(180px,2fr))}.clients-container .client-card{background-color:#1e1e1e;border-radius:.6rem;box-shadow:0 3px 6px #0006;padding:.8rem;transition:transform .2s ease,box-shadow .2s ease}.clients-container .client-card:hover{box-shadow:0 6px 12px #0009;transform:translateY(-2px)}.clients-container .client-card .client-name{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.2rem}.clients-container .client-card .api-key{color:#aaa;font-family:monospace;font-size:.75rem;margin-bottom:.4rem;word-break:break-all}.clients-container .client-card .toggle-btn-cl{background-color:#1f2937;border:none;border-radius:.4rem;color:#f0f0f0;cursor:pointer;font-size:.8rem;margin-bottom:.5rem;padding:.3rem;transition:background .2s ease;width:100%}.clients-container .client-card .toggle-btn-cl:hover{background-color:#374151}.clients-container .client-card .client-stats{display:flex;justify-content:space-between;padding-top:.3rem}.clients-container .client-card .client-stats .stat{align-items:center;display:flex;flex-direction:column}.clients-container .client-card .client-stats .stat .label{color:#999;font-size:.65rem;margin-bottom:.1rem}.clients-container .client-card .client-stats .stat .value{font-size:.85rem;font-weight:600}.clients-container .client-card .client-stats .stat .value.online{color:#22c55e}.clients-container .client-card .client-stats .stat .value.offline{color:#ef4444}@media(max-width:768px){.clients-container .clients-grid{grid-template-columns:1fr}}.modal-overlay{background:#000000a6;inset:0;z-index:999}.modal-box{animation:slideIn .3s ease;background:#1e1e1ef2;border:1px solid #444;border-radius:20px;box-shadow:0 8px 30px #00000080;max-height:80vh;overflow-y:auto;padding:25px;width:600px}.user-client-item{align-items:center;background:#32323266;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:12px;padding:8px 12px;transition:all .2s}.user-client-item:hover{background:#323232b3;transform:translateY(-2px)}.toggle-btn-cl.mini-btn{border-radius:8px;font-size:.85rem;padding:5px 10px}.close-modal{background:#f44;color:#fff;font-weight:700;margin-bottom:2rem}.online{color:#0f8;font-weight:700}.offline{color:#f44;font-weight:700}.shop{background:radial-gradient(circle at top,#020617,#0f172a);color:#e5e7eb;direction:rtl;min-height:100vh;padding:3rem 1.5rem}.shop__header{margin-bottom:2.5rem;text-align:center}.shop__header h1{font-size:2.4rem;letter-spacing:-.5px;margin-bottom:.5rem}.shop__header p{color:#9ca3af}.shop__filters{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem}.shop__filters button{background:#020617;border:1px solid #1f2937;border-radius:999px;color:#e5e7eb;padding:.6rem 1.6rem;transition:all .3s ease}.shop__filters button.active,.shop__filters button:hover:not(:disabled){background:#22c55e;color:#020617}.shop__filters button:disabled{opacity:.4}.shop__grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,375px);justify-content:center;margin:auto;max-width:1200px}.shop__empty{color:#9ca3af;grid-column:1/-1;text-align:center}.card{background:linear-gradient(180deg,#020617,#020617);border:1px solid #1f2937;border-radius:1.4rem;display:flex;flex-direction:column;overflow:hidden;transition:.35s}.card:hover{box-shadow:0 30px 60px #0000008c;transform:translateY(-8px)}.card--disabled{filter:grayscale(1);opacity:.5;pointer-events:none}.card__image{position:relative}.card__image img{height:190px;object-fit:cover;width:100%}.card__image:after{background:linear-gradient(0deg,#0009,#0000);content:"";inset:0;position:absolute}.card__image .badge{background:#22c55e;border-radius:999px;color:#020617;font-size:.75rem;font-weight:700;padding:.3rem .9rem;position:absolute;right:12px;top:12px;z-index:2}.card__content{display:flex;flex-direction:column;gap:.9rem;padding:1.4rem}.card__content h3{font-size:1.15rem}.card__content p{color:#9ca3af;font-size:.9rem;line-height:1.7}.card__meta{color:#c7d2fe;font-size:.8rem}.card__footer,.card__meta{display:flex;justify-content:space-between}.card__footer{align-items:center;margin-top:auto}.card__footer .price{color:#22c55e;font-weight:700}.card__footer button{background:#22c55e;border:none;border-radius:999px;color:#020617;font-weight:600;padding:.55rem 1.4rem}.skeleton{animation:pulses 1.5s infinite}.sk-footer,.sk-img,.sk-line{background:#020617}.sk-img{height:190px}.sk-line{height:14px;margin:1rem}.sk-line.short{width:60%}.sk-footer{height:42px;margin:1rem}@keyframes pulses{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.add-product{background:linear-gradient(135deg,#0f172a,#1e293b);color:#e2e8f0;direction:rtl;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;padding:0;width:100%}.add-product__wrapper{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1600px;padding:2rem;width:100%}.add-product__header{margin-bottom:2rem;text-align:center}.add-product__header .header-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:1.5rem;box-shadow:0 4px 30px #0000001a;display:inline-block;padding:1.5rem 3rem}.add-product__header h1{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(90deg,#4ade80,#22c55e);-webkit-background-clip:text;display:flex;font-size:2rem;font-weight:800;gap:.5rem;justify-content:center;margin:0 0 .5rem}.add-product__header p{color:#94a3b8;font-size:1rem;margin:0}.add-product__container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bb3;border:1px solid #ffffff0d;border-radius:1.5rem;box-shadow:0 20px 50px #0000004d;flex:1 1;padding:2.5rem}.add-product__form{display:flex;flex-direction:column;gap:1.5rem}.add-product__form .form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.add-product__form .form-row.full-width{grid-template-columns:1fr}.add-product__form .form-row.actions-row{align-items:stretch;margin-top:1rem}.add-product__form .input-group{display:flex;flex-direction:column;gap:.5rem}.add-product__form .input-group label{color:#cbd5e1;font-size:.9rem;font-weight:600;margin-right:.5rem}.add-product__form .input-group input,.add-product__form .input-group select,.add-product__form .input-group textarea{background:#0f172a99;border:1px solid #94a3b833;border-radius:.8rem;color:#fff;font-size:1rem;padding:1rem 1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.add-product__form .input-group input:focus,.add-product__form .input-group select:focus,.add-product__form .input-group textarea:focus{background:#0f172ae6;border-color:#22c55e;box-shadow:0 0 0 4px #22c55e26;outline:none;transform:translateY(-2px)}.add-product__form .input-group input::placeholder,.add-product__form .input-group select::placeholder,.add-product__form .input-group textarea::placeholder{color:#64748b}.add-product__form .input-group textarea{line-height:1.6;resize:vertical}.add-product__form .input-group .select-wrapper{position:relative}.add-product__form .input-group .select-wrapper select{-webkit-appearance:none;appearance:none;cursor:pointer}.add-product__form .input-group .select-wrapper .arrow{color:#94a3b8;font-size:.8rem;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.add-product__form .file-upload-wrapper{grid-column:span 1}.add-product__form .file-upload-wrapper .file-upload-label{align-items:center;background:#0f172a99;border:2px dashed #475569;border-radius:.8rem;cursor:pointer;display:flex;gap:1rem;height:100%;padding:1rem;transition:all .3s ease}.add-product__form .file-upload-wrapper .file-upload-label:hover{background:#22c55e0d;border-color:#22c55e}.add-product__form .file-upload-wrapper .file-upload-label .icon-area{align-items:center;background:#ffffff0d;border-radius:50%;color:#22c55e;display:flex;font-size:1.2rem;height:48px;justify-content:center;width:48px}.add-product__form .file-upload-wrapper .file-upload-label .text-area{display:flex;flex-direction:column}.add-product__form .file-upload-wrapper .file-upload-label .text-area .main-text{color:#e2e8f0;font-weight:600}.add-product__form .file-upload-wrapper .file-upload-label .text-area .sub-text{color:#94a3b8;font-size:.8rem}.add-product__form .submit-btn{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:.8rem;box-shadow:0 4px 15px #22c55e4d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;grid-column:span 1;height:100%;justify-content:center;transition:all .3s ease}.add-product__form .submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #22c55e80;filter:brightness(1.1);transform:translateY(-3px)}.add-product__form .submit-btn:active:not(:disabled){transform:translateY(-1px)}.add-product__form .submit-btn:disabled{background:#475569;box-shadow:none;cursor:not-allowed;opacity:.7}.add-product__form .submit-btn .spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@media(max-width:900px){.add-product__wrapper{padding:1rem}.add-product__form .form-row,.add-product__form .form-row.actions-row{grid-template-columns:1fr}}.music-player-pro-container{align-items:center;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);color:#fff;display:flex;height:100vh;justify-content:center;width:100%;z-index:1000}.glass-panel{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px 0 #0000005e;display:flex;flex-direction:column;height:90%;overflow:hidden;width:90%}.top-bar{border-bottom:1px solid #ffffff1a;display:flex;justify-content:flex-end;padding:20px}.upload-btn{background:linear-gradient(90deg,#ff416c,#ff4b2b);border:none;border-radius:30px;color:#fff;padding:10px 20px;transition:transform .2s,box-shadow .2s}.upload-btn:hover{box-shadow:0 5px 15px #ff4b2b66;transform:translateY(-2px)}.upload-btn:disabled{background:#555;cursor:not-allowed;transform:none}.player-layout{display:flex;flex:1 1;overflow:hidden}.main-player{flex:1.5 1;flex-direction:column;padding:40px}.cover-wrapper,.main-player{align-items:center;display:flex;justify-content:center;position:relative}.cover-wrapper{height:150px;margin-bottom:30px;width:150px}.cover-art{border:5px solid #ffffff1a;border-radius:50%;box-shadow:0 10px 30px #00000080;height:100%;overflow:hidden;width:100%;z-index:2}.cover-art img{height:100%;object-fit:cover;width:100%}.cover-art.spin{animation:spin 10s linear infinite}.sound-wave{border:2px solid #ffffff4d;border-radius:50%;display:none;height:100%;opacity:0;position:absolute;width:100%;z-index:1}.sound-wave.active{animation:pulse 2s infinite}.sound-wave span{animation:ripple 2s linear infinite;border:2px solid #ffffff4d;border-radius:50%;display:block;height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.sound-wave span:nth-child(2){animation-delay:.5s}.sound-wave span:nth-child(3){animation-delay:1s}@keyframes ripple{0%{height:100%;opacity:.8;width:100%}to{height:160%;opacity:0;width:160%}}.track-info{margin-bottom:30px;text-align:center}.track-info .track-title{font-size:1.8rem;margin-bottom:10px;text-shadow:0 2px 4px #00000080}.track-info .track-artist{color:#ffffffb3;font-size:1rem}.progress-area{align-items:center;cursor:pointer;display:flex;gap:15px;margin-bottom:30px;width:100%}.progress-area .time{color:#fffc;font-size:.9rem;min-width:45px}.progress-area .progress-bar-bg{background:#ffffff1a;border-radius:3px;direction:ltr;flex:1 1;height:6px;overflow:hidden}.progress-area .progress-bar-fill{background:linear-gradient(90deg,#00c6ff,#0072ff);border-radius:3px;height:100%;transition:width .1s linear}.controls{align-items:center;display:flex;gap:30px;margin-bottom:20px}.controls .control-btn{background:none;border:none;color:#fffc;cursor:pointer;transition:color .2s,transform .2s}.controls .control-btn:hover{color:#fff;transform:scale(1.1)}.controls .play-pause-btn{align-items:center;background:#fff;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;height:60px;justify-content:center;transition:transform .2s,box-shadow .2s;width:60px}.controls .play-pause-btn:hover{box-shadow:0 0 20px #fff6;transform:scale(1.1)}.volume-control{align-items:center;display:flex;gap:10px;width:150px}.volume-control .volume-slider{-webkit-appearance:none;background:#fff3;border-radius:2px;height:4px;outline:none;width:100%}.volume-control .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:12px;width:12px}.playlist-sidebar{background:#0003;border-left:1px solid #ffffff0d;display:flex;flex:1 1;flex-direction:column}.playlist-sidebar .playlist-header{border-bottom:1px solid #ffffff1a;font-size:1.2rem;padding:20px;text-align:center}.playlist-sidebar .playlist-content{flex:1 1;overflow-y:auto;padding:10px}.playlist-sidebar .playlist-content::-webkit-scrollbar{width:15px}.playlist-sidebar .playlist-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.track-list{list-style:none}.track-item{align-items:center;background:#ffffff08;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px;transition:background .2s}.track-item:hover{background:#ffffff1a}.track-item.active{background:linear-gradient(90deg,#00c6ff33,#0000);border-left:4px solid #00c6ff}.track-item .track-item-info{align-items:center;display:flex;gap:15px;overflow:hidden}.track-item .track-item-info .track-index{color:#ffffff80;font-size:.9rem}.track-item .track-item-info .track-text{display:flex;flex-direction:column;overflow:hidden}.track-item .track-item-info .track-text .track-name{font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-item .track-item-info .track-text .playing-indicator{color:#00c6ff;font-size:.75rem;margin-top:4px}.track-item .delete-btn{background:none;border:none;color:#fff6;cursor:pointer;padding:5px;transition:color .2s}.track-item .delete-btn:hover{color:#ff4b2b}.empty-state{color:#fff9;text-align:center}.empty-state .empty-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.empty-state .empty-action-btn{background:#0000;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px}.empty-state .empty-action-btn:hover{background:#ffffff1a}.empty-playlist{color:#fff6;padding:20px;text-align:center}.error-toast{animation:slideDown .3s ease-out;background:#ff4b2be6;border-radius:5px;box-shadow:0 4px 10px #0000004d;color:#fff;left:50%;padding:10px 20px;position:absolute;top:20px;transform:translateX(-50%);z-index:2000}@keyframes slideDown{0%{opacity:0;top:-50px}to{opacity:1;top:20px}}@media(max-width:768px){.player-layout{flex-direction:column}.main-player{flex:1 1;padding:20px}.cover-wrapper{height:200px;width:200px}.playlist-sidebar{border-left:none;border-top:1px solid #ffffff1a;flex:1 1}}.shabof-drive-container{background:#0f172a;color:#f1f5f9;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:2rem}.shabof-drive-container .drive-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99;border:1px solid #ffffff0d;border-radius:16px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.shabof-drive-container .drive-header .brand{align-items:center;display:flex;gap:10px}.shabof-drive-container .drive-header .brand h1{font-size:1.5rem;margin:0}.shabof-drive-container .drive-header .brand .logo-icon{font-size:2rem}.shabof-drive-container .drive-header .search-box input{background:#0000004d;border:1px solid #ffffff1a;border-radius:50px;color:#fff;outline:none;padding:10px 20px;transition:.3s;width:300px}.shabof-drive-container .drive-header .search-box input:focus{border-color:#6366f1;box-shadow:0 0 10px #6366f14d}.shabof-drive-container .upload-zone{background:#ffffff05;border:2px dashed #ffffff1a;border-radius:16px;cursor:pointer;margin-bottom:3rem;padding:3rem;text-align:center;transition:.3s}.shabof-drive-container .upload-zone.active{background:#6366f11a;border-color:#6366f1}.shabof-drive-container .upload-zone .upload-btn{color:#94a3b8;cursor:pointer;font-size:1.2rem;font-weight:700}.shabof-drive-container .files-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.shabof-drive-container .files-grid .file-card{background:#1e293b99;border:1px solid #ffffff0d;border-radius:12px;overflow:hidden;position:relative;transition:transform .2s}.shabof-drive-container .files-grid .file-card:hover{border-color:#6366f1;transform:translateY(-5px)}.shabof-drive-container .files-grid .file-card .file-preview{align-items:center;background:#0003;display:flex;height:140px;justify-content:center;overflow:hidden}.shabof-drive-container .files-grid .file-card .file-preview img{height:100%;object-fit:cover;width:100%}.shabof-drive-container .files-grid .file-card .file-preview .generic-icon{font-size:4rem;opacity:.5}.shabof-drive-container .files-grid .file-card .file-info{padding:1rem}.shabof-drive-container .files-grid .file-card .file-info h3{font-size:.9rem;margin-bottom:.5rem;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.shabof-drive-container .files-grid .file-card .file-info .meta{color:#94a3b8;display:flex;font-size:.75rem;justify-content:space-between}.header-actions{align-items:center;display:flex;gap:15px}.header-actions .btn-create-folder{align-items:center;background:#6366f133;border:1px solid #6366f14d;border-radius:50px;color:#a5b4fc;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.header-actions .btn-create-folder:hover{background:#6366f1;box-shadow:0 0 15px #6366f166;color:#fff}.actions{border-top:1px solid #ffffff0d;display:flex;gap:10px;margin-top:10px;padding-top:10px}.actions button{align-items:center;background:#ffffff0d;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:.7rem;height:32px;justify-content:center;transition:all .2s ease;width:100%}.actions button:hover{background:#ffffff26;color:#f1f5f9;transform:scale(1.1)}.actions .btn-delete-action{background:#ff45001a;border:1px solid #ff45004d;color:#ff4500}.actions .btn-delete-action:hover{background:#ff4500;box-shadow:0 0 10px #ff450080;color:#fff}.folder-icon{color:#fbbf24;font-size:5rem!important;opacity:.8!important}.modal-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;height:100%;width:100%;z-index:1000}.modal-overlay .modal-content{animation:slideUp .3s ease;background:#1e293b99;border:1px solid #ffffff1a;box-shadow:0 20px 25px -5px #00000080;max-width:500px;padding:2rem;width:90%}.modal-overlay .modal-content h2{border-bottom:1px solid #ffffff1a;color:#f1f5f9;font-size:1.25rem;margin-bottom:1.5rem;margin-top:0;padding-bottom:10px}.modal-overlay .modal-content input,.modal-overlay .modal-content textarea{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;color:#fff;outline:none;padding:12px;transition:.3s;width:100%}.modal-overlay .modal-content input:focus,.modal-overlay .modal-content textarea:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.modal-overlay .modal-content textarea{font-size:.95rem;line-height:1.6;min-height:200px;resize:vertical}.modal-overlay .modal-content .modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:1.5rem}.modal-overlay .modal-content .modal-actions button{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 20px;transition:.3s}.modal-overlay .modal-content .modal-actions .btn-cancel{background:#0000;border:1px solid #ffffff1a;color:#94a3b8}.modal-overlay .modal-content .modal-actions .btn-cancel:hover{background:#ffffff0d;color:#f1f5f9}.modal-overlay .modal-content .modal-actions .btn-save{background:#6366f1;color:#fff}.modal-overlay .modal-content .modal-actions .btn-save:hover{background:#4f46e5;box-shadow:0 4px 12px #6366f14d}.media-modal .modal-content{align-items:center;background:#0000;border:none;box-shadow:none;display:flex;height:auto;justify-content:center;max-height:90vh;max-width:90%;padding:0;width:auto}.media-modal .modal-content .close-media{background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:40px;position:absolute;right:20px;top:20px;transition:.3s;width:40px;z-index:1001}.media-modal .modal-content .close-media:hover{background:#fff3;transform:rotate(90deg)}.media-modal .modal-content img,.media-modal .modal-content video{border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 0 50px #000c;max-height:85vh;max-width:100%}.breadcrumb-bar{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;display:flex;gap:15px;margin-bottom:20px;padding:10px 20px}.breadcrumb-bar .btn-back{background:#0000;border:1px solid #ffffff1a;border-radius:6px;color:#f1f5f9;cursor:pointer;padding:5px 15px;transition:.3s}.breadcrumb-bar .btn-back:hover:not(:disabled){background:#ffffff1a}.breadcrumb-bar .btn-back:disabled{cursor:not-allowed;opacity:.3}.breadcrumb-bar .current-path{color:#6366f1;font-size:1.1rem;font-weight:700}.cyber-modal-backdrop{align-items:center;animation:fadeIn .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.cyber-modal-backdrop .cyber-modal-box{animation:slideUpCyber .4s cubic-bezier(.175,.885,.32,1.275);background:#0a0a0a;border:1px solid #333;border-radius:4px;box-shadow:0 0 0 1px #ff450033,0 20px 50px #000c,0 0 30px #ff45001a;max-width:450px;overflow:hidden;position:relative;width:100%}.cyber-modal-backdrop .cyber-modal-box:before{background:linear-gradient(90deg,#ff4500,#ff8c00,red);box-shadow:0 0 15px #ff4500;content:"";height:3px;left:0;position:absolute;top:0;width:100%}.cyber-modal-backdrop .cyber-modal-box .cyber-modal-header{padding:25px 30px 10px;text-align:center}.cyber-modal-backdrop .cyber-modal-box .cyber-modal-header .cyber-title{color:#fff;font-size:1.5rem;font-weight:800;letter-spacing:2px;margin:0;text-shadow:0 0 10px #ff450080;text-transform:uppercase}.cyber-modal-backdrop .cyber-modal-box .cyber-modal-header .cyber-line{background:#ff4500;box-shadow:0 0 8px #ff4500;height:2px;margin:15px auto 0;width:50px}.cyber-modal-backdrop .cyber-modal-box .cyber-modal-body{padding:20px 30px}.cyber-modal-backdrop .cyber-modal-box .cyber-modal-body .cyber-subtitle{color:#888;font-family:Courier New,Courier,monospace;font-size:.9rem;margin-bottom:20px;text-align:center}.cyber-modal-backdrop .cyber-modal-box .cyber-modal-body .cyber-subtitle .cyber-path{color:#ff8c00;font-weight:700}.cyber-modal-backdrop .cyber-modal-box .cyber-modal-body .cyber-input-group{position:relative}.cyber-modal-backdrop .cyber-modal-box .cyber-modal-body .cyber-input-group .cyber-input{background:#111;border:1px solid #333;border-radius:2px;color:#fff;font-family:inherit;font-size:1rem;outline:none;padding:15px;transition:all .3s ease;width:100%}.cyber-modal-backdrop .cyber-modal-box .cyber-modal-body .cyber-input-group .cyber-input:focus{background:#161616;border-color:#ff4500;box-shadow:0 0 15px #ff45004d}.cyber-modal-backdrop .cyber-modal-box .cyber-modal-body .cyber-input-group .cyber-input::placeholder{color:#444}.cyber-modal-backdrop .cyber-modal-box .cyber-modal-body .cyber-input-group .cyber-input-glow{background:#ff4500;bottom:-1px;box-shadow:0 0 10px #ff4500;height:2px;left:0;position:absolute;transition:width .4s ease;width:0}.cyber-modal-backdrop .cyber-modal-box .cyber-modal-body .cyber-input-group .cyber-input:focus~.cyber-input-glow{width:100%}.cyber-modal-backdrop .cyber-modal-box .cyber-modal-footer{display:flex;gap:15px;justify-content:space-between;padding:20px 30px 30px}.cyber-modal-backdrop .cyber-modal-box .cyber-modal-footer .cyber-btn{border:none;border-radius:2px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:700;letter-spacing:1px;overflow:hidden;padding:14px;position:relative;text-transform:uppercase;transition:all .3s ease}.cyber-modal-backdrop .cyber-modal-box .cyber-modal-footer .cyber-btn:active{transform:scale(.98)}.cyber-modal-backdrop .cyber-modal-box .cyber-modal-footer .cyber-btn-cancel{background:#0000;border:1px solid #333;color:#888}.cyber-modal-backdrop .cyber-modal-box .cyber-modal-footer .cyber-btn-cancel:hover{background:#ffffff0d;border-color:#666;color:#fff}.cyber-modal-backdrop .cyber-modal-box .cyber-modal-footer .cyber-btn-confirm{align-items:center;background:linear-gradient(135deg,#ff4500,red);box-shadow:0 4px 15px #ff450066;color:#fff;display:flex;gap:8px;justify-content:center}.cyber-modal-backdrop .cyber-modal-box .cyber-modal-footer .cyber-btn-confirm:hover{box-shadow:0 6px 20px #ff450099;filter:brightness(1.1);transform:translateY(-2px)}.cyber-modal-backdrop .cyber-modal-box .cyber-modal-footer .cyber-btn-confirm .btn-icon{font-size:1.1rem}@keyframes slideUpCyber{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.void-layer{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000e6;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.neon-container{background:#0f0f0f;border:1px solid #2a2a2a;border-top:2px solid #ff4500;box-shadow:0 0 20px #ff45001a;-webkit-clip-path:polygon(0 0,100% 0,100% 85%,95% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 85%,95% 100%,0 100%);max-width:600px;padding:2rem;position:relative;width:90%}.tech-header{align-items:center;border-bottom:1px solid #222;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.glow-text{color:#fff;font-size:1.2rem;letter-spacing:1px;text-shadow:0 0 5px #ff000080;text-transform:uppercase}.status-indicator{animation:blink 2s infinite;background-color:red;border-radius:50%;box-shadow:0 0 8px red;height:10px;width:10px}.content-zone{color:#ccc;margin-bottom:2rem;min-height:100px}.tech-paragraph{font-family:Courier New,monospace;line-height:1.6}.command-deck{display:flex;gap:1rem;justify-content:flex-end}.btn-accept,.btn-reject{border:none;cursor:pointer;font-size:.9rem;font-weight:700;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.btn-reject{background:#0000;border:1px solid #444;color:#888}.btn-reject:hover{border-color:red;box-shadow:0 0 10px #f003;color:red}.btn-accept{background:linear-gradient(45deg,#ff4500,red);-webkit-clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);color:#fff}.btn-accept:hover{box-shadow:0 5px 15px #ff450066;filter:brightness(1.2);transform:translateY(-2px)}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.tech-input-area{background:#080808;border:1px solid #333;box-sizing:border-box;color:#e0e0e0;font-family:Courier New,monospace;font-size:1rem;height:300px;outline:none;padding:1rem;resize:vertical;transition:border-color .3s;width:100%}.tech-input-area:focus{border-color:#ff4500;box-shadow:inset 0 0 10px #ff45001a}.upload-container{flex-direction:column;gap:15px;width:100%}.upload-btn,.upload-container{align-items:center;display:flex}.upload-btn{color:#94a3b8;cursor:pointer;font-size:1.1rem;font-weight:700;gap:10px;transition:.3s}.upload-btn .uploading-text{align-items:center;color:#fff;display:flex;gap:8px}.upload-btn .uploading-text .spinner-icon{animation:spin 1s linear infinite;font-size:1.2rem}.progress-wrapper{max-width:400px;position:relative;width:100%}.progress-bar-bg{background:#ffffff1a;border-radius:4px;box-shadow:inset 0 1px 3px #00000080;height:8px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#ff4500,#ff8c00);border-radius:4px;box-shadow:0 0 10px #ff450080;height:100%;position:relative;transition:width .2s ease-out}.progress-bar-fill .progress-glow{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#fff0,#fff6 50%,#fff0);bottom:0;left:0;position:absolute;right:0;top:0;transform:skewX(-20deg) translateX(-150%)}.progress-percentage{color:#ff8c00;font-family:monospace;font-size:.8rem;font-weight:700;margin-top:5px;text-align:right}.cinema-void-layer{align-items:center;animation:voidFadeIn .4s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;cursor:default;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:3000}.cinema-void-layer .holo-screen-frame{animation:frameScale .4s cubic-bezier(.2,.8,.2,1);background:#050505;border:1px solid #333;border-radius:4px;box-shadow:0 0 0 1px #ff45001a,0 30px 60px #000c,0 0 100px #ff45000d;display:flex;flex-direction:column;max-width:1000px;overflow:hidden;position:relative;width:90%}.cinema-void-layer .holo-screen-frame .flux-close-trigger{align-items:center;background:#141414cc;border:1px solid #ff45004d;border-radius:50%;color:#ff4500;cursor:pointer;display:flex;font-size:32px;height:50px;justify-content:center;overflow:hidden;position:absolute;right:20px;top:20px;transition:all .3s ease;width:50px;z-index:10}.cinema-void-layer .holo-screen-frame .flux-close-trigger:hover{background:#ff4500;box-shadow:0 0 20px #ff450099;color:#fff;transform:rotate(90deg)}.cinema-void-layer .holo-screen-frame .flux-close-trigger .icon-x{font-family:Courier New,Courier,monospace;font-weight:800;line-height:1;position:relative;z-index:2}.cinema-void-layer .holo-screen-frame .flux-close-trigger .ripple-effect{background:radial-gradient(circle,#fff6 0,#0000 70%);height:100%;opacity:0;position:absolute;transform:scale(.5);transition:opacity .3s,transform .3s;width:100%}.cinema-void-layer .holo-screen-frame .flux-close-trigger:hover .ripple-effect{opacity:1;transform:scale(1.5)}.cinema-void-layer .holo-screen-frame .media-viewport{align-items:center;background:#000;display:flex;justify-content:center;max-height:80vh;min-height:400px;overflow:hidden;position:relative;width:100%}.cinema-void-layer .holo-screen-frame .media-viewport .cinema-image,.cinema-void-layer .holo-screen-frame .media-viewport .cinema-video{box-shadow:0 0 30px #00000080;display:block;max-height:80vh;max-width:100%}.cinema-void-layer .holo-screen-frame .media-viewport .scan-line{animation:scanMove 4s linear infinite;background:#ff45004d;box-shadow:0 0 10px #ff450080;height:4px;left:0;opacity:.5;pointer-events:none;position:absolute;top:0;width:100%;z-index:5}.cinema-void-layer .holo-screen-frame .meta-data-bar{align-items:center;background:#0a0a0a;border-top:1px solid #222;display:flex;justify-content:space-between;padding:15px 25px}.cinema-void-layer .holo-screen-frame .meta-data-bar .file-name-tag{color:#ccc;font-family:monospace;font-size:.9rem;letter-spacing:.5px}.cinema-void-layer .holo-screen-frame .meta-data-bar .file-type-badge{background:#ff450026;border:1px solid #ff450033;border-radius:4px;color:#ff4500;font-size:.75rem;font-weight:700;padding:4px 10px;text-transform:uppercase}@keyframes voidFadeIn{0%{opacity:0}to{opacity:1}}@keyframes frameScale{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes scanMove{0%{opacity:0;top:-10%}10%{opacity:.5}90%{opacity:.5}to{opacity:0;top:110%}}.login-wrapper{align-items:center;background:#0a0a0f;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-wrapper:before{background-image:linear-gradient(#ffffff05 1px,#0000 0),linear-gradient(90deg,#ffffff05 1px,#0000 0);background-size:50px 50px;bottom:0;content:"";left:0;right:0;top:0}.login-glow-bg,.login-wrapper:before{pointer-events:none;position:absolute}.login-glow-bg{animation:pulse-glow 4s ease-in-out infinite;background:radial-gradient(circle,#7b2cbf33 0,#0000 70%);height:600px;left:50%;top:50%;transform:translate(-50%,-50%);width:600px}@keyframes pulse-glow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.login-card{animation:card-appear .6s ease-out;background:#12121a;border:1px solid #00d4ff1a;border-radius:24px;box-shadow:0 25px 50px -12px #00000080,0 0 100px -20px #00d4ff26,inset 0 1px 0 #ffffff0d;max-width:420px;padding:48px 40px;position:relative;width:100%}.login-card:before{background:linear-gradient(90deg,#0000,#00d4ff,#0000);content:"";height:1px;left:50%;opacity:.5;position:absolute;top:0;transform:translateX(-50%);width:60%}@keyframes card-appear{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.login-header{margin-bottom:36px;text-align:center}.login-header .lock-icon{align-items:center;animation:icon-float 3s ease-in-out infinite;background:linear-gradient(135deg,#00d4ff1a,#7b2cbf1a);border:2px solid #00d4ff4d;border-radius:50%;display:flex;height:72px;justify-content:center;margin:0 auto 20px;width:72px}.login-header .lock-icon svg{color:#00d4ff;height:32px;width:32px}.login-header h1{color:#e0e0e0;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.login-header p{color:#888;font-size:14px;margin:0}@keyframes icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.login-form .input-group{margin-bottom:24px;position:relative}.login-form .input-group .password-input{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;color:#e0e0e0;font-family:Vazirmatn,sans-serif;font-size:16px;outline:none;padding:16px 20px 16px 50px;transition:all .3s ease;width:100%}.login-form .input-group .password-input::placeholder{color:#888}.login-form .input-group .password-input:focus{background:#00d4ff0d;border-color:#00d4ff;box-shadow:0 0 0 4px #00d4ff1a}.login-form .input-group:before{content:"🔒";font-size:18px;left:18px;opacity:.6;position:absolute;top:50%;transform:translateY(-50%)}.login-form .input-group .input-border{background:linear-gradient(90deg,#00d4ff,#7b2cbf);border-radius:0 0 12px 12px;bottom:0;height:2px;left:50%;position:absolute;transition:all .3s ease;width:0}.login-form .input-group:focus-within .input-border{left:0;width:100%}.error-box{align-items:center;animation:shake .5s ease;background:#ff47571a;border:1px solid #ff47574d;border-radius:10px;color:#ff4757;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:12px 16px}.error-box .error-icon{font-size:16px}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}.login-btn{align-items:center;background:linear-gradient(135deg,#00d4ff,#0094b3);border:none;border-radius:12px;color:#0a0a0f;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s ease;width:100%}.login-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.login-btn:hover:not(:disabled){box-shadow:0 10px 30px -10px #00d4ff80;transform:translateY(-2px)}.login-btn:hover:not(:disabled):before{left:100%}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{cursor:not-allowed;opacity:.6}.login-btn svg{height:20px;transition:transform .3s ease;width:20px}.login-btn:hover:not(:disabled) svg{transform:translateX(4px)}.login-btn.loading{pointer-events:none}.login-btn .spinner{animation:spin .8s linear infinite;border:2px solid #0a0a0f4d;border-radius:50%;border-top-color:#0a0a0f;height:20px;width:20px}.attempts-warning{color:#888;font-size:13px;margin-top:16px;text-align:center}.attempts-warning strong{color:#ff4757}.login-footer{border-top:1px solid #ffffff14;margin-top:32px;padding-top:24px}.login-footer .security-badge{align-items:center;color:#888;display:flex;font-size:12px;gap:8px;justify-content:center}.login-footer .security-badge .shield-icon{font-size:16px}.logout-btn{background:#ff47571a;border:1px solid #ff47574d;border-radius:8px;color:#ff4757;cursor:pointer;font-family:Vazirmatn,sans-serif;font-size:14px;padding:10px 20px;position:fixed;right:20px;top:20px;transition:all .3s ease;z-index:1000}.logout-btn:hover{background:#ff475733;transform:translateY(-2px)}@media(max-width:480px){.login-card{border-radius:20px;padding:36px 24px}.login-header .lock-icon{height:60px;width:60px}.login-header .lock-icon svg{height:26px;width:26px}.login-header h1{font-size:24px}.login-form .input-group .password-input{font-size:15px;padding:14px 16px 14px 44px}.login-btn{font-size:15px;padding:14px 20px}}.app-container{background-color:#0f172a;background-image:radial-gradient(circle at 10% 20%,#ef44440d 0,#0000 20%),radial-gradient(circle at 90% 80%,#f973160d 0,#0000 20%);color:#f8fafc;direction:rtl;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:1rem}@media(min-width:480px){.app-container{padding:1.5rem}}@media(min-width:768px){.app-container{padding:2rem}}@media(min-width:1024px){.app-container{padding:2.5rem}}.main-header{margin-bottom:1.5rem;text-align:center}.main-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-background-clip:text;font-size:1.5rem;font-weight:800;letter-spacing:-1px;margin-bottom:.5rem}@media(min-width:480px){.main-header h1{font-size:1.75rem}}@media(min-width:768px){.main-header h1{font-size:2rem}}@media(min-width:1024px){.main-header h1{font-size:2.5rem}}.main-header p{color:#94a3b8;font-size:.85rem}@media(min-width:480px){.main-header p{font-size:.95rem}}@media(min-width:768px){.main-header p{font-size:1.1rem}}.tools-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin:0 auto;max-width:100%}@media(min-width:320px){.tools-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media(min-width:480px){.tools-grid{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media(min-width:768px){.tools-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));max-width:1000px}}@media(min-width:1024px){.tools-grid{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));max-width:1200px}}@media(min-width:1440px){.tools-grid{grid-template-columns:repeat(2,1fr);max-width:1400px}}.tool-box{background:#1e293b;border:1px solid #334155;border-radius:16px;box-shadow:0 10px 30px -10px #00000080;display:flex;flex-direction:column;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}@media(min-width:480px){.tool-box{border-radius:18px;padding:1.5rem}}@media(min-width:768px){.tool-box{border-radius:20px;padding:1.75rem}}@media(min-width:1024px){.tool-box{padding:2rem}}.tool-box:before{background:linear-gradient(90deg,#ef4444,#f97316);content:"";height:3px;opacity:.8;position:absolute;right:0;top:0;width:100%}@media(min-width:768px){.tool-box:before{height:4px}}.tool-box:hover{border-color:#ef4444;box-shadow:0 15px 30px -10px #0009,0 0 15px #ef444426;transform:translateY(-4px)}@media(min-width:768px){.tool-box:hover{transform:translateY(-8px)}}.tool-box.placeholder{align-items:center;background-color:#1e293b80;border:2px dashed #334155;box-shadow:none;color:#94a3b8;justify-content:center;min-height:250px}@media(min-width:480px){.tool-box.placeholder{min-height:280px}}@media(min-width:768px){.tool-box.placeholder{min-height:320px}}@media(min-width:1024px){.tool-box.placeholder{min-height:350px}}.tool-box.placeholder:before{display:none}.tool-box.placeholder .placeholder-content{text-align:center}.tool-box.placeholder .placeholder-content .tool-icon{color:#334155;font-size:2.5rem;margin-bottom:.75rem;opacity:.5}@media(min-width:480px){.tool-box.placeholder .placeholder-content .tool-icon{font-size:3rem}}@media(min-width:768px){.tool-box.placeholder .placeholder-content .tool-icon{font-size:3.5rem}}@media(min-width:1024px){.tool-box.placeholder .placeholder-content .tool-icon{font-size:4rem}}.tool-header{align-items:flex-start;border-bottom:1px solid #ffffff0d;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}@media(min-width:480px){.tool-header{margin-bottom:1.25rem;padding-bottom:1.25rem}}@media(min-width:768px){.tool-header{margin-bottom:1.5rem;padding-bottom:1.5rem}}.tool-header .tool-title-group{display:flex;flex-direction:column;gap:.35rem}.tool-header .tool-title{color:#fff;font-size:1.1rem;font-weight:700;margin:0}@media(min-width:480px){.tool-header .tool-title{font-size:1.25rem}}@media(min-width:768px){.tool-header .tool-title{font-size:1.4rem}}@media(min-width:1024px){.tool-header .tool-title{font-size:1.5rem}}.tool-header .tool-status{border-radius:9999px;display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:.25rem .65rem;width:-webkit-fit-content;width:fit-content}@media(min-width:480px){.tool-header .tool-status{font-size:.7rem;padding:.3rem .75rem}}@media(min-width:768px){.tool-header .tool-status{font-size:.75rem;padding:.35rem .85rem}}.tool-header .tool-status.active{background-color:#10b98126;border:1px solid #10b9814d;box-shadow:0 0 10px #10b9811a;color:#34d399}.tool-header .tool-status.inactive{background-color:#94a3b81a;border:1px solid #94a3b833;color:#94a3b8}.tool-header .tool-platform{align-items:center;background:#f973161a;border:1px solid #f9731633;border-radius:8px;color:#f97316;display:flex;font-size:.7rem;font-weight:600;gap:.35rem;padding:.3rem .6rem}@media(min-width:480px){.tool-header .tool-platform{border-radius:10px;font-size:.8rem;padding:.35rem .7rem}}@media(min-width:768px){.tool-header .tool-platform{font-size:.85rem;padding:.4rem .8rem}}.tool-description{color:#94a3b8;flex-grow:0;font-size:.8rem;line-height:1.5;margin-bottom:1rem}@media(min-width:480px){.tool-description{font-size:.85rem;line-height:1.6;margin-bottom:1.25rem}}@media(min-width:768px){.tool-description{font-size:.9rem;line-height:1.65;margin-bottom:1.5rem}}@media(min-width:1024px){.tool-description{font-size:.95rem;line-height:1.7;margin-bottom:2rem}}.tool-features{grid-gap:.65rem;background:#0f172a99;border:1px solid #ffffff08;border-radius:12px;display:grid;gap:.65rem;grid-template-columns:1fr;margin-bottom:1rem;padding:1rem}@media(min-width:480px){.tool-features{border-radius:14px;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.25rem;padding:1.25rem}}@media(min-width:768px){.tool-features{gap:.85rem;margin-bottom:1.5rem;padding:1.35rem}}@media(min-width:1024px){.tool-features{border-radius:16px;gap:1rem;margin-bottom:2rem;padding:1.5rem}}.feature-item{align-items:center;color:#cbd5e1;cursor:default;display:flex;font-size:.75rem;gap:.5rem;transition:color .2s}@media(min-width:480px){.feature-item{font-size:.8rem;gap:.65rem}}@media(min-width:768px){.feature-item{font-size:.85rem;gap:.7rem}}@media(min-width:1024px){.feature-item{font-size:.9rem;gap:.75rem}}.feature-item .tool-icon{color:#f97316;height:16px;transition:transform .2s;width:16px}@media(min-width:480px){.feature-item .tool-icon{height:18px;width:18px}}@media(min-width:768px){.feature-item .tool-icon{height:20px;width:20px}}.feature-item:hover{color:#fff}.feature-item:hover .tool-icon{color:#ef4444;transform:scale(1.1)}.tool-footer{display:flex;gap:.65rem;margin-top:auto}@media(min-width:480px){.tool-footer{gap:.75rem}}@media(min-width:768px){.tool-footer{gap:1rem}}.tool-footer button{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-family:inherit;font-size:.8rem;font-weight:700;padding:.65rem;transition:all .2s}@media(min-width:480px){.tool-footer button{border-radius:11px;font-size:.85rem;padding:.75rem}}@media(min-width:768px){.tool-footer button{border-radius:12px;font-size:.9rem;padding:.8rem}}@media(min-width:1024px){.tool-footer button{font-size:.95rem;padding:.85rem}}.tool-footer .btn-action{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d;color:#fff}.tool-footer .btn-action:hover{box-shadow:0 6px 20px #ef444480;transform:translateY(-2px)}.tool-footer .btn-settings{background-color:#ffffff0d;border:1px solid #ffffff1a;color:#f8fafc}.tool-footer .btn-settings:hover{background-color:#ffffff1a;border-color:#fff3}.tool-icon{stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;height:24px;width:24px}.fullscreen-modal{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#0f172a;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;padding:.5rem;position:fixed;top:0;width:100vw;z-index:9999}@media(min-width:480px){.fullscreen-modal{padding:1rem}}@media(min-width:768px){.fullscreen-modal{padding:1.5rem}}@media(min-width:1024px){.fullscreen-modal{padding:2rem}}.modal-content{height:100%;padding:1rem;width:100%}@media(min-width:480px){.modal-content{padding:1.25rem}}@media(min-width:768px){.modal-content{padding:1.5rem}}@media(min-width:1024px){.modal-content{padding:2rem}}.modal-close-btn{align-items:center;background-color:#ef4444e6;border:2px solid #fff;border-radius:50%;box-shadow:0 0 15px #ef444480;cursor:pointer;display:flex;height:40px;justify-content:center;position:fixed;right:1%;top:10px;transition:all .3s ease;width:40px;z-index:10000}@media(min-width:480px){.modal-close-btn{height:45px;top:15px;width:45px}}@media(min-width:768px){.modal-close-btn{height:50px;top:20px;width:50px}}.modal-close-btn:hover{background-color:#fff;border:2px solid #ef4444e6}.modal-close-btn:hover .tool-icon{stroke:#ef4444}.modal-close-btn .tool-icon{color:#fff;height:22px;transition:stroke .3s;width:22px}@media(min-width:480px){.modal-close-btn .tool-icon{height:26px;width:26px}}@media(min-width:768px){.modal-close-btn .tool-icon{height:30px;width:30px}}.fullpage-converter{background-color:#050505;color:#e2e8f0;display:flex;flex-direction:column;height:100%;width:100%}.converter-header{align-items:center;background:linear-gradient(90deg,#0f1014,#05050500);border-bottom:1px solid #1e293b;display:flex;justify-content:space-between;padding:20px 40px}.converter-header .logo-area{align-items:center;display:flex;gap:15px}.converter-header .logo-area .shabof-icon{align-items:center;background:linear-gradient(135deg,#3e0f0f,#eb4d25);border-radius:8px;box-shadow:0 0 15px #eb322566;color:#fff;display:flex;font-size:20px;font-weight:700;height:40px;justify-content:center;width:150px}.converter-header .logo-area h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-background-clip:text;font-size:1.5rem;margin:0}.converter-header .status-indicator-b{align-items:center;color:#64748b;display:flex;font-size:.9rem;gap:8px}.converter-header .status-indicator-b .dot-b{background-color:#10b981;border-radius:50%;box-shadow:0 0 8px #10b981;height:8px;width:8px}.converter-main{display:flex;flex:1 1;flex-direction:column;gap:20px;padding:20px 40px}.mode-tabs{display:flex;gap:10px;margin-bottom:10px}.mode-tabs .tab-btn{align-items:center;background:#0000;border:1px solid #1e293b;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:1rem;gap:10px;padding:12px 24px;transition:all .3s ease}.mode-tabs .tab-btn .icon{color:#f97316;font-weight:700}.mode-tabs .tab-btn:hover{border-color:#2563eb;color:#e2e8f0}.mode-tabs .tab-btn.active{background:#2563eb1a;border-color:#2563eb;box-shadow:0 0 15px #2563eb33;color:#2563eb}.panels-container{display:flex;flex:1 1;gap:20px;height:100%;min-height:0}.panel{background-color:#0f1014;border:1px solid #1e293b;border-radius:12px;display:flex;flex:1 1;flex-direction:column;padding:20px;transition:border-color .3s}.panel:hover{border-color:#334155}.panel .panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.panel .panel-header label{color:#f97316;font-size:.9rem;font-weight:600}.panel .panel-header button{background:none;border:none;cursor:pointer;font-size:.85rem;transition:color .2s}.panel .panel-header .clear-btn{color:#dc2626}.panel .panel-header .clear-btn:hover{color:#ef4444;text-decoration:underline}.panel .panel-header .copy-btn{background:#2563eb1a;border-radius:4px;color:#2563eb;padding:5px 12px}.panel .panel-header .copy-btn:hover:not(:disabled){background:#2563eb33}.panel .panel-header .copy-btn:disabled{cursor:not-allowed;opacity:.5}.cyber-textarea{background-color:#000;border:1px solid #333;border-radius:8px;color:#e2e8f0;flex:1 1;font-size:1rem;line-height:1.6;outline:none;padding:15px;resize:none}.cyber-textarea:focus{border-color:#2563eb;box-shadow:inset 0 0 10px #2563eb1a}.cyber-textarea::placeholder{color:#333}.char-count{color:#475569;font-size:.75rem;margin-top:8px;text-align:left}.output-display{background-color:#000;border:1px solid #333;border-radius:8px;color:#10b981;flex:1 1;font-family:Courier New,monospace;font-size:1rem;line-height:1.6;overflow-y:auto;padding:15px;word-break:break-all}.output-display .placeholder-text{color:#333;font-style:italic}.action-area{padding-top:10px}.action-area,.action-area .convert-action-btn{align-items:center;display:flex;justify-content:center}.action-area .convert-action-btn{background:linear-gradient(135deg,#dc2626,#f97316);border:none;border-radius:50%;box-shadow:0 0 20px #f9731666;color:#fff;cursor:pointer;height:60px;transition:transform .2s,box-shadow .2s;width:60px}.action-area .convert-action-btn svg{height:28px;width:28px}.action-area .convert-action-btn:hover{box-shadow:0 0 30px #f9731699;transform:scale(1.1) rotate(90deg)}.action-area .convert-action-btn:active{transform:scale(.95)}.toast-notification{animation:slideUp .3s ease-out;background-color:#2563eb;border-radius:50px;bottom:30px;box-shadow:0 10px 25px #00000080;color:#fff;font-size:.9rem;left:50%;padding:12px 24px;position:fixed;transform:translateX(-50%);z-index:1000}@media(max-width:768px){.panels-container{flex-direction:column}.action-area{padding:10px 0}.action-area .convert-action-btn{height:50px;width:50px}.converter-header{padding:15px 20px}.converter-header .logo-area h2{font-size:1.1rem}}.software-page{background-color:#0f172a;color:#f8fafc;direction:rtl;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden;padding:2rem}.hero-video{background:linear-gradient(135deg,#0f172ae6,#1e293be6),url(https://images.unsplash.com/photo-1550751827-4bd374c3f58b?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80);background-position:50%;background-size:cover;border:1px solid #334155;border-radius:24px;box-shadow:0 20px 50px #00000080;margin-bottom:3rem;overflow:hidden;padding:4rem 2rem;position:relative;text-align:center}.hero-video:before{background:linear-gradient(90deg,#ef4444,#f97316);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.hero-video .button-video{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#f8fafc;cursor:pointer;font-size:.9rem;margin-bottom:1.5rem;padding:.75rem 1.5rem;transition:all .3s}.hero-video .button-video:hover{background:#ffffff1a;border-color:#f97316;color:#f97316}.hero-video .text-dangrous{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;display:inline-block;font-size:.85rem;margin-bottom:2rem;padding:.5rem 1rem}.hero-video .hero-overlay{position:relative;z-index:2}.hero-video .hero-overlay p{color:#94a3b8;font-size:1.2rem;margin-bottom:2rem}.hero-video .hero-overlay .btn-create-api{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;box-shadow:0 4px 15px #ef444466;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:700;gap:.5rem;padding:1rem 2.5rem;transition:transform .2s,box-shadow .2s}.hero-video .hero-overlay .btn-create-api:hover{box-shadow:0 8px 25px #ef444499;transform:translateY(-2px)}.hero-video .hero-overlay .api-created-badge{align-items:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:12px;box-shadow:0 0 15px #10b9811a;color:#34d399;display:inline-flex;font-weight:600;gap:1rem;padding:1rem 2rem}.hero-video .hero-overlay .api-created-badge .api-key-copy{align-items:center;background:#0003;border-radius:6px;cursor:pointer;display:flex;font-family:monospace;font-size:1rem;gap:.5rem;padding:.5rem 1rem;transition:background .2s}.hero-video .hero-overlay .api-created-badge .api-key-copy:hover{background:#0006}.hero-video .hero-overlay .api-created-badge .api-key-copy .copy-icon{opacity:.7}.hero-video .hero-overlay .api-created-badge .api-key-copy .copied-msg{color:#f97316;font-size:.8rem}.download-section{margin:0 auto;max-width:1200px}.download-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-background-clip:text;font-size:2rem;margin-bottom:2rem;text-align:center}.download-section .download-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.download-card{align-items:center;background:#1e293b;border:1px solid #334155;border-radius:20px;display:flex;flex-direction:column;gap:1rem;overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.download-card:before{background:#334155;content:"";height:3px;left:0;position:absolute;top:0;transition:background .3s;width:100%}.download-card .icon{color:#94a3b8;font-size:3rem;transition:color .3s,transform .3s}.download-card strong{color:#f8fafc;font-size:1.2rem}.download-card button{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:.5rem;justify-content:center;margin-top:auto;padding:.75rem;transition:all .2s;width:100%}.download-card button:hover{box-shadow:0 0 15px #f9731666;transform:translateY(-2px)}.download-card .badge{align-items:center;border-radius:8px;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:auto;padding:.5rem 1rem;width:100%}.download-card.available:hover{border-color:#f97316;box-shadow:0 10px 30px -10px #00000080;transform:translateY(-5px)}.download-card.available:hover .icon{color:#f97316;transform:scale(1.1)}.download-card.available:hover:before{background:#f97316}.download-card.coming{opacity:.7}.download-card.coming .badge{background:#ffffff0d;border:1px dashed #334155;color:#94a3b8}.download-card.locked{filter:grayscale(.8);opacity:.6}.download-card.locked .badge{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.modal{animation:slideUp .3s cubic-bezier(.16,1,.3,1);background:#1e293b;border:1px solid #334155;border-radius:20px;box-shadow:0 25px 50px -12px #000000b3;max-width:450px;padding:2rem;width:90%}.modal .close{background:#0000;color:#94a3b8;font-size:1.5rem;left:1.5rem;top:1.5rem;transition:color .2s}.modal .close:hover{color:#ef4444}.modal h3{color:#f8fafc;margin-bottom:1.5rem;text-align:center}.modal .step{display:flex;flex-direction:column;gap:1.5rem}.modal .step p{color:#94a3b8;text-align:center}.modal .step label{align-items:center;background:#ffffff08;border:1px solid #334155;border-radius:12px;cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:all .2s}.modal .step label:hover{background:#ffffff0d;border-color:#f97316}.modal .step label input[type=radio]{accent-color:#f97316;height:18px;width:18px}.modal .step input[type=text]{background:#0003;border:1px solid #334155;border-radius:12px;color:#f8fafc;outline:none;padding:1rem;transition:border-color .2s;width:100%}.modal .step input[type=text]:focus{border-color:#f97316}.modal .step .error{background:#ef44441a;border-radius:8px;color:#ef4444;font-size:.9rem;padding:.5rem;text-align:center}.modal .step .modal-actions{display:flex;gap:1rem;margin-top:1rem}.modal .step .modal-actions button{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-weight:600;padding:.85rem;transition:all .2s}.modal .step .modal-actions button:first-child{background:#0000;border:1px solid #334155;color:#94a3b8}.modal .step .modal-actions button:first-child:hover{border-color:#f8fafc;color:#f8fafc}.modal .step .modal-actions button:last-child{background:#ef4444;color:#fff}.modal .step .modal-actions button:last-child:hover{background:#dc2626;box-shadow:0 4px 15px #ef44444d}.modal .step .modal-actions button:last-child:disabled{background:#334155;box-shadow:none;cursor:not-allowed}.modal .step .btn-next{background:#f97316;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:700;margin-top:1rem;padding:1rem;transition:background .2s}.modal .step .btn-next:hover{background:#ea580c}.modal .step .btn-next:disabled{background:#334155;cursor:not-allowed}.loader-container{align-items:center;background:#0a0a0a;color:#ff6a00;display:flex;flex-direction:column;font-family:sans-serif;height:100%;justify-content:center;position:absolute;width:100%}.loader-text{font-size:18px;letter-spacing:2px;margin-top:20px}.ring{display:inline-block;height:150px;position:relative;width:400px}.ring div{animation:ring-spin 1.2s cubic-bezier(.5,0,.5,1) infinite;border:6px solid #0000;border-radius:50%;box-sizing:border-box;display:block;height:64px;margin:8px;position:absolute;width:64px}.ring div:first-child{animation-delay:-.45s;border-color:#ff6a00 #0000 #0000}.ring div:nth-child(2){animation-delay:-.3s;border-color:#d90000 #0000 #0000}.ring div:nth-child(3){animation-delay:-.15s;border-color:#ff0d0d #0000 #0000}.ring div:nth-child(4){border-color:#ff6a00 #0000 #0000}@keyframes ring-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ticket-dashboard{background:#0d0d0d;background-image:radial-gradient(ellipse at top right,#ff6b3514 0,#0000 50%),radial-gradient(ellipse at bottom left,#e639460d 0,#0000 50%),linear-gradient(180deg,#0d0d0d,#0a0a0a);color:#fff;direction:rtl;font-family:Vazirmatn,Tahoma,sans-serif;min-height:100vh;padding:24px}.ticket-dashboard:before{background-image:linear-gradient(#ff6b3508 1px,#0000 0),linear-gradient(90deg,#ff6b3508 1px,#0000 0);background-size:50px 50px;bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.dashboard-header{align-items:center;background:linear-gradient(135deg,#242424,#1a1a1a);border:1px solid #333;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:32px;overflow:hidden;padding:24px 32px;position:relative;z-index:1}.dashboard-header:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#e63946,#ff6b35,#e63946);content:"";height:3px;left:0;position:absolute;right:0;top:0}.dashboard-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ff6b35);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;text-shadow:0 0 30px #ff6b354d}.dashboard-header .header-actions{align-items:center;display:flex;gap:16px}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.5}}.search-box{align-items:center;display:flex;position:relative}.search-box .search-icon{font-size:16px;opacity:.6;position:absolute;right:16px}.search-box input{background:#1a1a1a;border:2px solid #333;border-radius:8px;color:#fff;font-family:inherit;font-size:14px;padding:14px 48px 14px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:280px}.search-box input::placeholder{color:#666}.search-box input:focus{border-color:#ff6b35;box-shadow:0 0 20px #ff6b354d;outline:none}.refresh-btn{align-items:center;background:linear-gradient(135deg,#ff6b35,#ff4602);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:14px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.refresh-btn:hover{transform:translateY(-2px)}.refresh-btn:hover .refresh-icon{transform:rotate(1turn)}.refresh-btn .refresh-icon{font-size:16px;transition:transform .5s ease}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px;position:relative;z-index:1}.stat-card{background:linear-gradient(145deg,#242424,#1a1a1a);border:1px solid #333;border-radius:12px;cursor:pointer;overflow:hidden;padding:24px;position:relative}.stat-card,.stat-card:before{transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:radial-gradient(circle,#ff6b351a 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;width:200%}.stat-card:hover{border-color:#ff6b35;box-shadow:0 4px 20px #0006;transform:translateY(-4px)}.stat-card:hover:before{opacity:1}.stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg)}.stat-card.pending{border-left:4px solid #f39c12}.stat-card.pending:hover{box-shadow:0 4px 20px #f39c1233}.stat-card.in-progress{border-left:4px solid #3498db}.stat-card.in-progress:hover{box-shadow:0 4px 20px #3498db33}.stat-card.resolved{border-left:4px solid #2ecc71}.stat-card.resolved:hover{box-shadow:0 4px 20px #2ecc7133}.stat-card.closed{border-left:4px solid #666}.stat-card.closed:hover{box-shadow:0 4px 20px #6663}.stat-card .stat-value{color:#fff;font-size:36px;font-weight:800;line-height:1;margin-bottom:8px}.stat-card .stat-label{color:#a0a0a0;font-size:14px;margin-bottom:12px}.stat-card .stat-icon{bottom:16px;font-size:32px;left:16px;opacity:.3;position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1)}.filters-bar{background:#242424;border:1px solid #333;border-radius:12px;display:flex;gap:24px;margin-bottom:24px;padding:20px 24px;position:relative;z-index:1}.filters-bar .filter-group{align-items:center;display:flex;gap:12px}.filters-bar .filter-group label{color:#a0a0a0;font-size:14px;white-space:nowrap}.filters-bar .filter-group select{-webkit-appearance:none;appearance:none;background:#1a1a1a;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23ff6b35' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:left 12px center;background-repeat:no-repeat;border:2px solid #333;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;padding:10px 36px 10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.filters-bar .filter-group select:focus{border-color:#ff6b35;outline:none}.filters-bar .filter-group select option{background:#1a1a1a;color:#fff}.tickets-list{grid-gap:16px;display:grid;gap:16px;position:relative;z-index:1}.ticket-card{background:linear-gradient(145deg,#242424,#2c2c2c);border:1px solid #333;border-radius:12px;cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.ticket-card:before{background:linear-gradient(90deg,#ff6b35,#e63946);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.ticket-card:hover{background:#2d2d2d;border-color:#ff6b3580;box-shadow:0 4px 20px #0006;transform:translateX(8px)}.ticket-card:hover:before{transform:scaleX(1)}.ticket-card.pending{border-right:4px solid #f39c12}.ticket-card.in_progress{border-right:4px solid #3498db}.ticket-card.resolved{border-right:4px solid #2ecc71}.ticket-card.closed{border-right:4px solid #666}.ticket-card .ticket-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.ticket-card .ticket-header .ticket-id{color:#666;font-size:13px;font-weight:600}.ticket-card .ticket-header .ticket-status{border-radius:20px;font-size:12px;font-weight:600;padding:6px 14px}.ticket-card .ticket-header .ticket-status.pending{background:#f39c1226;color:#f39c12}.ticket-card .ticket-header .ticket-status.in_progress{background:#3498db26;color:#3498db}.ticket-card .ticket-header .ticket-status.resolved{background:#2ecc7126;color:#2ecc71}.ticket-card .ticket-header .ticket-status.closed{background:#66666626;color:#666}.ticket-card .ticket-subject{color:#fff;font-size:18px;font-weight:700;line-height:1.4;margin-bottom:12px}.ticket-card .ticket-meta{color:#a0a0a0;display:flex;flex-wrap:wrap;font-size:13px;gap:16px;margin-bottom:16px}.ticket-card .ticket-meta span{align-items:center;display:flex;gap:6px}.ticket-card .ticket-meta span:before{color:#ff6b35;content:"•"}.ticket-card .ticket-meta span:first-child:before{display:none}.ticket-card .ticket-meta .ticket-user{color:#ff6b35;font-weight:600}.ticket-card .ticket-preview{border-top:1px solid #333;color:#a0a0a0;font-size:14px;line-height:1.6;padding-top:16px}.ticket-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#242424,#1a1a1a);border-left:1px solid #333;box-shadow:-10px 0 40px #00000080;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transform:translateX(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);width:450px;z-index:1000}.ticket-sidebar.open{animation:slideIn .4s ease;transform:translateX(0)}@keyframes slideIn{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.ticket-sidebar .sidebar-header{align-items:center;background:linear-gradient(135deg,#ff6b351a,#0000);border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.ticket-sidebar .sidebar-header h2{color:#fff;font-size:20px;font-weight:700}.ticket-sidebar .sidebar-header .close-btn{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:50%;color:#a0a0a0;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.ticket-sidebar .sidebar-header .close-btn:hover{background:#e63946;border-color:#e63946;color:#fff}.ticket-sidebar .sidebar-content{padding:24px}.ticket-sidebar .ticket-info{background:#1a1a1a;border:1px solid #333;border-radius:12px;margin-bottom:24px;padding:20px}.ticket-sidebar .ticket-info .info-row{align-items:center;border-bottom:1px solid #33333380;display:flex;justify-content:space-between;padding:12px 0}.ticket-sidebar .ticket-info .info-row:last-child{border-bottom:none}.ticket-sidebar .ticket-info .info-row .info-label{color:#a0a0a0;font-size:13px}.ticket-sidebar .ticket-info .info-row .info-value{color:#fff;font-size:14px;font-weight:600}.ticket-sidebar .ticket-info .info-row .info-value.status{border-radius:12px;font-size:12px;padding:4px 12px}.ticket-sidebar .ticket-info .info-row .info-value.status.pending{background:#f39c1226;color:#f39c12}.ticket-sidebar .ticket-info .info-row .info-value.status.in_progress{background:#3498db26;color:#3498db}.ticket-sidebar .ticket-info .info-row .info-value.status.resolved{background:#2ecc7126;color:#2ecc71}.ticket-sidebar .ticket-info .info-row .info-value.status.closed{background:#66666626;color:#666}.ticket-sidebar .ticket-message{background:#1a1a1a;border:1px solid #333;border-radius:12px;margin-bottom:24px;padding:20px}.ticket-sidebar .ticket-message h3{border-bottom:1px solid #333;color:#ff6b35;font-size:16px;font-weight:700;margin-bottom:16px;padding-bottom:12px}.ticket-sidebar .ticket-message p{color:#a0a0a0;font-size:14px;line-height:1.8;white-space:pre-wrap;word-break:break-word}.ticket-sidebar .ticket-actions{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:20px}.ticket-sidebar .ticket-actions label{color:#fff;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.ticket-sidebar .ticket-actions select{background:#242424;border:2px solid #333;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.ticket-sidebar .ticket-actions select:focus{border-color:#ff6b35;box-shadow:0 0 20px #ff6b354d;outline:none}.ticket-sidebar .ticket-actions select option{background:#1a1a1a;color:#fff}.ticket-sidebar.open+.sidebar-overlay,.ticket-sidebar.open~.sidebar-overlay{display:block}.sidebar-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.sidebar-overlay.show{display:block}@media(max-width:1024px){.ticket-dashboard{padding:16px}.dashboard-header{flex-direction:column;gap:20px;padding:20px}.dashboard-header h1{font-size:24px}.dashboard-header .header-actions{flex-direction:column;width:100%}.search-box input{width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.filters-bar{flex-direction:column}.ticket-sidebar{width:100%}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:20px}.stat-card .stat-value{font-size:28px}.ticket-card{padding:16px}.ticket-card .ticket-subject{font-size:16px}.ticket-card .ticket-meta{flex-direction:column;gap:8px}}@keyframes glow{0%,to{box-shadow:0 0 5px #ff6b354d}50%{box-shadow:0 0 20px #ff6b3599}}::-webkit-scrollbar{height:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#333}::-webkit-scrollbar-thumb:hover{background:#ff6b35}::selection{background:#ff6b354d;color:#fff}.ual-container{background:radial-gradient(ellipse at top,#151515 0,#080808 60%);color:#f0f0f0;direction:rtl;font-family:IRANSans,sans-serif;min-height:100vh;padding:2.5rem}.ual-header{border-bottom:1px solid #ffffff08;justify-content:space-between;margin-bottom:2.5rem;padding-bottom:1.8rem}.ual-header,.ual-title-wrap{align-items:center;display:flex}.ual-title-wrap{gap:1.2rem}.ual-icon-box{background:linear-gradient(135deg,#ff2d2d26,#ff7a0014);border:1px solid #ff2d2d26;border-radius:14px;box-shadow:0 0 30px #ff2d2d26,inset 0 0 20px #ff2d2d0d;color:#ff2d2d;font-size:1.5rem;height:56px;justify-content:center;width:56px}.ual-icon-box,.ual-title-text{align-items:center;display:flex}.ual-title-text{flex-wrap:wrap;gap:1rem}.ual-title-text h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff7a00,#ff2d2d);-webkit-background-clip:text;background-clip:text;font-size:1.7rem;font-weight:700;letter-spacing:-.5px;margin:0}.ual-count{background:#ff2d2d1a;border:1px solid #ff2d2d26;border-radius:25px;color:#ff2d2d;display:inline-block;font-size:.8rem;font-weight:600;margin-top:3rem;padding:.35rem .9rem;position:absolute;white-space:nowrap}.ual-actions{align-items:center;display:flex;gap:1rem}.ual-search{position:relative;width:340px}.ual-search .ual-search-icon{color:#606060;font-size:1.1rem;position:absolute;right:18px;top:50%;transform:translateY(-50%)}.ual-search .ual-search-icon,.ual-search input{transition:all .4s cubic-bezier(.25,.46,.45,.94)}.ual-search input{background:#0f0f0f;border:1px solid #ffffff08;border-radius:14px;color:#f0f0f0;font-size:.95rem;outline:none;padding:.95rem 3.2rem .95rem 1.3rem;width:100%}.ual-search input::placeholder{color:#606060}.ual-search input:focus{border-color:#ff2d2d59;box-shadow:0 0 0 4px #ff2d2d14,0 25px 50px #000000b3}.ual-search input:focus+.ual-search-icon,.ual-search input:focus~.ual-search-icon{color:#ff2d2d}.ual-refresh{align-items:center;background:#0f0f0f;border:1px solid #ffffff08;border-radius:14px;color:#b0b0b0;cursor:pointer;display:flex;height:52px;justify-content:center;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:52px}.ual-refresh:hover:not(:disabled){background:#141414;border-color:#ff7a0040;color:#ff7a00;transform:rotate(180deg)}.ual-refresh:disabled{cursor:not-allowed;opacity:.4}.ual-refresh svg{font-size:1.25rem;transition:transform .6s ease}.ual-refresh .ual-spin{animation:ual-spin-anim 1s linear infinite}@keyframes ual-spin-anim{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ual-loading{align-items:center;display:flex;flex-direction:column;gap:1.8rem;justify-content:center;min-height:450px}.ual-loading .ual-loader{animation:ual-spin-anim 1s linear infinite;border:3px solid #ff2d2d1f;border-radius:50%;border-top-color:#ff2d2d;box-shadow:0 0 40px #ff2d2d40,inset 0 0 20px #ff2d2d1a;height:64px;width:64px}.ual-loading p{color:#b0b0b0;font-size:1rem;letter-spacing:.5px}.ual-empty{align-items:center;background:#0f0f0f;border:1px dashed #ff2d2d26;border-radius:22px;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:450px}.ual-empty .ual-empty-icon{color:#606060;filter:grayscale(1);font-size:4.5rem;opacity:.2}.ual-empty p{color:#b0b0b0;font-size:1.1rem}.ual-table-wrap{background:#0f0f0f;border:1px solid #ffffff08;border-radius:22px;box-shadow:0 25px 50px #000000b3,0 0 50px #ff2d2d1f;overflow-x:auto}.ual-table{border-collapse:collapse;table-layout:auto;width:100%}.ual-table thead{background:linear-gradient(90deg,#ff2d2d0f,#ff7a0008)}.ual-table thead th{border-bottom:1px solid #ffffff08;color:#b0b0b0;font-size:.85rem;font-weight:600;padding:1.1rem .8rem;text-align:right;white-space:nowrap}.ual-table tbody .ual-row{transition:all .4s cubic-bezier(.25,.46,.45,.94)}.ual-table tbody .ual-row:hover{background:rgba(255,45,45,.025)}.ual-table tbody .ual-row td{border-bottom:1px solid #ffffff08;font-size:.85rem;padding:1rem .8rem}.ual-table tbody .ual-row:last-child td{border-bottom:none}.ual-num{color:#606060;font-family:"monospace";font-size:.8rem;text-align:center;width:50px}.ual-user{color:#ff7a00;font-weight:600;white-space:nowrap}.ual-user .ual-cell-icon{color:#606060;font-size:.9rem;margin-left:.4rem}.ual-url{color:#b0b0b0;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ual-url .ual-cell-icon{color:#606060;font-size:.9rem;margin-left:.4rem}.ual-type .ual-badge{background:#ff2d2d1a;border:1px solid #ff2d2d26;border-radius:8px;color:#ff2d2d;display:inline-block;font-size:.75rem;font-weight:600;padding:.3rem .7rem;white-space:nowrap}.ual-ip{color:#b0b0b0;font-family:"monospace";white-space:nowrap}.ual-ip .ual-cell-icon{color:#606060;font-size:.85rem;margin-left:.3rem}.ual-device{white-space:nowrap}.ual-device .ual-device-icon{font-size:1.3rem;margin-left:.4rem}.ual-device .ual-device-icon.ual-mobile{color:#00e676;filter:drop-shadow(0 0 8px rgba(0,230,118,.3))}.ual-device .ual-device-icon.ual-desktop{color:#ffab00;filter:drop-shadow(0 0 8px rgba(255,171,0,.3))}.ual-device .ual-device-detail{display:inline-flex;flex-direction:column;vertical-align:middle}.ual-device .ual-device-detail .ual-device-name{font-size:.85rem;font-weight:500}.ual-device .ual-device-detail .ual-browser-name{color:#606060;font-size:.7rem}.ual-time{color:#b0b0b0;font-size:.82rem;white-space:nowrap}.ual-time .ual-cell-icon{color:#606060;font-size:.85rem;margin-left:.3rem}.ual-pagination{align-items:center;background:#0f0f0f;border:1px solid #ffffff08;border-radius:22px;display:flex;gap:.5rem;justify-content:center;margin-top:2rem;padding:1.2rem}.ual-pagination .ual-page-nums{align-items:center;display:flex;gap:.35rem}.ual-pagination .ual-page-btn{align-items:center;background:#141414;border:1px solid #ffffff08;border-radius:8px;color:#b0b0b0;cursor:pointer;display:flex;font-size:.88rem;font-weight:500;height:44px;justify-content:center;min-width:44px;padding:0 .9rem;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.ual-pagination .ual-page-btn:hover:not(:disabled):not(.ual-active){background:#ff2d2d12;border-color:#ff2d2d40;color:#f0f0f0}.ual-pagination .ual-page-btn.ual-active{background:linear-gradient(135deg,#ff7a00,#ff2d2d);border-color:#0000;box-shadow:0 6px 25px #ff2d2d59;color:#fff;font-weight:600}.ual-pagination .ual-page-btn:disabled{cursor:not-allowed;opacity:.3}.ual-pagination .ual-page-btn.ual-next,.ual-pagination .ual-page-btn.ual-prev{background:#1a1a1a;font-size:.84rem}.ual-pagination .ual-dots{color:#606060;font-size:.9rem;padding:0 .5rem}::-webkit-scrollbar{height:9px;width:9px}::-webkit-scrollbar-track{background:#080808}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff7a00,#ff2d2d);border:2px solid #080808;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff8f29,#ff5656)}@keyframes ual-fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ual-row{animation:ual-fadeIn .45s ease forwards}.ual-row:first-child{animation-delay:.04s}.ual-row:nth-child(2){animation-delay:.08s}.ual-row:nth-child(3){animation-delay:.12s}.ual-row:nth-child(4){animation-delay:.16s}.ual-row:nth-child(5){animation-delay:.2s}.ual-row:nth-child(6){animation-delay:.24s}.ual-row:nth-child(7){animation-delay:.28s}.ual-row:nth-child(8){animation-delay:.32s}.ual-row:nth-child(9){animation-delay:.36s}.ual-row:nth-child(10){animation-delay:.4s}.page-access-control{min-height:calc(100vh - 200px)}.page-access-control .loading-wrapper{align-items:center;color:#a0a0b0;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.page-access-control .loading-wrapper .loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff14;border-radius:50%;border-top-color:#ff6b35;height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.page-access-control .control-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a24cc;background:linear-gradient(135deg,#ff6b3514,#ff47570d);border:1px solid #ff6b3526;border-radius:20px;flex-wrap:wrap;justify-content:space-between;margin-bottom:30px;padding:25px 30px}.page-access-control .control-header,.page-access-control .control-header .header-content{align-items:center;display:flex;gap:20px}.page-access-control .control-header .header-content .header-icon{align-items:center;background:linear-gradient(135deg,#ff6b35,#ff4757);border-radius:16px;box-shadow:0 8px 25px #ff6b3566;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.page-access-control .control-header .header-content .header-text h2{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:5px}.page-access-control .control-header .header-content .header-text p{color:#a0a0b0;font-size:.9rem}.page-access-control .control-header .header-stats{display:flex;gap:30px}.page-access-control .control-header .header-stats .stat-item{text-align:center}.page-access-control .control-header .header-stats .stat-item .stat-value{color:#ff6b35;display:block;font-size:1.8rem;font-weight:700}.page-access-control .control-header .header-stats .stat-item .stat-label{color:#6b6b7b;font-size:.8rem}.page-access-control .control-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:350px 1fr}@media(max-width:1024px){.page-access-control .control-content{grid-template-columns:1fr}}.page-access-control .users-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a24cc;border:1px solid #ffffff14;border-radius:20px;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;max-height:600px;padding:20px}.page-access-control .users-section .section-header{margin-bottom:20px}.page-access-control .users-section .section-header h3{align-items:center;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:10px}.page-access-control .users-section .section-header h3 svg{color:#ff6b35}.page-access-control .users-section .search-box{margin-bottom:20px;position:relative}.page-access-control .users-section .search-box .search-icon{color:#6b6b7b;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.page-access-control .users-section .search-box input{background:#12121a;border:1px solid #ffffff14;border-radius:12px;color:#fff;font-size:.95rem;outline:none;padding:14px 45px 14px 15px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.page-access-control .users-section .search-box input::placeholder{color:#6b6b7b}.page-access-control .users-section .search-box input:focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.page-access-control .users-section .search-box .clear-search{background:none;border:none;color:#6b6b7b;cursor:pointer;left:10px;padding:5px;position:absolute;top:50%;transform:translateY(-50%)}.page-access-control .users-section .search-box .clear-search:hover{color:#ff4757}.page-access-control .users-section .users-list{flex:1 1;overflow-y:auto;padding-right:5px}.page-access-control .users-section .users-list::-webkit-scrollbar{width:6px}.page-access-control .users-section .users-list::-webkit-scrollbar-track{background:#12121a;border-radius:3px}.page-access-control .users-section .users-list::-webkit-scrollbar-thumb{background:#ff6b3526;border-radius:3px}.page-access-control .users-section .users-list::-webkit-scrollbar-thumb:hover{background:#ff6b35}.page-access-control .users-section .users-list .no-users{align-items:center;color:#6b6b7b;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:40px}.page-access-control .users-section .users-list .no-users .no-users-icon{color:#ff4757;font-size:2rem}.page-access-control .users-section .users-list .user-item{align-items:center;border-radius:14px;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:14px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.page-access-control .users-section .users-list .user-item:before{background:linear-gradient(180deg,#ff6b35,#ff4757);border-radius:0 4px 4px 0;content:"";height:0;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);width:4px}.page-access-control .users-section .users-list .user-item:hover{background:#ff6b3514}.page-access-control .users-section .users-list .user-item.selected{background:linear-gradient(135deg,#ff6b3526,#ff47571a)}.page-access-control .users-section .users-list .user-item.selected:before{height:70%}.page-access-control .users-section .users-list .user-item.selected .user-avatar{border-color:#ff6b35;box-shadow:0 0 20px #ff6b354d}.page-access-control .users-section .users-list .user-item .user-avatar{align-items:center;background:linear-gradient(135deg,#e55a2b,#ff4757);border:2px solid #0000;border-radius:14px;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:48px;justify-content:center;overflow:hidden;position:relative;width:48px}.page-access-control .users-section .users-list .user-item .user-avatar .avatar-shine{background:linear-gradient(45deg,#0000 40%,#fff3 50%,#0000 60%);height:100%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:100%}.page-access-control .users-section .users-list .user-item .user-info{flex:1 1}.page-access-control .users-section .users-list .user-item .user-info .user-name{color:#fff;display:block;font-size:.95rem;font-weight:600;margin-bottom:3px}.page-access-control .users-section .users-list .user-item .user-info .user-phone{color:#6b6b7b;display:block;font-size:.8rem}.page-access-control .users-section .users-list .user-item .check-icon{align-items:center;animation:scaleIn .3s ease;background:#2ecc71;border-radius:50%;color:#fff;display:flex;font-size:.9rem;height:28px;justify-content:center;width:28px}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.page-access-control .pages-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a24cc;border:1px solid #ffffff14;border-radius:20px;padding:25px}.page-access-control .pages-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.page-access-control .pages-section .section-header h3{color:#fff;font-size:1.1rem;font-weight:600}.page-access-control .pages-section .section-header .selected-user-badge{align-items:center;background:linear-gradient(135deg,#ff6b3526,#ff47571a);border-radius:25px;color:#ff6b35;display:flex;font-size:.85rem;font-weight:500;gap:8px;padding:8px 16px}.page-access-control .pages-section .section-header .selected-user-badge .badge-dot{animation:pulse 2s infinite;background:#2ecc71;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.page-access-control .pages-section .no-user-selected{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 40px;text-align:center}.page-access-control .pages-section .no-user-selected .no-user-icon{align-items:center;background:#12121a;border:2px dashed #ff6b3526;border-radius:50%;color:#6b6b7b;display:flex;font-size:2.5rem;height:100px;justify-content:center;margin-bottom:20px;width:100px}.page-access-control .pages-section .no-user-selected p{color:#fff;font-size:1.1rem;font-weight:500;margin-bottom:5px}.page-access-control .pages-section .no-user-selected span{color:#6b6b7b;font-size:.9rem}.page-access-control .pages-section .pages-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.page-access-control .pages-section .pages-grid .page-card{background:#12121a;border:1px solid #ffffff14;border-radius:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.page-access-control .pages-section .pages-grid .page-card .card-glow{background:linear-gradient(90deg,#ff6b35,#ff4757);height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.page-access-control .pages-section .pages-grid .page-card:hover{background:#22222e;border-color:#ff6b3526;transform:translateY(-3px)}.page-access-control .pages-section .pages-grid .page-card:hover .card-glow{opacity:1}.page-access-control .pages-section .pages-grid .page-card.disabled{background:#ff47570d;border-color:#ff475733}.page-access-control .pages-section .pages-grid .page-card.disabled .card-glow{background:linear-gradient(90deg,#ff4757,#9b59b6);opacity:1}.page-access-control .pages-section .pages-grid .page-card.disabled .page-icon{background:#ff475726}.page-access-control .pages-section .pages-grid .page-card.loading{opacity:.7;pointer-events:none}.page-access-control .pages-section .pages-grid .page-card .page-icon{align-items:center;background:#ff6b351a;border-radius:14px;display:flex;font-size:1.5rem;height:50px;justify-content:center;margin-bottom:15px;width:50px}.page-access-control .pages-section .pages-grid .page-card .page-info{margin-bottom:15px}.page-access-control .pages-section .pages-grid .page-card .page-info .page-title{color:#fff;display:block;font-size:.95rem;font-weight:600;margin-bottom:4px}.page-access-control .pages-section .pages-grid .page-card .page-info .page-key{color:#6b6b7b;display:block;font-family:monospace;font-size:.75rem}.page-access-control .pages-section .pages-grid .page-card .toggle-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.page-access-control .pages-section .pages-grid .page-card .toggle-btn .spinner{animation:spin 1s linear infinite}.page-access-control .pages-section .pages-grid .page-card .toggle-btn.enable{background:linear-gradient(135deg,#ff4757,#ff1428);color:#fff}.page-access-control .pages-section .pages-grid .page-card .toggle-btn.enable:hover{box-shadow:0 5px 20px #ff475766;transform:translateY(-2px)}.page-access-control .pages-section .pages-grid .page-card .toggle-btn.disable{background:linear-gradient(135deg,#2ecc71,#25a25a);color:#fff}.page-access-control .pages-section .pages-grid .page-card .toggle-btn.disable:hover{box-shadow:0 5px 20px #2ecc7166;transform:translateY(-2px)}.page-access-control .pages-section .pages-grid .page-card .toggle-btn:disabled{cursor:not-allowed;opacity:.7}.page-access-control .disabled-pages-list{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a24cc;border:1px solid #ffffff14;border-radius:20px;margin-top:30px;padding:25px}.page-access-control .disabled-pages-list .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.page-access-control .disabled-pages-list .section-header h3{color:#fff;font-size:1.1rem;font-weight:600}.page-access-control .disabled-pages-list .section-header .count-badge{background:linear-gradient(135deg,#ff4757,#ff1428);border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;padding:5px 15px}.page-access-control .disabled-pages-list .disabled-list{display:flex;flex-direction:column;gap:10px}.page-access-control .disabled-pages-list .disabled-list .disabled-item{align-items:center;background:#12121a;border:1px solid #ff475733;border-radius:14px;display:flex;gap:15px;padding:15px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.page-access-control .disabled-pages-list .disabled-list .disabled-item:hover{background:#ff475714;border-color:#ff4757}.page-access-control .disabled-pages-list .disabled-list .disabled-item .item-icon{align-items:center;background:#ff475726;border-radius:12px;display:flex;font-size:1.3rem;height:44px;justify-content:center;width:44px}.page-access-control .disabled-pages-list .disabled-list .disabled-item .item-info{flex:1 1}.page-access-control .disabled-pages-list .disabled-list .disabled-item .item-info .item-name{color:#fff;display:block;font-size:.95rem;font-weight:600;margin-bottom:3px}.page-access-control .disabled-pages-list .disabled-list .disabled-item .item-info .item-key{color:#6b6b7b;display:block;font-family:monospace;font-size:.75rem}.page-access-control .disabled-pages-list .disabled-list .disabled-item .disabled-date{background:#ffffff0d;border-radius:8px;color:#6b6b7b;font-size:.85rem;padding:6px 12px}.page-access-control .disabled-pages-list .disabled-list .disabled-item .restore-btn{align-items:center;background:linear-gradient(135deg,#2ecc71,#25a25a);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;padding:10px 18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.page-access-control .disabled-pages-list .disabled-list .disabled-item .restore-btn svg{font-size:.9rem}.page-access-control .disabled-pages-list .disabled-list .disabled-item .restore-btn:hover{box-shadow:0 5px 20px #2ecc7166;transform:translateY(-2px)}@media(max-width:768px){.page-access-control .control-header{flex-direction:column;text-align:center}.page-access-control .control-header .header-content{flex-direction:column}.page-access-control .control-header .header-stats{justify-content:center;width:100%}.page-access-control .control-content{grid-template-columns:1fr}.page-access-control .users-section{max-height:400px}.page-access-control .pages-section .pages-grid{grid-template-columns:1fr}.page-access-control .disabled-pages-list .disabled-list .disabled-item{flex-wrap:wrap}.page-access-control .disabled-pages-list .disabled-list .disabled-item .disabled-date{margin-top:10px;order:4;text-align:center;width:100%}.page-access-control .disabled-pages-list .disabled-list .disabled-item .restore-btn{justify-content:center;width:100%}}.account-content{flex:1 1;padding:1rem}.account-content .container{margin:0 auto;max-width:1200px}.account-content h2{font-size:1.3rem;margin-bottom:1.5rem;text-align:center}.info-grid{grid-gap:1rem;gap:1rem;grid-template-columns:1fr}@media(min-width:640px){.info-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.info-grid{grid-template-columns:repeat(3,1fr)}}.info-card{background:#111;border:1px solid #ffffff14;border-radius:14px;box-shadow:0 8px 20px #00000080;color:#fff;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:.25s ease}.info-card:hover{transform:translateY(-2px)}.info-card label{color:#fff9;font-size:.75rem}.info-card span{font-size:.95rem;word-break:break-word}.info-card input{background:#1c1c1c;border:1px solid #ffffff14;border-radius:8px;color:#fff;font-size:.85rem;outline:none;padding:.6rem;transition:.25s ease;width:100%}.info-card input:focus{border-color:#ff4d4d}.info-card .card-row{align-items:center;display:flex;justify-content:space-between}.info-card .card-row svg{cursor:pointer;opacity:.7;transition:.25s ease}.info-card .card-row svg:hover{color:#ff4d4d;opacity:1;transform:scale(1.1)}.info-card .actions{display:flex;gap:10px;margin-top:5px}.info-card .actions svg{cursor:pointer;font-size:1.1rem;transition:.25s ease}.info-card .actions svg:hover{color:#ff4d4d;transform:scale(1.15)}.logs-table-wrapper{margin-top:2rem;overflow-x:auto}.logs-table{border-collapse:collapse;font-size:.85rem;min-width:500px;width:100%}.logs-table td,.logs-table th{border-bottom:1px solid #ffffff14;padding:10px;text-align:center}.logs-table th{background:#ffffff0d;font-weight:600}.logs-table tbody tr{transition:.25s ease}.logs-table tbody tr:hover{background:#ffffff0f}.pagination{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:1.2rem}.pagination button{background:#111;border:1px solid #ffffff14;border-radius:5px;color:#fff;cursor:pointer;font-size:.8rem;height:35px;padding:6px 12px;transition:.25s ease}.pagination button:hover:not(:disabled){border-color:#ff4d4d;color:#ff4d4d}.pagination button.active{background:#090909;border-color:#ff4d4d;box-shadow:0 0 10px #ff4d4d80}.pagination button:disabled{cursor:not-allowed;opacity:.4}@media(max-width:480px){.account-content{padding:.8rem}.info-card{padding:.9rem}.logs-table{font-size:.75rem}}:root{--theme-netlify:#00e1ff;--neon-red:red;--neon-orange:#ff9100;--neon-green:#00c40d;--dark-bg:#0a0b10;--card-bg:#161b22;--text-color:#e6edf3;--scroll-thumb:#30363d}*{margin:0;padding:0}.app{align-items:center;display:flex;flex-direction:column;gap:20px;position:relative;width:100%}.animated-bg{animation:randomMovement 8s infinite alternate-reverse;background-color:#001a1a;background-image:radial-gradient(at 10% 20%,#003d3d 12px,#0000 50%),radial-gradient(at 90% 10%,#08453b 12px,#0000 50%),radial-gradient(at 50% 50%,#032d30 12px,#0000 50%);background-size:100% 100%;filter:blur(0) brightness(1.1) contrast(1.12);height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}@keyframes randomMovement{0%{background-position:0 0;background-size:150% 150%}33%{background-position:50% 100%;background-size:180% 120%}66%{background-position:100% 20%;background-size:130% 170%}to{background-position:20% 50%;background-size:150% 150%}}.container{background-color:#161b22;background-color:var(--card-bg);border:1px solid #00e1ff;border:1px solid var(--theme-netlify);border-radius:20px;box-shadow:0 0 50px #0000004d;filter:brightness(1.1) contrast(1.12);max-width:420px;padding:30px;position:relative;transition:all .3s ease;width:100%}.container:before{background:#00e1ff;background:var(--theme-netlify);content:"";filter:blur(180px);height:400px;opacity:.05;position:absolute;right:5%;top:5%;transition:background .4s ease;width:400px;z-index:-1}h2{color:#00e1ff;color:var(--theme-netlify);font-size:1rem;margin-bottom:10px;text-align:center;text-transform:uppercase;transition:color .4s ease}.tabs{border-bottom:1px solid #30363d;display:flex;flex-direction:row-reverse;gap:10px;margin-bottom:20px;padding-bottom:15px}.version-tabs{border-bottom:none;margin-bottom:8px}.options-row{animation:fadeIn .3s ease;display:flex;flex-direction:row-reverse;gap:10px;margin-bottom:5px}.sub-tab-btn,.tab-btn{background:#ffffff08;border:1px solid #30363d;border-radius:10px;color:#8b949e;cursor:pointer;flex:1 1;font-size:.7rem;font-weight:700;padding:10px;position:relative;text-transform:uppercase;transition:all .3s}.sub-tab-btn:hover,.tab-btn:hover{background:#ffffff0d;color:#e6edf3;color:var(--text-color)}.sub-tab-btn.active,.tab-btn.active{background:#00cfff26;border-color:#00e1ff;border-color:var(--theme-netlify);box-shadow:0 0 10px #00cfff80;color:#00e1ff;color:var(--theme-netlify)}.sub-tab-btn.active-version,.tab-btn.active-version{background:#ffd7001a!important;border-color:gold!important;box-shadow:0 0 10px #ffd7004d;color:gold!important}.info-icon{align-items:center;background:#ffffff0d;border:1px solid #00c40d;border:1px solid var(--neon-green);border-radius:30%;color:#00c40d;color:var(--neon-green);cursor:pointer;display:inline-flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:20px}.info-icon:hover{background:#00c40d;background:var(--neon-green);border-color:#00c40d;border-color:var(--neon-green);box-shadow:0 0 20px #00c40d;box-shadow:0 0 20px var(--neon-green);color:#000}.custom-settings,.default-settings{background:#ff910005;border:1px solid #ff9100;border:1px solid var(--neon-orange);border-radius:12px;margin-bottom:15px;padding:15px}.default-settings{background:#00e1ff05;border-color:#00e1ff;border-color:var(--theme-netlify)}.input-group{margin-bottom:15px}label{color:#00e1ff;color:var(--theme-netlify);display:block;font-size:.7rem;font-weight:700;margin-bottom:8px;text-transform:uppercase;transition:color .4s ease}.section-header,.server-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.action-buttons{display:flex;gap:5px}.action-btn{background:#0000;border-radius:6px;cursor:pointer;font-size:.65rem;font-weight:700;padding:4px 10px;text-transform:uppercase;transition:.3s}.action-btn:active{transform:scale(.92)}.btn-default-action{border:1px solid #ff9100;border:1px solid var(--neon-orange);color:#ff9100;color:var(--neon-orange)}.btn-default-action:hover{background:#ff910026;box-shadow:0 0 8px #ff910066}.btn-clear{border:1px solid red;border:1px solid var(--neon-red);color:red;color:var(--neon-red)}.btn-clear:hover{background:#ff444426;box-shadow:0 0 8px #f446}.btn-paste{border:1px solid #0fc;color:#0fc}.btn-paste:hover{background:#00ffcc26;box-shadow:0 0 8px #0fc6}.input-with-button{align-items:center;display:flex;gap:10px}input[type=text],textarea{background:#0d1117;border:1px solid #30363d;border-radius:10px;box-sizing:border-box;color:#fff;font-family:Consolas,monospace;font-size:.8rem;padding:12px;resize:vertical;transition:all .3s;width:100%}input[type=text]:focus,textarea:focus{border-color:#00e1ff;border-color:var(--theme-netlify);box-shadow:0 0 8px #ffffff0d;outline:none}.check-btn{align-items:center;background:#0000;border:2px solid #00e1ff;border:2px solid var(--theme-netlify);border-radius:10px;color:#00e1ff;color:var(--theme-netlify);cursor:pointer;display:flex;font-size:1.2rem;height:38px;justify-content:center;transition:all .3s;width:38px}.check-btn:hover:not(:disabled){background:#00e1ff1a;box-shadow:0 0 10px #00e1ff;box-shadow:0 0 10px var(--theme-netlify)}.check-btn:disabled{cursor:not-allowed;opacity:.5}.check-btn.spinning{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.server-checkboxes{grid-gap:5px;background:#0d1117;border:2px solid #30363d;border-radius:6px;display:grid;gap:5px;grid-template-columns:repeat(3,1fr);padding:8px}.server-checkboxes label{align-items:center;background:#161b22;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.5rem;gap:4px;padding:5px;text-transform:none;transition:0s}.server-checkboxes label:has(input:checked){background:#00c40d4d;box-shadow:inset 0 0 0 1px #00c40d;box-shadow:inset 0 0 0 1px var(--neon-green)}.server-checkboxes label input{accent-color:#00c40d;accent-color:var(--neon-green);cursor:pointer;height:16px;margin:0;width:16px}.server-checkboxes label img{flex-shrink:0;height:14px;width:14px}.select-all-label{align-items:center;background:#161b22;border:2px solid #30363d;border-radius:9px;color:#fff;cursor:pointer;display:flex;font-size:.6rem;gap:4px;padding:8px 10px;transition:all .3s}.select-all-label input{accent-color:#00c40d;accent-color:var(--neon-green);cursor:pointer;height:14px;margin:0;width:14px}.xhttp-row{align-items:center;display:flex;gap:10px;margin-bottom:15px}.btn-purple{background:#0000;border:2px solid #b100ff;border-radius:12px;color:#b100ff;cursor:pointer;font-weight:700;padding:10px;text-transform:uppercase;transition:all .3s ease;width:100%}.btn-purple:hover{background-color:#b100ff;color:#fff}.info-btn-styled{align-items:center;background:#0000;border:2px solid #b100ff;border-radius:10px;color:#b100ff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:38px;justify-content:center;transition:all .3s;width:38px}.info-btn-styled:hover{background:#b100ff1a;box-shadow:0 0 10px #b100ff}.gen-btn{background:#0000;border:2px solid #00c40d;border:2px solid var(--neon-green);border-radius:12px;color:#00c40d;color:var(--neon-green);cursor:pointer;font-weight:700;margin-top:10px;padding:12px;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.gen-btn:hover{background-color:#00c40d;background-color:var(--neon-green);color:#000}.gen-btn .info-icon{right:15px}.output-container{animation:slideUp .3s ease;margin-top:15px}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.success-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px;margin-top:15px}.success-header .config-count{color:#ff9100;color:var(--neon-orange);font-size:.8rem;font-weight:700}.btn-copy{border:1px solid #00c40d;color:#00c40d;margin-top:0!important}#result-area{border-color:#00c40d;color:#00c40d;min-height:150px}.footer{margin-top:25px}.footer .footer-link{border:2px solid #00e1ff;border:2px solid var(--theme-netlify);border-radius:50px;color:#00e1ff;color:var(--theme-netlify);font-size:.8rem;padding:7px 18px;text-decoration:none;transition:.3s}.footer .footer-link:hover{border-color:#00c40d;border-color:var(--neon-green);color:#00c40d;color:var(--neon-green)}.modal-overlay{align-items:center;animation:fadeInModal .3s forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0b10e6;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}@keyframes fadeInModal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-content{background-color:#161b22;background-color:var(--card-bg);border:2px solid #00e1ff;border:2px solid var(--theme-netlify);border-radius:20px;box-shadow:0 10px 30px #000c,0 0 15px #00cfff1a;direction:rtl;font-size:.85rem;line-height:1.8;margin:10px;max-height:85vh;max-width:400px;overflow-y:auto;padding:25px;position:relative;text-align:right;width:calc(100% - 20px)}.modal-content h3{border-bottom:2px solid #00e1ff;color:#00e1ff;color:var(--theme-netlify);direction:ltr;margin-top:0;padding-bottom:10px;text-align:left}.modal-content .warning-text{color:#ff9100;color:var(--neon-orange);font-weight:700}.modal-content .guide-content{font-size:13px;line-height:1.6;text-align:left}.modal-content .guide-content pre{background:#000;border-radius:8px;color:#b100ff;padding:10px;white-space:pre-wrap}.modal-close{background:#0000;border:none;color:red;color:var(--neon-red);cursor:pointer;font-size:1.5rem;position:absolute;right:15px;top:15px;transition:.3s}.modal-close:hover{text-shadow:0 0 8px red;text-shadow:0 0 8px var(--neon-red)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0b10;background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:#30363d;background:var(--scroll-thumb);border:2px solid #0a0b10;border:2px solid var(--dark-bg);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#00e1ff;background:var(--theme-netlify)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.account-layout{background:#0f0f11;color:#e8e8e8;direction:rtl;display:flex;min-height:100vh}.account-layout .account-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141418;border-left:1px solid #805ad526;box-shadow:-4px 0 15px #0006;display:flex;flex-direction:column;gap:2rem;padding:2.5rem 1.5rem;position:relative;width:300px;z-index:10}.account-layout .account-sidebar .profile-box{text-align:center}.account-layout .account-sidebar .profile-box .avatar{align-items:center;background:linear-gradient(135deg,#6c5ce7,#4a3a9e);border-radius:50%;box-shadow:0 2px 12px #6c5ce733;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;margin:auto;width:80px}.account-layout .account-sidebar .profile-box h3{font-size:1.2rem;margin-top:1rem}.account-layout .account-sidebar .profile-box span{font-size:.85rem;opacity:.6}.account-layout .account-sidebar nav{display:flex;flex-direction:column;gap:.6rem}.account-layout .account-sidebar nav a{align-items:center;border-radius:10px;color:#a0a0b0;cursor:pointer;display:flex;font-size:.95rem;gap:.9rem;padding:.7rem 1rem;transition:all .2s ease}.account-layout .account-sidebar nav a svg{color:#7c6ce6}.account-layout .account-sidebar nav a:hover{background:#6c5ce71f;color:#fff}.account-layout .account-sidebar nav a.active{background:#6c5ce733;border-right:2px solid #7c6ce6;color:#fff}.account-layout .account-sidebar nav a.danger,.account-layout .account-sidebar nav a.danger svg{color:#e67e7e}.account-layout .mobile-topbar,.account-layout .overlay{display:none}@media(max-width:900px){.account-layout{flex-direction:column}.account-layout .account-sidebar{height:100%;position:fixed;right:-320px;top:0;transition:right .4s ease}.account-layout .account-sidebar.open{right:0}.account-layout .overlay{background:#00000073;display:block;inset:0;position:fixed;z-index:5}.account-layout .mobile-topbar{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#141418;box-shadow:0 2px 10px #0000004d;display:flex;justify-content:space-between;padding:1rem 1.5rem}.account-layout .mobile-topbar svg{cursor:pointer;font-size:1.6rem}}.account-sidebar nav a{align-items:center;display:flex;gap:.5rem;position:relative}.account-sidebar nav a .notif-dot-sidebar{background:#7c6ce6;border-radius:50%;height:8px;left:8px;position:absolute;top:50%;transform:translateY(-50%);width:8px}.global-music-bar{align-items:center;background:#141418;border-top:1px solid #805ad526;bottom:0;box-shadow:0 -2px 12px #0000004d;color:#e8e8e8;display:flex;height:72px;justify-content:space-between;left:0;padding:0 20px;position:fixed;right:0;z-index:1000}.global-music-bar .music-info{align-items:center;display:flex;gap:15px;min-width:200px}.global-music-bar .music-info .music-img img{border-radius:6px;height:48px;object-fit:cover;width:48px}.global-music-bar .music-info .music-details h4{font-size:14px;margin:0;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-music-bar .music-info .music-details p{color:#888;font-size:11px;margin:0}.global-music-bar .music-controls-area{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:5px;justify-content:center;margin:0 20px}.global-music-bar .music-controls-area .progress-container{align-items:center;color:#999;display:flex;font-size:12px;gap:10px;width:100%}.global-music-bar .music-controls-area .progress-container .progress-bar-bg{background:#2a2a30;border-radius:2px;cursor:pointer;direction:ltr;flex:1 1;height:4px;position:relative}.global-music-bar .music-controls-area .progress-container .progress-bar-bg:hover{background:#35353d}.global-music-bar .music-controls-area .progress-container .progress-bar-bg .progress-bar-fill{background:#7c6ce6;border-radius:2px;height:100%;pointer-events:none}.global-music-bar .music-controls-area .buttons-row{align-items:center;display:flex;gap:20px}.global-music-bar .music-controls-area .buttons-row button{align-items:center;background:none;border:none;color:#e8e8e8;cursor:pointer;display:flex;font-size:18px;justify-content:center;transition:.2s}.global-music-bar .music-controls-area .buttons-row button:hover{color:#9b8df5}.global-music-bar .music-controls-area .buttons-row .close-btn:hover{color:#e67e7e}.account-content{padding-bottom:85px}.sidebar-group{margin-bottom:.4rem}.sidebar-group .sidebar-group-header{align-items:center;border-radius:10px;color:#a0a0b0;cursor:pointer;display:flex;font-size:.95rem;gap:.9rem;padding:.7rem 1rem;position:relative;transition:all .2s ease}.sidebar-group .sidebar-group-header svg{color:#7c6ce6;transition:transform .2s ease}.sidebar-group .sidebar-group-header .chevron{align-items:center;color:#666;display:flex;font-size:13px;margin-right:auto;transition:transform .2s ease}.sidebar-group .sidebar-group-header:hover{background:#6c5ce71a;color:#fff}.sidebar-group .sidebar-group-header.expanded{background:#6c5ce71f;color:#fff}.sidebar-group .sidebar-group-header.expanded .chevron{color:#7c6ce6;transform:rotate(180deg)}.sidebar-group .sidebar-group-children{display:flex;flex-direction:column;gap:.2rem;margin-top:.3rem;padding-right:.5rem}.sidebar-group .sidebar-group-children a{align-items:center;border-radius:8px;color:#909098;cursor:pointer;display:flex;font-size:.9rem;gap:.9rem;margin-right:.5rem;padding:.6rem 1.2rem .6rem 1rem;position:relative;transition:all .2s ease}.sidebar-group .sidebar-group-children a:before{background:#7c6ce6;border-radius:1px;content:"";height:2px;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .2s ease;width:2px}.sidebar-group .sidebar-group-children a svg{color:#6a5acd;font-size:15px}.sidebar-group .sidebar-group-children a:hover{background:#6c5ce714;color:#fff}.sidebar-group .sidebar-group-children a:hover:before{background:#9b8df5;height:8px;width:2px}.sidebar-group .sidebar-group-children a:hover svg{color:#9b8df5}.sidebar-group .sidebar-group-children a.active{background:#6c5ce71f;color:#fff}.sidebar-group .sidebar-group-children a.active:before{background:#7c6ce6;height:16px;width:2px}.sidebar-group .sidebar-group-children a.active svg{color:#9b8df5}.account-sidebar nav .notif-dot-sidebar{background:#7c6ce6;border-radius:50%;height:8px;left:8px;position:absolute;top:50%;transform:translateY(-50%);width:8px}.send-notification-wrapper{background:radial-gradient(circle at top right,#2a0a0a,#000),radial-gradient(circle at bottom left,#1a0500,#000);background-color:#050505;border-radius:1rem;color:#fff;height:100%;margin-top:2rem;overflow:hidden;position:relative;width:100%}.send-notification-wrapper:before{animation:rotateBg 20s linear infinite;background:radial-gradient(circle,#ff45000d 0,#0000 60%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:0}@keyframes rotateBg{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.send-notification-wrapper .full-screen-layout{box-sizing:border-box;display:flex;flex-direction:column;gap:30px;height:100%;padding:40px;position:relative;width:100%;z-index:1}.send-notification-wrapper .layout-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14141466;border:1px solid #ff450026;border-radius:20px;display:flex;flex-shrink:0;padding:20px 30px}.send-notification-wrapper .layout-header .header-content{align-items:center;display:flex;gap:20px}.send-notification-wrapper .layout-header .header-content .header-icon{align-items:center;background:linear-gradient(135deg,#ff4500,red);border-radius:16px;box-shadow:0 8px 20px #ff45004d;color:#fff;display:flex;height:60px;justify-content:center;width:60px}.send-notification-wrapper .layout-header .header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#fcc);-webkit-background-clip:text;font-size:1.8rem;font-weight:800;margin:0}.send-notification-wrapper .layout-header .header-content p{color:#aaa;font-size:.95rem;margin:5px 0 0}.send-notification-wrapper .layout-form{display:flex;flex-direction:column;flex-grow:1;gap:20px;min-height:0}.send-notification-wrapper .layout-form .form-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr;height:100%;overflow-y:auto;padding-right:10px}.send-notification-wrapper .layout-form .form-grid::-webkit-scrollbar{width:8px}.send-notification-wrapper .layout-form .form-grid::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}.send-notification-wrapper .layout-form .form-grid::-webkit-scrollbar-thumb{background:#ff45004d;border-radius:4px}.send-notification-wrapper .layout-form .form-grid::-webkit-scrollbar-thumb:hover{background:#ff450099}.send-notification-wrapper .layout-form .form-grid .grid-item{display:flex;flex-direction:column;gap:10px}.send-notification-wrapper .layout-form .form-grid .grid-item.full-width{grid-column:span 2}.send-notification-wrapper .layout-form .form-grid .grid-item.half-width{grid-column:span 1}.send-notification-wrapper .layout-form .form-grid .grid-item.flex-grow{height:100%;min-height:200px}.send-notification-wrapper .layout-form .form-grid .grid-item label{color:#e0e0e0;font-size:.95rem;font-weight:600;margin-right:5px;text-shadow:0 2px 4px #00000080}.send-notification-wrapper .layout-form .form-grid .grid-item .glass-input,.send-notification-wrapper .layout-form .form-grid .grid-item .glass-select,.send-notification-wrapper .layout-form .form-grid .grid-item .glass-textarea{background:#0006;border:1px solid #ffffff1a;border-radius:16px;box-sizing:border-box;color:#fff;font-size:1rem;height:100%;outline:none;padding:16px 20px;transition:all .3s ease;width:100%}.send-notification-wrapper .layout-form .form-grid .grid-item .glass-input::placeholder,.send-notification-wrapper .layout-form .form-grid .grid-item .glass-select::placeholder,.send-notification-wrapper .layout-form .form-grid .grid-item .glass-textarea::placeholder{color:#ffffff4d}.send-notification-wrapper .layout-form .form-grid .grid-item .glass-input:focus,.send-notification-wrapper .layout-form .form-grid .grid-item .glass-select:focus,.send-notification-wrapper .layout-form .form-grid .grid-item .glass-textarea:focus{background:#0009;border-color:#ff4500;box-shadow:0 0 20px #ff450040}.send-notification-wrapper .layout-form .form-grid .grid-item .glass-textarea{resize:none}.send-notification-wrapper .layout-form .form-grid .grid-item .select-wrapper{height:100%;position:relative}.send-notification-wrapper .layout-form .form-grid .grid-item .select-wrapper .glass-select{-webkit-appearance:none;appearance:none;cursor:pointer;height:56px}.send-notification-wrapper .layout-form .form-grid .grid-item .select-wrapper .select-arrow{color:#ff4500;font-size:.9rem;left:20px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.send-notification-wrapper .layout-form .form-grid .grid-item .date-row{display:flex;gap:15px;height:100%}.send-notification-wrapper .layout-form .form-grid .grid-item .date-row .glass-input{flex:1 1}.send-notification-wrapper .layout-form .form-grid .grid-item .date-row .icon-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;color:#ff4500;cursor:pointer;display:flex;flex-shrink:0;font-family:Vazirmatn,sans-serif;height:65px;justify-content:center;transition:all .3s ease;width:66px}.send-notification-wrapper .layout-form .form-grid .grid-item .date-row .icon-btn:hover{background:#ff450026;border-color:#ff4500;transform:scale(1.05)}.send-notification-wrapper .layout-form .layout-footer{border-top:1px solid #ffffff0d;display:flex;flex-shrink:0;justify-content:right;margin-right:.5rem;padding-top:10px}.send-notification-wrapper .layout-form .layout-footer .submit-btn{align-items:center;background:linear-gradient(90deg,red,#ff4500);border:none;border-radius:16px;box-shadow:0 10px 30px #ff45004d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:12px;justify-content:right;overflow:hidden;padding:18px 50px;position:relative;transition:all .3s ease}.send-notification-wrapper .layout-form .layout-footer .submit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.send-notification-wrapper .layout-form .layout-footer .submit-btn:hover{box-shadow:0 15px 40px #ff450080;transform:translateY(-3px)}.send-notification-wrapper .layout-form .layout-footer .submit-btn:hover:before{left:100%}.send-notification-wrapper .layout-form .layout-footer .submit-btn:active{transform:translateY(-1px)}.send-notification-wrapper .layout-form .layout-footer .submit-btn:disabled{background:#333;box-shadow:none;color:#777;cursor:not-allowed;transform:none}.notify-panel{background:#0f172a;border-radius:14px;color:#e5e7eb;padding:20px}.notify-title{margin-bottom:16px}.notify-table{border-collapse:collapse;width:100%}.notify-table th{background:#020617;color:#94a3b8;font-size:13px;padding:10px}.notify-table td{border-bottom:1px solid #1e293b;font-size:14px;padding:10px;text-align:center}.notify-row{cursor:pointer;transition:.2s}.notify-row:hover{background:#ffffff08}.notify-unread{font-weight:600}.notify-status{border-radius:20px;font-size:12px;padding:3px 8px}.notify-unread{background:#3b82f626;color:#3b82f6}.notify-read{background:#94a3b826;color:#94a3b8}.notify-badge{border-radius:14px;font-size:12px;padding:3px 10px}.notify-info{color:#38bdf8}.notify-success{color:#22c55e}.notify-warning{color:#eab308}.notify-error{color:#ef4444}.notify-pagination{display:flex;gap:6px;justify-content:center;margin-top:16px}.notify-pagination button{background:#020617;border:1px solid #1e293b;border-radius:8px;color:#e5e7eb;padding:6px 12px}.notify-page.active{background:#2563eb}.notify-modal-backdrop{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.notify-modal{background:#020617;border-radius:14px;max-width:90%;padding:16px;width:500px}.notify-modal-header{align-items:center;display:flex;justify-content:space-between}.notify-modal-header button{background:none;color:#94a3b8;font-size:22px}.notify-modal-body{line-height:1.8;margin-top:10px}.notify-modal-summary{color:#38bdf8;margin-bottom:8px}.notify-delete,.notify-delete-modal{background:#e53935;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:5px 10px}.notify-delete:hover{background:#c62828}.notify-modal-lg{max-width:95%;width:640px}.notify-modal-title{font-size:16px;margin-bottom:4px}.notify-close{background:none;color:#94a3b8;cursor:pointer;font-size:22px}.notify-box{background:#020617;border:1px solid #1e293b;border-radius:10px;margin-bottom:12px;padding:12px}.notify-box strong{color:#94a3b8;display:block;font-size:13px;margin-bottom:6px}.notify-summary-box p{color:#38bdf8;line-height:1.7}.notify-message-box .notify-message-scroll{color:#e5e7eb;line-height:1.9;max-height:220px;overflow-y:auto;padding-right:6px}.notify-message-scroll::-webkit-scrollbar{width:6px}.notify-message-scroll::-webkit-scrollbar-thumb{background:#1e293b;border-radius:6px}.notify-modal-footer{align-items:center;border-top:1px solid #1e293b;display:flex;justify-content:space-between;margin-top:10px;padding-top:10px}.notify-date{color:#94a3b8;font-size:12px}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-track{background:#0f0f0f}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#e84011,#ff2418);border:2px solid #0f0f0f;border-radius:12px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff6f47,#ff2418)}.user-details{background:radial-gradient(circle at top,#111 0,#0b0b0b 60%);color:#eaeaea;direction:rtl;font-family:IRANSans,sans-serif;min-height:100vh;padding:3rem}.user-card{background:linear-gradient(180deg,#3c0f0ff2,#190505f2);border-radius:26px;box-shadow:0 30px 80px #000000d9,inset 0 0 0 1px #ffffff0a;flex-direction:column;gap:1.4rem;margin-bottom:3.5rem;padding:2.8rem}.status-circle,.user-card{align-items:center;display:flex;position:relative}.status-circle{border-radius:50%;height:180px;justify-content:center;width:180px}.status-circle:after{border-radius:50%;box-shadow:inset 0 0 25px #000000b3;content:"";inset:8px;position:absolute}.status-circle.active{background:radial-gradient(circle at top,#ff8a2b,#ff3d3d);box-shadow:0 0 45px #ff7846bf,0 0 90px #ff3c3c40}.status-circle.inactive{background:linear-gradient(180deg,#555,#333);box-shadow:inset 0 0 40px #000000e6}.status-circle .initials{color:#fff;font-size:3.4rem;font-weight:800;letter-spacing:3px;text-shadow:0 2px 12px #0009;z-index:1}.status-circle .dot{border-radius:50%;bottom:14px;height:16px;position:absolute;right:14px;width:16px;z-index:2}.status-circle.active .dot{background:#30ff8a;box-shadow:0 0 14px #30ff8ae6}.status-circle.inactive .dot{background:#ff4242;box-shadow:0 0 14px #ff4242e6}.user-main-info{text-align:center}.user-main-info h2{font-size:1.7rem;font-weight:700;margin-bottom:.35rem}.user-main-info .phone{font-size:.95rem;margin-bottom:.8rem;opacity:.7}.status-switch{align-items:center;display:flex;gap:1rem}.status-switch span{font-size:.9rem;font-weight:600}.status-switch .on{color:#30ff8a}.status-switch .off{color:#ff4242}.switch{height:28px;position:relative;width:56px}.switch input{display:none}.switch .slider{background:#2a2a2a;border-radius:50px;box-shadow:inset 0 0 8px #000c;cursor:pointer;inset:0;position:absolute;transition:.35s}.switch .slider:before{background:linear-gradient(180deg,#fff,#ddd);border-radius:50%;box-shadow:0 4px 10px #0009;content:"";height:22px;left:3px;position:absolute;top:3px;transition:.35s;width:22px}.switch input:checked+.slider{background:linear-gradient(180deg,#ff8a2b,#ff3d3d)}.switch input:checked+.slider:before{transform:translateX(28px)}.btn-change-password{background:linear-gradient(180deg,#ff8a2b,#ff3d3d);border:none;border-radius:16px;color:#fff;cursor:pointer;font-weight:600;margin-top:1.4rem;padding:.65rem 1.9rem;transition:.3s}.btn-change-password:hover{box-shadow:0 12px 30px #ff5a3c99;transform:translateY(-2px)}.info-grid{grid-gap:1.6rem;display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:3.5rem}.info-box{background:#000000a6;border:1px solid #ffffff0a;border-radius:18px;padding:1.4rem}.info-box span{font-size:.8rem;opacity:.55}.info-box strong{display:block;font-size:1.1rem;margin-top:.45rem}.section{margin-bottom:3.5rem}.section h3{color:#ff7a65;font-size:1.1rem;margin-bottom:1.2rem;text-shadow:0 0 12px #ff786466}.data-table{background:#000000bf;border-collapse:collapse;border-radius:18px;overflow:hidden;width:100%}.data-table td,.data-table th{font-size:.88rem;padding:.9rem;text-align:center}.data-table thead{background:#ff78642e}.data-table tbody tr{border-top:1px solid #ffffff0d}.data-table tbody tr:hover{background:#ff786414}.sms-list{grid-gap:1.2rem;display:grid;gap:1.2rem}.sms-item{background:#000000bf;border-radius:18px;border-right:4px solid #ff6a5f;padding:1.1rem 1.3rem}.sms-item.used{border-right-color:#777;opacity:.55}.sms-item .sms-top{display:flex;justify-content:space-between;margin-bottom:.5rem}.sms-item .sms-top .sms-type{color:#ff7a65;font-weight:600}.sms-item .sms-top .sms-date{font-size:.8rem;opacity:.55}.sms-item .sms-bottom{font-size:.75rem;opacity:.6}.user-action-bar{display:flex;gap:1rem;margin-top:1.6rem}.user-action-bar .action-btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.6rem;padding:.7rem 1.6rem;transition:.35s}.user-action-bar .password{background:linear-gradient(180deg,#ff8a2b,#ff3d3d);color:#fff}.user-action-bar .password:hover{box-shadow:0 12px 35px #ff5a3c99;transform:translateY(-2px)}.user-action-bar .delete{background:#ff424226;border:1px solid #ff424266;color:#ff5b5b}.user-action-bar .delete:hover{background:#ff42424d;box-shadow:0 10px 30px #ff424266}.modal{animation:modalEnter .45s cubic-bezier(.22,1,.36,1) forwards;background:linear-gradient(180deg,#1a1a1a,#0f0f0f);border-radius:22px;box-shadow:0 40px 100px #000000e6;padding:2.2rem;position:relative;width:420px}.modal h3{color:#ff7a65;margin-bottom:.8rem}.modal p{font-size:.9rem;line-height:1.8;opacity:.75}.modal input{background:#111;border:1px solid #ffffff14;border-radius:12px;color:#fff;margin-top:1rem;outline:none;padding:.8rem;width:100%}.modal.danger h3{color:#ff4242}.modal .close{background:none;border:none;color:#aaa;cursor:pointer;font-size:1.2rem;left:16px;position:absolute;top:16px;transition:.2s}.modal .close:hover{color:#fff;transform:rotate(90deg)}.modal-actions{display:flex;gap:.8rem;justify-content:center;margin-top:1.8rem}.modal-actions button{background:#2a2a2a;border:none;border-radius:12px;color:#eee;cursor:pointer;font-weight:600;padding:.6rem 1.4rem;transition:.25s}.modal-actions button:hover{transform:translateY(-2px)}.modal-actions .confirm{background:linear-gradient(180deg,#ff8a2b,#ff3d3d);color:#fff}.modal-actions .danger{background:linear-gradient(180deg,#ff4242,#c62828);color:#fff}@keyframes modalEnter{0%{filter:blur(6px);opacity:0;transform:translateY(40px) scale(.85)}to{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.user-status-toggle{align-items:center;display:flex;gap:12px}.user-status-toggle .label{font-size:.85rem;opacity:.75}.user-status-toggle .label.on{color:#ff9f2b}.user-status-toggle .label.off{color:#aaa}.toggle-switch{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border-radius:50px;box-shadow:inset 0 0 6px #0009,0 0 8px #0006;cursor:pointer;height:28px;position:relative;transition:background .35s ease,box-shadow .35s ease;width:52px}.toggle-switch .toggle-knob{background:linear-gradient(180deg,#fff,#ddd);border-radius:50%;height:22px;left:4px;position:absolute;top:3px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease;width:22px}.toggle-switch.active{background:linear-gradient(180deg,#ffaa46e6,#ff7800f2);box-shadow:0 0 16px #ff8c00d9,inset 0 0 8px #ffffff40}.toggle-switch.active .toggle-knob{box-shadow:0 0 10px #ff8c00e6,inset 0 0 4px #fff9;transform:translateX(24px)}*{box-sizing:border-box}.fp-styled-container{background:linear-gradient(135deg,#f9f9f9,#fff);min-height:100vh;overflow:hidden;padding:2rem;position:relative}.fp-styled-container,.fp-styled-container .fp-styled-box{align-items:center;display:flex;justify-content:center;width:100%}.fp-styled-container .fp-styled-box{background-color:#fff;border-radius:1.8rem;box-shadow:0 15px 40px #00000026;flex-direction:column;gap:1.5rem;max-width:458px;padding:2.8rem 2rem;transform:translateY(0);transition:transform .3s ease}.fp-styled-container .fp-styled-box:hover{box-shadow:0 22px 45px #0000002e;transform:translateY(-6px)}.fp-styled-container .fp-styled-box .fp-styled-title{color:#b70a0a;font-family:Vazir,sans-serif;font-size:2rem;margin-bottom:.5rem;text-align:center}.fp-styled-container .fp-styled-box .fp-styled-inputs{align-items:center;display:flex;flex-direction:column;gap:1.2rem;width:100%}.fp-styled-container .fp-styled-box .fp-styled-inputs button,.fp-styled-container .fp-styled-box .fp-styled-inputs input{border-radius:1rem;font-size:1rem;height:3.2rem;transition:all .3s ease;width:100%}.fp-styled-container .fp-styled-box .fp-styled-inputs input{background-color:#fafafa;border:1px solid #ccc;padding:0 1rem;text-align:center}.fp-styled-container .fp-styled-box .fp-styled-inputs input:focus{background-color:#fff;border-color:#b70a0a;box-shadow:0 0 0 6px #ff5c5c59;outline:none}.fp-styled-container .fp-styled-box .fp-styled-inputs button{background-color:#a01818;border:none;box-shadow:0 5px 15px #0000001a;color:#fff;cursor:pointer;font-weight:700}.fp-styled-container .fp-styled-box .fp-styled-inputs button:hover:not(:disabled){background-color:#3b0909;box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.fp-styled-container .fp-styled-box .fp-styled-inputs button:disabled{cursor:not-allowed;opacity:.7}.fp-styled-container .fp-styled-box .phone-display{align-items:center;color:#000;display:flex;flex-wrap:wrap;font-size:.95rem;gap:.4rem;justify-content:center}.fp-styled-container .fp-styled-box .phone-display b{font-size:.9rem}.fp-styled-container .fp-styled-box .change-phone-btn{background:none;border:none;color:#b70a0a;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s}.fp-styled-container .fp-styled-box .change-phone-btn:hover{color:#3b0909;text-decoration:underline}.fp-styled-container .fp-styled-box .fp-styled-back{background-color:#b70a0a;border:none;border-radius:1rem;box-shadow:0 5px 15px #0000001a;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;height:3.2rem;transition:all .3s ease;width:100%}.fp-styled-container .fp-styled-box .fp-styled-back:hover{background-color:#3b0909;box-shadow:0 8px 20px #00000026;transform:translateY(-3px)}.otp-timer-top{background:#fb0f0f26;border-radius:1rem;box-shadow:0 4px 10px #0000001a;color:#b70a0a;font-size:1.1rem;font-weight:700;padding:.5rem 1rem;position:absolute;right:25px;text-align:center;top:25px;transition:all .3s ease}.otp-timer-top:hover{box-shadow:0 6px 14px #00000026;transform:scale(1.05)}.fp-styled-inputs-1{align-items:center;display:flex;flex-direction:column;gap:1.2rem;width:100%}.fp-styled-inputs-1 button,.fp-styled-inputs-1 input{border-radius:1rem;font-size:1rem;height:3.2rem;transition:all .3s ease;width:120%}.fp-styled-inputs-1 input{background-color:#fafafa;border:1px solid #ccc;padding:0 1rem;text-align:center}.fp-styled-inputs-1 input:focus{background-color:#fff;border-color:#b70a0a;box-shadow:0 0 0 6px #ff5c5c59;outline:none}.fp-styled-inputs-1 button{background-color:#a01818;border:none;box-shadow:0 5px 15px #0000001a;color:#fff;cursor:pointer;font-weight:700}.fp-styled-inputs-1 button:hover:not(:disabled){background-color:#3b0909;box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.fp-styled-inputs-1 button:disabled{cursor:not-allowed;opacity:.7}@media(max-width:480px){.fp-styled-box{max-width:420px}.fp-styled-box .fp-styled-back{font-size:.9rem;height:2.9rem}}@media(min-width:1025px){.fp-styled-box{max-width:540px}.fp-styled-box .fp-styled-back{font-size:1rem;height:3.5rem}}.not-found-container{align-items:center;background:radial-gradient(circle at center,#1a1a2e 0,#16213e 50%,#0f3460 100%);color:#fff;direction:rtl;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;justify-content:center;overflow:hidden;position:relative;text-align:right;width:100vw}.not-found-container .stars-bg{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.not-found-container .stars-bg .star{animation:twinkle var(--duration) ease-in-out infinite;background:#fff;border-radius:50%;opacity:0;position:absolute}.not-found-container .content-wrapper{align-items:center;display:flex;flex-direction:row;gap:4rem;justify-content:space-between;max-width:1200px;position:relative;width:90%;z-index:10}.not-found-container .text-section{align-items:flex-start;animation:slideInRight 1s ease-out;display:flex;flex:1 1;flex-direction:column}.not-found-container .error-code{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e100ff,#7f00ff);-webkit-background-clip:text;font-size:8rem;font-weight:900;letter-spacing:-5px;line-height:1;margin:0;text-shadow:0 10px 30px #7f00ff4d}.not-found-container .error-title{color:#fff;font-size:3rem;font-weight:700;margin:1rem 0}.not-found-container .error-description{color:#b0b0d0;font-family:inputfont;font-size:1.2rem;line-height:1.8;margin-bottom:2.5rem;max-width:500px}.not-found-container .buttons-group{display:flex;gap:1rem}.not-found-container .primary-btn,.not-found-container .secondary-btn{border-radius:12px;cursor:pointer;font-family:inherit;font-size:1.1rem;font-weight:600;padding:14px 32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.not-found-container .primary-btn{background:linear-gradient(90deg,#7f00ff,#e100ff);border:none;box-shadow:0 4px 15px #e100ff66;color:#fff}.not-found-container .primary-btn:hover{box-shadow:0 8px 25px #e100ff99;transform:translateY(-3px)}.not-found-container .secondary-btn{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000;border:2px solid #fff3;color:#fff}.not-found-container .secondary-btn:hover{background:#ffffff1a;border-color:#ffffff80}.not-found-container .image-section{align-items:center;animation:slideInLeft 1s ease-out;display:flex;flex:1 1;justify-content:center}.not-found-container .image-section .space-illustration{filter:drop-shadow(0 20px 40px rgba(0,0,0,.5));height:auto;max-width:600px;width:100%}@keyframes twinkle{0%{opacity:0;transform:scale(.5)}50%{opacity:.8;transform:scale(1.2)}to{opacity:0;transform:scale(.5)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@media(max-width:900px){.not-found-container .content-wrapper{flex-direction:column-reverse;gap:2rem;text-align:center}.text-section{align-items:center}.error-code{font-size:5rem}.error-title{font-size:2rem}}
/*# sourceMappingURL=main.84b9b690.css.map*/