.error-page{background:linear-gradient(90deg,#0a2a3a,#0d3b4f,#1a4d6b,#0d3b4f) 0 0/400% 400%;justify-content:center;align-items:center;min-height:100vh;padding:24px;animation:12s ease-in-out infinite waterMove;display:flex;position:relative}@keyframes waterMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.error-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-top:4px solid #29c5f4;border-radius:24px;width:100%;max-width:560px;transition:transform .2s;overflow:hidden;box-shadow:0 25px 50px -12px #0000004d}.error-card:hover{transform:translateY(-4px)}.error-header{text-align:center;background:linear-gradient(135deg,#0b2b40 0%,#144d73 100%);padding:48px 32px}.error-code{color:#fffffff2;text-shadow:0 2px 4px #0003;letter-spacing:-.02em;font-size:5rem;font-weight:800;line-height:1}.error-title{color:#ffffffd9;margin-top:12px;font-size:1.25rem;font-weight:500}.error-body{padding:32px}.error-explanation{background:#0590d014;border-right:3px solid #29c5f4;border-radius:16px;margin-bottom:28px;padding:20px}.error-explanation h3{color:#0b2b40;align-items:center;gap:8px;margin-bottom:16px;font-size:1rem;font-weight:700;display:flex}.error-explanation p{color:#2c4a5e;margin-bottom:12px;font-size:.875rem;line-height:1.6}.error-explanation ul{margin:0;padding-right:20px}.error-explanation li{color:#4a6b80;margin-bottom:6px;font-size:.8rem;line-height:1.5}.error-explanation code{color:#0590d0;background:#0000000d;border-radius:6px;padding:2px 6px;font-family:Courier New,monospace;font-size:.75rem;font-weight:600}.services-title{color:#0b2b40;text-align:center;margin-bottom:16px;font-size:.875rem;font-weight:700}.services-list{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px;display:grid}.service-item{color:#0b2b40;background:#0590d00f;border:1px solid #0590d026;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.service-item:hover{color:#fff;background:#29c5f4;border-color:#29c5f4;transform:translateY(-2px)}.service-item svg{stroke-width:1.75px}.home-link{color:#fff;background:#0590d0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:18px;padding:12px 20px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.home-link:hover{background:#39c7f3;transform:translateY(-1px);color:#fff!important}.report-link{color:#0b2b40;background:#0590d01a;border:1px solid #0590d033;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.report-link:hover{color:#fff;background:#29c5f4;border-color:#29c5f4;transform:translateY(-1px)}@media (width<=640px){.error-page{padding:16px}.error-header{padding:32px 24px}.error-code{font-size:3.5rem}.error-title{font-size:1rem}.error-body{padding:24px}.services-list{grid-template-columns:1fr}.home-link,.report-link{padding:10px 16px}}@media (prefers-reduced-motion:reduce){.error-page{animation:none}.error-card,.service-item,.home-link,.report-link{transition:none}.error-card:hover{transform:none}}.login-page{background:linear-gradient(80deg,#fff,#26c6da,#4dd0e1,#00acc1) 0 0/400% 400%;justify-content:center;align-items:center;min-height:100vh;padding:20px;animation:12s ease-in-out infinite waterMove;display:flex;position:relative}.auth-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:6px solid var(--brand2);background:#fffffff2;border-radius:18px;width:100%;max-width:500px;animation:.4s fadeIn;position:relative;overflow:hidden;box-shadow:0 15px 40px #00000026}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tabs{border-bottom:1px solid var(--line);background:#f2f9ffcc;display:flex}.tab{text-align:center;color:var(--muted);cursor:pointer;background:0 0;border:none;flex:1;padding:16px 12px;font-family:inherit;font-size:1em;font-weight:600;transition:all .25s}.tab:hover{background:#ffffff80}.tab.active{color:var(--brand2);border-bottom:3px solid var(--brand2);background:#ffffffe6}.form-container{padding:30px 28px}.form-row{gap:15px;margin-bottom:18px;display:flex}.form-row .form-group{flex:1;margin-bottom:0}.form-group{margin-bottom:18px}.form-group label{color:var(--text);margin-bottom:6px;font-size:.9em;font-weight:600;display:block}.form-group input{border:2px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:8px;padding:11px 14px;font-family:inherit;font-size:.95em;transition:all .2s}.form-group input:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #29c5f440}.form-group input::placeholder{color:var(--muted);opacity:.6}.btn-primary{width:100%;color:var(--text);cursor:pointer;border:none;border-radius:8px;margin-top:8px;padding:12px;font-family:inherit;font-size:1em;font-weight:600;transition:all .2s;background:var(--brand3)!important}.btn-primary:hover:not(:disabled){background:var(--brand4);transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.vault-info{border:1px solid var(--line);background:#fff6e280;border-radius:8px;margin-top:15px;padding:14px;font-size:.85em;line-height:1.6}.vault-info strong{color:var(--brand2);margin-bottom:8px;font-size:.9em;display:inline-block}.vault-info ul{margin:0;padding-right:20px}.vault-info li{color:#6b5200;margin-bottom:4px}.message-box{border-radius:8px;margin-bottom:15px;padding:12px;font-size:.9em;line-height:1.6;animation:.3s slideDown}.message-box.msg-error{transition:all .2s}.message-box.msg-error:hover{background:#e74c3c26;transform:translateY(-1px);box-shadow:0 2px 8px #e74c3c26}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.msg-error{border:1px solid var(--error);color:var(--error);background:#e74c3c1a}.msg-success{border:1px solid var(--success);color:var(--success);background:#27ae601a}.msg-info{border:1px solid var(--brand2);color:var(--brand2);background:#0590d01a}@media (width<=520px){.login-page{padding:16px}.auth-container{border-radius:14px;max-width:100%}.form-container{padding:25px 20px}.form-row{flex-direction:column;gap:0}.form-row .form-group{margin-bottom:18px}.tab{padding:12px;font-size:.9em}.btn-primary{padding:10px}.vault-info{margin-top:16px;padding:14px}.vault-info:before{width:24px;height:24px;font-size:12px;top:-10px;right:12px}}@media (width<=380px){.form-container{padding:20px 16px}.tab{padding:10px;font-size:.85em}.form-group label{font-size:.85em}.form-group input{padding:9px 12px}}@media (width<=520px){.login-page{padding:16px}.auth-container{border-radius:14px;max-width:100%}.form-container{padding:25px 20px}.form-row{flex-direction:column;gap:0}.form-row .form-group{margin-bottom:18px}.tab{padding:12px;font-size:.9em}.btn-primary{padding:10px}.vault-info{padding:10px;font-size:.8em}}@media (width<=380px){.form-container{padding:20px 16px}.tab{padding:10px;font-size:.85em}.form-group label{font-size:.85em}.form-group input{padding:9px 12px}}@media (prefers-reduced-motion:reduce){.login-page,.auth-container,.message-box{animation:none}}@keyframes blurFadeIn{0%{opacity:0;filter:blur(10px);transform:translate(30px)}to{opacity:1;filter:blur();transform:translate(0)}}@keyframes blurFadeOut{0%{opacity:1;filter:blur();transform:translate(0)}to{opacity:0;filter:blur(10px);transform:translate(-30px)}}.tab-content{animation:.3s ease-out blurFadeIn}.tab-content.hide{animation:.3s ease-out forwards blurFadeOut}.vault-info svg{transition:transform .3s cubic-bezier(.34,1.2,.64,1)}.vault-info:hover svg{transform:scale(1.15)rotate(5deg)}.vault-info{transition:all .35s cubic-bezier(.2,.9,.4,1.1);position:relative;overflow:hidden}.vault-info:before{content:"";background:linear-gradient(90deg,#0000,#f3b33230,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.vault-info:hover{border-color:var(--brand2);background:#fff6e2d9;transform:translateY(-3px);box-shadow:0 8px 24px #0000001f}.vault-info:hover:before{left:100%}.form-group{transition:transform .25s}.form-group:hover{transform:translate(5px)}.form-group input{transition:all .25s}.form-group:hover input{border-color:var(--brand2);background:#fff;box-shadow:0 2px 8px #29c5f41a}.btn-primary{transition:all .25s cubic-bezier(.34,1.2,.64,1);position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.btn-primary:active{transform:translateY(0)}.tab{transition:all .25s;position:relative}.tab:hover{background:#29c5f414;transform:translateY(-1px)}.tab.active:hover{transform:translateY(0)}.panel-users-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #051f3a14;border-radius:20px;margin-top:24px;padding:24px}.panel-users-header{border-bottom:1px solid #051f3a14;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.panel-users-title{color:#1e293b;margin:0;font-size:1.1rem;font-weight:700}.panel-users-count{color:#64748b;background:#4fb8b21a;border-radius:20px;padding:4px 10px;font-size:.75rem}.panel-users-info{background:#fef3c7;border:1px solid #fde68a;border-radius:16px;flex-direction:column;gap:12px;margin-bottom:20px;padding:16px;display:flex}.panel-users-info-item{color:#92400e;align-items:flex-start;gap:10px;font-size:.75rem;line-height:1.5;display:flex}.panel-users-info-icon{color:#d97706;flex-shrink:0;margin-top:2px}.panel-users-info-item strong{color:#b45309;font-weight:700}.panel-users-search-bar{gap:12px;margin-bottom:16px;display:flex}.panel-users-search{flex:1;position:relative}.panel-users-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.panel-users-search-input{color:#1e293b;background:#fff;border:1px solid #051f3a1f;border-radius:14px;width:100%;padding:12px 42px 12px 16px;font-family:inherit;font-size:.85rem;transition:all .2s}.panel-users-search-input:focus{border-color:#4fb8b2;outline:none;box-shadow:0 0 0 3px #4fb8b21a}.panel-users-search-input::placeholder{color:#94a3b8}.panel-users-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;font-size:14px;transition:all .2s;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.panel-users-search-clear:hover{color:#ef4444;background:#ef44441a}.panel-users-filter-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #051f3a1f;border-radius:14px;align-items:center;gap:8px;padding:0 16px;font-family:inherit;font-size:.85rem;transition:all .2s;display:flex}.panel-users-filter-btn:hover{color:#4fb8b2;border-color:#4fb8b2}.panel-users-filter-btn.active{color:#fff;background:#4fb8b2;border-color:#4fb8b2}.panel-users-filters-container{margin-bottom:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s,margin .3s;overflow:hidden}.panel-users-filters-container.expanded{opacity:1;max-height:500px;margin-bottom:20px}.panel-users-filters-container.collapsed{opacity:0;max-height:0;margin-bottom:0}.panel-users-filters{transform-origin:top;background:#fff9;border:1px solid #051f3a14;border-radius:16px;flex-direction:column;gap:16px;padding:16px;animation:.3s ease-out panelUsersFilterSlideIn;display:flex}@keyframes panelUsersFilterSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.panel-users-filter-group{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.panel-users-filter-label{color:#475569;min-width:60px;font-size:.8rem;font-weight:600}.panel-users-filter-buttons{flex-wrap:wrap;gap:8px;display:flex}.panel-users-filter-chip{color:#475569;cursor:pointer;background:#fff;border:1px solid #051f3a1f;border-radius:30px;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:.75rem;transition:all .2s;display:flex}.panel-users-filter-chip:hover{color:#4fb8b2;border-color:#4fb8b2;transform:translateY(-1px)}.panel-users-filter-chip.active{color:#fff;background:#4fb8b2;border-color:#4fb8b2}.panel-users-active-filters{color:#64748b;border-top:1px solid #051f3a14;flex-wrap:wrap;align-items:center;gap:12px;padding-top:8px;font-size:.7rem;animation:.3s ease-out panelUsersFadeIn;display:flex}@keyframes panelUsersFadeIn{0%{opacity:0}to{opacity:1}}.panel-users-active-filter{color:#4fb8b2;cursor:pointer;background:#4fb8b21a;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;transition:all .2s;display:inline-flex}.panel-users-active-filter:hover{color:#ef4444;background:#ef44441a;transform:scale(.95)}.panel-users-active-filter span{font-size:10px}.panel-users-table-wrapper{border-radius:16px;overflow-x:auto}.panel-users-table{border-collapse:collapse;width:100%;font-size:.85rem}.panel-users-table thead tr{background:#4fb8b20d;border-bottom:1px solid #051f3a14}.panel-users-table th{text-align:right;color:#1e293b;padding:14px 12px;font-size:.8rem;font-weight:700}.panel-users-table td{color:#475569;vertical-align:middle;border-bottom:1px solid #051f3a0f;padding:14px 12px}.panel-users-table tbody tr:hover{background:#4fb8b208}.panel-users-row-blocked{opacity:.7;background:#ef444405}.panel-users-status-badge{border-radius:30px;align-items:center;padding:4px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.panel-users-status-badge.active{color:#22c55e;background:#22c55e1a}.panel-users-status-badge.blocked{color:#ef4444;background:#ef44441a}.panel-users-roles-list{flex-wrap:wrap;gap:6px;display:flex}.panel-users-role-badge{white-space:nowrap;border-radius:20px;align-items:center;padding:4px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.panel-users-no-roles{color:#94a3b8;font-size:.7rem;font-style:italic}.panel-users-toggle{width:44px;height:24px;display:inline-block;position:relative}.panel-users-toggle input{opacity:0;width:0;height:0}.panel-users-toggle-slider{cursor:pointer;background-color:#cbd5e1;border-radius:30px;transition:all .3s;position:absolute;inset:0}.panel-users-toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}.panel-users-toggle input:checked+.panel-users-toggle-slider{background-color:#22c55e}.panel-users-toggle input:checked+.panel-users-toggle-slider:before{transform:translate(20px)}.panel-users-empty{text-align:center;color:#94a3b8;padding:48px!important}.panel-users-empty svg{opacity:.5;margin-bottom:12px}.panel-users-empty p{margin:0;font-size:.85rem}.panel-users-skeleton{flex-direction:column;gap:12px;display:flex}.panel-users-skeleton-search{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:14px;height:48px;margin-bottom:16px;animation:1.5s infinite panelUsersShimmer}.panel-users-skeleton-row{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:12px;height:56px;animation:1.5s infinite panelUsersShimmer}@keyframes panelUsersShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=768px){.panel-users-container{padding:16px}.panel-users-filter-group{flex-direction:column;align-items:flex-start;gap:8px}.panel-users-table th,.panel-users-table td{padding:10px 8px;font-size:.75rem}.panel-users-roles-list{flex-direction:column;gap:4px}.panel-users-role-badge{width:fit-content}.panel-users-filters-container.expanded{max-height:600px}}@media (width<=640px){.panel-users-table thead{display:none}.panel-users-table tbody tr{border:1px solid #051f3a14;border-radius:12px;margin-bottom:16px;padding:12px;display:block}.panel-users-table td{border-bottom:none;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.panel-users-table td:before{content:attr(data-label);color:#1e293b;margin-left:12px;font-weight:700}.panel-users-cell-name:before{content:"نام: "}.panel-users-cell-surname:before{content:"نام خانوادگی: "}.panel-users-cell-email:before{content:"ایمیل: "}.panel-users-cell-status:before{content:"وضعیت: "}.panel-users-cell-roles:before{content:"نقش‌ها: "}.panel-users-cell-action:before{content:"دسترسی: "}.panel-users-filter-buttons{width:100%}.panel-users-filter-chip{flex:1;justify-content:center}.panel-users-filters-container.expanded{max-height:700px}}.docs-container{grid-template-columns:280px 1fr 380px;align-items:stretch;gap:20px;margin-top:20px;display:grid}.doc-sidebar,.docs-documents-list,.doc-content,.docs-search-results,.docs-welcome{flex-direction:column;height:100%;display:flex}.docs-add-btn{color:#1e293b;cursor:pointer;background:linear-gradient(135deg,#fdbf4d,#fdab2a);border:none;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.docs-add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fdbf4d4d}.doc-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #051f3a14;border-radius:20px;min-height:500px;padding:20px}.doc-sidebar-title{color:#1e293b;align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:700;display:flex}.doc-sidebar-count{color:#64748b;background:#4fb8b21a;border-radius:20px;padding:4px 8px;font-size:.7rem}.doc-sidebar-add-btn{color:#1e293b;cursor:pointer;background:linear-gradient(135deg,#fdbf4d,#fdab2a);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:16px;padding:10px;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.doc-sidebar-add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fdbf4d4d}.doc-categories-nav{flex-direction:column;flex:1;gap:8px;max-height:60vh;display:flex;overflow-y:auto}.doc-categories-nav::-webkit-scrollbar{width:4px}.doc-categories-nav::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.doc-categories-nav::-webkit-scrollbar-thumb{background:#4fb8b24d;border-radius:10px}.doc-category-item{border:1px solid #0000;border-radius:12px;transition:all .2s;overflow:hidden}.doc-category-item.active{background:#4fb8b214;border-color:#4fb8b233}.doc-category-header{cursor:pointer;align-items:center;gap:10px;padding:12px;transition:background .2s;display:flex}.doc-category-icon{color:#4fb8b2;flex-shrink:0}.doc-category-count{color:#64748b;background:#00000008;border-radius:20px;padding:2px 6px;font-size:.7rem}.doc-category-expand{cursor:pointer;color:#94a3b8;background:0 0;border:none;justify-content:center;align-items:center;transition:transform .2s;display:flex}.doc-category-expand:hover{color:#4fb8b2}.doc-category-actions{background:#fff6;border-top:1px solid #051f3a0f;gap:8px;padding:8px 12px 12px;display:flex}.doc-category-edit,.doc-category-delete{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:.7rem;font-weight:500;transition:all .2s;display:flex}.doc-category-edit{color:#4fb8b2;background:#4fb8b21a}.doc-category-edit:hover{background:#4fb8b233;transform:translateY(-1px)}.doc-category-delete{color:#ef4444;background:#ef44441a}.doc-category-delete:hover{background:#ef444433;transform:translateY(-1px)}.doc-sidebar-skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:20px;height:400px;animation:1.5s infinite docShimmer}.docs-documents-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #051f3a14;border-radius:20px;min-height:500px;padding:20px}.docs-documents-header{border-bottom:1px solid #051f3a14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;display:flex}.docs-documents-header-info{flex-direction:column;gap:4px;display:flex}.docs-documents-title{color:#1e293b;margin:0;font-size:1rem;font-weight:700}.docs-documents-category-badge{color:#4fb8b2;background:#4fb8b21a;border-radius:20px;align-items:center;gap:4px;width:fit-content;padding:2px 8px;font-size:.7rem;display:inline-flex}.docs-documents-category-badge:before{content:"📁";font-size:.65rem}.docs-documents-header-stats{align-items:center;gap:12px;display:flex}.docs-documents-count{color:#64748b;background:#4fb8b21a;border-radius:20px;padding:4px 8px;font-size:.7rem}.docs-add-doc-btn{color:#4fb8b2;cursor:pointer;background:#4fb8b21a;border:none;border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:.7rem;font-weight:500;transition:all .2s;display:flex}.docs-add-doc-btn:hover{background:#4fb8b233;transform:translateY(-1px)}.docs-documents-grid{flex-direction:column;flex:1;gap:8px;max-height:60vh;display:flex;overflow-y:auto}.docs-documents-grid::-webkit-scrollbar{width:4px}.docs-documents-grid::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.docs-documents-grid::-webkit-scrollbar-thumb{background:#4fb8b24d;border-radius:10px}.docs-document-card{cursor:pointer;background:#fff9;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.docs-document-card:hover{background:#ffffffe6;border-color:#4fb8b233;transform:translate(-4px)}.docs-document-card.active{background:#4fb8b21a;border-right:3px solid #4fb8b2}.docs-document-icon{color:#4fb8b2;background:#4fb8b21a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.docs-document-content{flex:1;min-width:0}.docs-document-title{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:.85rem;font-weight:600;overflow:hidden}.docs-document-tags{flex-wrap:wrap;gap:6px;display:flex}.docs-document-tag{color:#4fb8b2;cursor:pointer;background:#4fb8b214;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:.6rem;transition:all .2s;display:inline-flex}.docs-document-tag:hover{background:#4fb8b226}.docs-documents-empty{text-align:center;color:#94a3b8;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:48px 20px;display:flex}.docs-documents-empty svg{opacity:.5;margin-bottom:12px}.docs-documents-empty p{margin:0 0 16px;font-size:.85rem}.docs-empty-add-btn{color:#4fb8b2;cursor:pointer;background:#4fb8b21a;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:.75rem;font-weight:500;transition:all .2s;display:inline-flex}.docs-empty-add-btn:hover{background:#4fb8b233;transform:translateY(-1px)}.docs-documents-skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:12px;height:300px;animation:1.5s infinite docShimmer}.docs-search-results{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #051f3a14;border-radius:20px;min-height:500px;padding:20px}.docs-search-results-title{color:#1e293b;border-bottom:1px solid #051f3a14;align-items:center;gap:8px;margin:0 0 16px;padding-bottom:12px;font-size:1rem;font-weight:700;display:flex}.docs-search-results-list{flex-direction:column;flex:1;gap:12px;max-height:60vh;display:flex;overflow-y:auto}.docs-search-result-item{cursor:pointer;background:#fff9;border:1px solid #0000;border-radius:14px;align-items:center;gap:14px;padding:14px;transition:all .2s;display:flex}.docs-search-result-item:hover{background:#ffffffe6;border-color:#4fb8b233;transform:translate(-4px)}.docs-search-result-icon{color:#4fb8b2;background:#4fb8b21a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.docs-search-result-content{flex:1}.docs-search-result-title{color:#1e293b;margin:0 0 6px;font-size:.9rem;font-weight:700}.docs-search-result-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.docs-search-result-category{color:#4fb8b2;background:#4fb8b214;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:.7rem;display:flex}.docs-search-result-tags{flex-wrap:wrap;gap:6px;display:flex}.docs-search-result-tag{color:#64748b;background:#0000000a;border-radius:10px;align-items:center;gap:3px;padding:2px 6px;font-size:.6rem;display:inline-flex}.doc-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #051f3a14;border-radius:20px;min-height:500px;padding:20px}.empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state svg{color:#4fb8b2;opacity:.3;margin-bottom:16px}.empty-state h3{color:#1e293b;margin:0 0 8px;font-size:1rem;font-weight:600}.empty-state p{color:#64748b;margin:0;font-size:.8rem}.doc-breadcrumb{border-bottom:1px solid #051f3a14;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;padding-bottom:12px;display:flex}.doc-breadcrumb-item{color:#4fb8b2;cursor:pointer;font-size:.8rem}.doc-breadcrumb-item:hover{text-decoration:underline}.doc-breadcrumb-separator{color:#94a3b8;font-size:.7rem}.doc-breadcrumb-current{color:#1e293b;font-size:.8rem;font-weight:600}.doc-article{background:#fff9;border-radius:16px;flex-direction:column;flex:1;padding:24px;display:flex}.doc-article-header{border-bottom:1px solid #051f3a14;margin-bottom:24px;padding-bottom:16px}.doc-article-title{color:#1e293b;margin:0 0 12px;font-size:1.3rem;font-weight:700}.doc-article-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:20px;font-size:.7rem;display:flex}.doc-article-body{flex:1;margin-bottom:24px}.doc-content-wrapper{color:#1e293b;font-size:.9rem;line-height:1.8}.doc-content-wrapper h1{margin:1em 0 .5em;font-size:1.5rem}.doc-content-wrapper h2{margin:1em 0 .5em;font-size:1.3rem}.doc-content-wrapper h3{margin:1em 0 .5em;font-size:1.1rem}.doc-content-wrapper p{margin:0 0 1em}.doc-content-wrapper ul,.doc-content-wrapper ol{margin:.5em 0;padding-right:1.5em}.doc-content-wrapper li{margin:.25em 0}.doc-content-wrapper code{background:#0000000d;border-radius:6px;padding:2px 6px;font-family:monospace;font-size:.85em}.doc-content-wrapper pre{color:#e2e8f0;background:#1e293b;border-radius:12px;margin:1em 0;padding:16px;overflow-x:auto}.doc-content-wrapper blockquote{color:#64748b;border-right:3px solid #4fb8b2;margin:1em 0;padding-right:16px}.doc-article-tags{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.tags-label{color:#64748b;font-size:.75rem;font-weight:600}.doc-tag{color:#4fb8b2;cursor:pointer;background:#4fb8b214;border:none;border-radius:20px;padding:4px 12px;font-family:inherit;font-size:.7rem;transition:all .2s}.doc-tag.clickable:hover{background:#4fb8b226;transform:translateY(-1px)}.doc-article-actions{justify-content:flex-end;gap:12px;display:flex}.doc-action-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.doc-action-btn.edit-btn{color:#4fb8b2;background:#4fb8b21a}.doc-action-btn.edit-btn:hover{background:#4fb8b233;transform:translateY(-1px)}.doc-action-btn.delete-btn{color:#ef4444;background:#ef44441a}.doc-action-btn.delete-btn:hover{background:#ef444433;transform:translateY(-1px)}.docs-welcome{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #051f3a14;border-radius:20px;justify-content:center;align-items:center;height:100%;min-height:500px;display:flex}.docs-welcome-content{text-align:center;padding:48px}.docs-welcome-icon{color:#4fb8b2;opacity:.5;margin-bottom:16px}.docs-welcome-title{color:#1e293b;margin:0 0 8px;font-size:1.2rem;font-weight:700}.docs-welcome-text{color:#64748b;margin:0;font-size:.85rem}.docs-recent-section{background:#4fb8b20d;border:1px solid #4fb8b226;border-radius:16px;width:100%;max-width:500px;margin-top:48px;padding:20px}.docs-recent-header{border-bottom:1px solid #4fb8b226;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;display:flex}.docs-recent-header h4{color:#1e293b;flex:1;margin:0;font-size:.9rem;font-weight:600}.docs-recent-clear{color:#ef4444;cursor:pointer;background:#ef44441a;border:none;border-radius:8px;padding:4px 12px;font-family:inherit;font-size:.7rem;transition:all .2s}.docs-recent-clear:hover{background:#ef444433}.docs-recent-list{flex-direction:column;gap:8px;display:flex}.docs-recent-item{cursor:pointer;text-align:right;background:#fff9;border-radius:12px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.docs-recent-item:hover{background:#4fb8b226;transform:translate(-4px)}.docs-recent-item svg{color:#4fb8b2;flex-shrink:0}.docs-recent-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.docs-recent-title{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;overflow:hidden}.docs-recent-category{color:#64748b;font-size:.7rem}.docs-offline{justify-content:center;align-items:center;min-height:400px;padding:48px 24px;display:flex}.docs-offline-content{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #051f3a1a;border-radius:24px;max-width:400px;padding:48px 32px;box-shadow:0 8px 32px #0000001a}.docs-offline-icon{color:#64748b;opacity:.5;margin-bottom:24px}.docs-offline-content h3{color:#1e293b;margin-bottom:12px;font-size:1.3rem}.docs-offline-content p{color:#64748b;margin-bottom:24px}.docs-retry-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4fb8b2,#0590d0);border:none;border-radius:12px;padding:10px 24px;font-family:inherit;font-weight:600;transition:all .2s}.docs-retry-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0590d04d}@keyframes docShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes docModalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=1200px){.docs-container{grid-template-columns:260px 1fr 340px;gap:16px}}@media (width<=1024px){.docs-container{grid-template-columns:1fr;gap:16px}.docs-search-results{grid-column:span 1}.doc-sidebar{order:2}.docs-documents-list{order:1}.doc-content{order:3}.doc-sidebar,.docs-documents-list,.doc-content,.docs-search-results,.docs-welcome{min-height:auto}}@media (width<=768px){.doc-sidebar,.docs-documents-list,.doc-content{padding:16px}.docs-documents-header{flex-direction:column;align-items:flex-start}.docs-documents-header-stats{justify-content:space-between;width:100%}.docs-document-card{padding:10px}.docs-document-icon{width:32px;height:32px}.docs-document-title{font-size:.8rem}.doc-article{padding:16px}.doc-article-title{font-size:1.1rem}.doc-article-meta{gap:12px}.docs-welcome-content{padding:32px}.docs-welcome-icon{width:48px;height:48px}.docs-welcome-title{font-size:1rem}.docs-search-result-item{flex-direction:column;align-items:flex-start}.docs-search-result-icon{align-self:flex-start}.docs-recent-section{margin-top:32px;padding:16px}}@media (width<=480px){.doc-sidebar,.docs-documents-list,.doc-content,.doc-article{padding:12px}.doc-article-title{font-size:1rem}.doc-article-meta{flex-direction:column;align-items:flex-start;gap:6px}.doc-article-actions{flex-direction:column}.doc-action-btn{justify-content:center}.docs-document-tag{font-size:.55rem}.docs-search-result-title{font-size:.85rem}.docs-welcome-content{padding:24px}.empty-state{padding:30px 16px}.empty-state svg{width:48px;height:48px}.empty-state h3{font-size:.9rem}.empty-state p{font-size:.75rem}.docs-recent-section{margin-top:24px;padding:12px}.docs-recent-item{padding:10px}.docs-recent-title{font-size:.8rem}.docs-offline-content{padding:32px 24px}.docs-offline-content h3{font-size:1.1rem}}.doc-editor-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999999;background:#0009;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:fixed;inset:0}.doc-editor-modal{background:#fff;border-radius:24px;flex-direction:column;width:90%;max-width:700px;max-height:90vh;animation:.3s docModalSlideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.doc-editor-header{background:#fff;border-bottom:1px solid #051f3a14;align-items:center;gap:12px;padding:20px 24px;display:flex}.doc-editor-header h3{color:#1e293b;flex:1;margin:0;font-size:1.1rem;font-weight:700}.doc-editor-close{cursor:pointer;color:#64748b;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.doc-editor-close:hover{background:#0000001a;transform:scale(1.05)}.doc-editor-form{flex:1;padding:24px;overflow-y:auto}.doc-editor-field{margin-bottom:20px}.doc-editor-field label{color:#1e293b;margin-bottom:8px;font-size:.8rem;font-weight:600;display:block}.doc-editor-input,.doc-editor-input-disabled{color:#1e293b;background:#fff;border:1px solid #051f3a1f;border-radius:12px;width:100%;padding:10px 14px;font-family:inherit;font-size:.85rem;transition:all .2s}.doc-editor-input:focus{border-color:#4fb8b2;outline:none;box-shadow:0 0 0 3px #4fb8b21a}.doc-editor-input-disabled{color:#64748b;cursor:not-allowed;background:#f1f5f9}.doc-editor-tags{background:#f8fafc;border:1px solid #051f3a14;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;display:flex}.doc-editor-tag{color:#4fb8b2;background:#4fb8b21a;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;display:inline-flex}.doc-editor-tag button{cursor:pointer;color:#4fb8b2;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.doc-editor-tag button:hover{color:#ef4444}.doc-editor-tag-input-wrapper{align-items:center;gap:8px;display:flex}.doc-editor-tag-input{background:#fff;border:1px solid #051f3a1f;border-radius:20px;padding:4px 8px;font-family:inherit;font-size:.75rem}.doc-editor-tag-input:focus{border-color:#4fb8b2;outline:none}.doc-editor-tag-add,.doc-editor-add-tag{color:#4fb8b2;cursor:pointer;background:#4fb8b21a;border:none;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:.7rem;transition:all .2s;display:inline-flex}.doc-editor-tag-add:hover,.doc-editor-add-tag:hover{background:#4fb8b233}.doc-editor-footer{border-top:1px solid #051f3a14;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:20px;display:flex}.doc-editor-cancel{color:#475569;cursor:pointer;background:#0000000d;border:none;border-radius:12px;padding:8px 20px;font-family:inherit;font-size:.8rem;font-weight:500;transition:all .2s}.doc-editor-cancel:hover{background:#0000001a;transform:translateY(-1px)}.doc-editor-submit{color:#1e293b;cursor:pointer;background:linear-gradient(135deg,#fdbf4d,#fdab2a);border:none;border-radius:12px;padding:8px 20px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s}.doc-editor-submit:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fdbf4d4d}.doc-editor-submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.doc-category-modal{max-width:450px}.doc-editor-header-icon{color:#4fb8b2;background:#4fb8b21a;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.rich-text-editor{border:1px solid #051f3a1f;border-radius:12px;overflow:hidden}.rich-text-toolbar{background:#f8fafc;border-bottom:1px solid #051f3a14;flex-wrap:wrap;gap:4px;padding:8px;display:flex}.rich-text-toolbar button{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.rich-text-toolbar button:hover{color:#4fb8b2;background:#0000000d}.rich-text-toolbar button.active{color:#4fb8b2;background:#4fb8b21a}.rich-text-toolbar button:disabled{opacity:.3;cursor:not-allowed}.toolbar-divider{background:#0000001a;width:1px;height:24px;margin:0 4px}.rich-text-editor-content{color:#1e293b;outline:none;min-height:200px;padding:16px;font-family:inherit;font-size:.9rem;line-height:1.6}.rich-text-editor-content p{margin:0 0 1em}.rich-text-editor-content:focus{outline:none}.rich-text-editor-content p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:right;color:#94a3b8;pointer-events:none;height:0}.doc-search-error{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:48px 24px;display:flex}.doc-search-error svg{color:#ef4444;opacity:.6;margin-bottom:16px}.doc-search-error h4{color:#1e293b;margin:0 0 8px;font-size:1rem;font-weight:600}.doc-search-error p{color:#64748b;margin:0 0 16px;font-size:.8rem;line-height:1.5}.doc-search-retry{color:#1e293b;cursor:pointer;background:linear-gradient(135deg,#fdbf4d,#fdab2a);border:none;border-radius:30px;justify-content:center;align-items:center;gap:6px;padding:8px 20px;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.doc-search-retry:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fdbf4d4d}.doc-search-no-results{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:48px 24px;display:flex}.doc-search-no-results svg{color:#94a3b8;opacity:.5;margin-bottom:16px}.doc-search-no-results h4{color:#1e293b;margin:0 0 8px;font-size:1rem;font-weight:600}.doc-search-no-results p{color:#64748b;margin:0;font-size:.8rem}.doc-search-no-results-hint{color:#1e293b!important;margin-top:16px!important;font-size:.75rem!important;font-weight:600!important}.doc-search-suggestions{text-align:right;margin-top:12px;padding-right:20px}.doc-search-suggestions li{color:#64748b;margin:6px 0;font-size:.7rem;line-height:1.4}.doc-search-loading{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.doc-search-loading p{margin:0;font-size:.85rem}@media (width<=768px){.doc-editor-modal{width:95%}.doc-editor-header,.doc-editor-form{padding:16px}}@media (width<=480px){.doc-editor-footer{flex-direction:column-reverse}.doc-editor-cancel,.doc-editor-submit{justify-content:center;width:100%}.rich-text-toolbar{gap:2px}.rich-text-toolbar button{width:28px;height:28px}}.admin-users-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #051f3a14;border-radius:20px;padding:24px}.admin-users-header{border-bottom:1px solid #051f3a14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;display:flex}.admin-users-title{color:#1e293b;margin:0;font-size:1.1rem;font-weight:700}.admin-users-count{color:#64748b;background:#4fb8b21a;border-radius:20px;padding:4px 10px;font-size:.75rem}.admin-users-info{background:#fef3c7;border:1px solid #fde68a;border-radius:16px;flex-direction:column;gap:12px;margin-bottom:20px;padding:16px;display:flex}.admin-users-info-item{color:#92400e;align-items:flex-start;gap:10px;font-size:.75rem;line-height:1.5;display:flex}.admin-users-info-icon{color:#d97706;flex-shrink:0;margin-top:2px}.admin-users-info-item strong{color:#b45309;font-weight:700}.admin-users-search-bar{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.admin-users-search{flex:2;min-width:200px;position:relative}.admin-users-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.admin-users-search-input{color:#1e293b;background:#fff;border:1px solid #051f3a1f;border-radius:12px;width:100%;padding:10px 36px 10px 12px;font-family:inherit;font-size:.85rem;transition:all .2s}.admin-users-search-input:focus{border-color:#4fb8b2;outline:none;box-shadow:0 0 0 3px #4fb8b21a}.admin-users-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;transition:all .2s;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.admin-users-search-clear:hover{color:#ef4444;background:#ef44441a}.admin-users-filter-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #051f3a1f;border-radius:12px;align-items:center;gap:8px;padding:0 16px;font-family:inherit;font-size:.85rem;transition:all .2s;display:flex}.admin-users-filter-btn:hover{color:#4fb8b2;border-color:#4fb8b2}.admin-users-filter-btn.active{color:#fff;background:#4fb8b2;border-color:#4fb8b2}.admin-users-filters-container{margin-bottom:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s,margin .3s;overflow:hidden}.admin-users-filters-container.expanded{opacity:1;max-height:400px;margin-bottom:20px}.admin-users-filters-container.collapsed{opacity:0;max-height:0;margin-bottom:0}.admin-users-filters{background:#fff9;border:1px solid #051f3a14;border-radius:16px;flex-direction:column;gap:16px;padding:16px;display:flex}.admin-users-filter-group{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.admin-users-filter-label{color:#475569;min-width:60px;font-size:.8rem;font-weight:600}.admin-users-filter-buttons{flex-wrap:wrap;gap:8px;display:flex}.admin-users-filter-chip{color:#475569;cursor:pointer;background:#fff;border:1px solid #051f3a1f;border-radius:30px;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:.75rem;transition:all .2s;display:flex}.admin-users-filter-chip:hover{color:#4fb8b2;border-color:#4fb8b2;transform:translateY(-1px)}.admin-users-filter-chip.active{color:#fff;background:#4fb8b2;border-color:#4fb8b2}.admin-users-active-filters{color:#64748b;border-top:1px solid #051f3a14;flex-wrap:wrap;align-items:center;gap:12px;padding-top:8px;font-size:.7rem;display:flex}.admin-users-active-filter{color:#4fb8b2;cursor:pointer;background:#4fb8b21a;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;transition:all .2s;display:inline-flex}.admin-users-active-filter:hover{color:#ef4444;background:#ef44441a}.admin-users-table-wrapper{border-radius:16px;overflow-x:auto}.admin-users-table{border-collapse:collapse;width:100%;font-size:.85rem}.admin-users-table thead tr{background:#4fb8b20d;border-bottom:1px solid #051f3a14}.admin-users-table th{text-align:right;color:#1e293b;padding:14px 12px;font-size:.8rem;font-weight:700}.admin-users-table td{color:#475569;vertical-align:middle;border-bottom:1px solid #051f3a0f;padding:14px 12px}.admin-users-table tbody tr:hover{background:#4fb8b208}.admin-users-row-blocked{opacity:.7;background:#ef444405}.admin-users-status-badge{border-radius:30px;align-items:center;padding:4px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.admin-users-status-badge.active{color:#22c55e;background:#22c55e1a}.admin-users-status-badge.blocked{color:#ef4444;background:#ef44441a}.admin-users-roles-list{flex-wrap:wrap;gap:6px;display:flex}.admin-users-role-badge{white-space:nowrap;border-radius:20px;align-items:center;padding:4px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.admin-users-no-roles{color:#94a3b8;font-size:.7rem;font-style:italic}.admin-users-toggle{width:44px;height:24px;display:inline-block;position:relative}.admin-users-toggle input{opacity:0;width:0;height:0}.admin-users-toggle-slider{cursor:pointer;background-color:#cbd5e1;border-radius:30px;transition:all .3s;position:absolute;inset:0}.admin-users-toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}.admin-users-toggle input:checked+.admin-users-toggle-slider{background-color:#22c55e}.admin-users-toggle input:checked+.admin-users-toggle-slider:before{transform:translate(20px)}.admin-users-empty{text-align:center;color:#94a3b8;padding:48px!important}.admin-users-empty svg{opacity:.5;margin-bottom:12px}.admin-users-empty p{margin:0;font-size:.85rem}@media (width<=768px){.admin-users-container{padding:16px}.admin-users-filter-group{flex-direction:column;align-items:flex-start;gap:8px;width:100%}.admin-users-filter-label{min-width:auto}.admin-users-filter-buttons{width:100%}.admin-users-filter-chip{flex:1;justify-content:center}.admin-users-table th,.admin-users-table td{padding:10px 8px;font-size:.75rem}}@media (width<=640px){.admin-users-table thead{display:none}.admin-users-table tbody tr{border:1px solid #051f3a14;border-radius:12px;margin-bottom:16px;padding:12px;display:block}.admin-users-table td{border-bottom:none;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.admin-users-table td:before{content:attr(data-label);color:#1e293b;margin-left:12px;font-size:.75rem;font-weight:600}}.admin-users-actions{flex-wrap:wrap;gap:6px;display:flex}.admin-users-action-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #051f3a1f;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.admin-users-action-btn:hover{transform:translateY(-1px)}.admin-users-action-btn.roles:hover{color:#4fb8b2;border-color:#4fb8b2}.admin-users-action-btn.edit:hover{color:#f59e0b;border-color:#f59e0b}.admin-users-action-btn.block:hover{color:#ef4444;border-color:#ef4444}.admin-users-action-btn.delete:hover{color:#dc2626;border-color:#dc2626}.admin-users-email-cell,.admin-users-phone-cell{direction:ltr;font-family:monospace;font-size:.8rem}.admin-users-role-more{color:#64748b;background:#0000000d;border-radius:12px;padding:2px 6px;font-size:.65rem}.admin-users-add-btn{color:#1e293b;cursor:pointer;background:linear-gradient(135deg,#fdbf4d,#fdab2a);border:none;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.admin-users-add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fdbf4d4d}.admin-groups-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #051f3a14;border-radius:20px;padding:24px}.admin-groups-header{border-bottom:1px solid #051f3a14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:12px;display:flex}.admin-groups-title{color:#1e293b;margin:0;font-size:1.1rem;font-weight:700}.admin-groups-search{width:280px;position:relative}.admin-groups-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.admin-groups-search-input{background:#fff;border:1px solid #051f3a1f;border-radius:10px;width:100%;padding:8px 36px 8px 12px;font-family:inherit;font-size:.85rem;transition:all .2s}.admin-groups-search-input:focus{border-color:#4fb8b2;outline:none;box-shadow:0 0 0 3px #4fb8b21a}.admin-groups-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:2px 4px;font-size:12px;transition:all .2s;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.admin-groups-search-clear:hover{color:#ef4444;background:#ef44441a}.admin-groups-list{flex-direction:column;gap:12px;display:flex}.admin-groups-card{background:#fff9;border:1px solid #051f3a14;border-radius:16px;transition:all .2s;overflow:hidden}.admin-groups-card:hover{border-color:#4fb8b24d;box-shadow:0 2px 8px #0000000d}.admin-groups-card-header{cursor:pointer;justify-content:space-between;align-items:center;padding:16px;transition:background .2s;display:flex}.admin-groups-card-header:hover{background:#4fb8b20d}.admin-groups-card-info{flex:1}.admin-groups-card-name{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.admin-groups-name{color:#1e293b;font-size:1rem;font-weight:700}.admin-groups-name-en{color:#64748b;direction:ltr;background:#0000000a;border-radius:12px;padding:2px 8px;font-size:.75rem}.admin-groups-stats{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.admin-groups-stat{color:#64748b;align-items:center;gap:4px;font-size:.7rem;display:flex}.admin-groups-actions{align-items:center;gap:8px;display:flex}.admin-groups-action-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #051f3a1f;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.admin-groups-action-btn:hover{transform:translateY(-1px)}.admin-groups-action-btn.users:hover{color:#4fb8b2;border-color:#4fb8b2}.admin-groups-expand-icon{color:#94a3b8;transition:transform .3s}.admin-groups-expand-icon.rotated{transform:rotate(180deg)}.admin-groups-card-details{background:#fff6;border-top:1px solid #051f3a14;padding:16px;animation:.3s ease-out adminGroupsSlideDown}@keyframes adminGroupsSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.admin-groups-description{color:#475569;background:#4fb8b20d;border-radius:12px;margin-bottom:16px;padding:12px;font-size:.8rem;line-height:1.6}.admin-groups-description p{margin:0}.admin-groups-section{margin-bottom:16px}.admin-groups-section:last-child{margin-bottom:0}.admin-groups-section-title{color:#64748b;align-items:center;gap:6px;margin-bottom:8px;font-size:.75rem;font-weight:600;display:flex}.admin-groups-apps{flex-wrap:wrap;gap:8px;display:flex}.admin-groups-app{color:#4fb8b2;background:#4fb8b21a;border-radius:20px;padding:4px 10px;font-size:.7rem}.admin-groups-tags{flex-wrap:wrap;gap:8px;display:flex}.admin-groups-tag{color:#f59e0b;background:#f59e0b1a;border-radius:20px;padding:4px 10px;font-size:.7rem}.admin-groups-user-avatar{color:#fff;background:linear-gradient(135deg,#4fb8b2,#328f97);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.7rem;font-weight:600;display:flex}.admin-groups-user-more{color:#64748b;background:#0000000d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.7rem;display:flex}.admin-groups-empty{text-align:center;color:#94a3b8;padding:48px 20px}.admin-groups-empty svg{opacity:.5;margin-bottom:12px}.admin-groups-empty p{margin:0;font-size:.85rem}.admin-groups-skeleton{flex-direction:column;gap:12px;display:flex}.admin-groups-skeleton-card{background:#fff6;border-radius:16px;padding:16px}.admin-groups-skeleton-title{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:8px;width:200px;height:20px;margin-bottom:12px;animation:1.5s infinite adminGroupsShimmer}.admin-groups-skeleton-stats{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:6px;width:150px;height:14px;animation:1.5s infinite adminGroupsShimmer}@keyframes adminGroupsShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=768px){.admin-groups-container{padding:16px}.admin-groups-header{flex-direction:column;align-items:flex-start}.admin-groups-search{width:100%}.admin-groups-card-header{flex-direction:column;align-items:flex-start;gap:12px}.admin-groups-actions{justify-content:flex-end;width:100%}.admin-groups-stats{width:100%}}@media (width<=480px){.admin-groups-container{padding:12px}.admin-groups-name{font-size:.9rem}.admin-groups-stat{font-size:.65rem}.admin-groups-action-btn{width:28px;height:28px}.admin-groups-user-avatar,.admin-groups-user-more{width:28px;height:28px;font-size:.6rem}}.admin-groups-user-avatar{transition:transform .2s}.admin-groups-user-avatar:hover{z-index:10;transform:scale(1.1)}.admin-groups-user-more{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#64748b;background:#0000000d;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.7rem;display:flex}.group-user-avatar{transition:transform .2s}.group-user-avatar:hover{transform:scale(1.05)}.admin-groups-users-preview{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.admin-groups-user-preview-item{flex-direction:column;align-items:center;gap:6px;display:flex}.admin-groups-user-preview-name{color:#64748b;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:60px;font-size:.65rem;overflow:hidden}.admin-groups-user-more{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#64748b;background:#0000000d;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.7rem;font-weight:600;display:flex}.admin-groups-no-users{color:#94a3b8;font-size:.7rem;font-style:italic}@media (width<=768px){.admin-groups-user-preview-item{gap:4px}.admin-groups-user-preview-name{max-width:50px;font-size:.55rem}.admin-groups-user-more{width:32px;height:32px;font-size:.6rem}}.admin-groups-action-btn.users.disabled{opacity:.5;cursor:not-allowed}.admin-groups-action-btn.users.disabled:hover{color:#64748bc3;border-color:#051f3a1f;transform:none}.admin-groups-description{color:#475569;cursor:default;background:#4fb8b20d;border-radius:12px;margin-bottom:16px;padding:12px;font-size:.8rem;line-height:1.6;transition:all .3s;position:relative;overflow:hidden}.admin-groups-description:hover{background:#4fb8b21f;transform:translate(-4px);box-shadow:0 4px 12px #4fb8b226}.admin-groups-description p{margin:0;transition:transform .3s}.admin-groups-description:hover p{transform:translate(4px)}.admin-groups-description:before{content:"";opacity:0;background:#4fb8b2;width:3px;height:100%;transition:opacity .3s;position:absolute;top:0;right:0}.admin-groups-description:hover:before{opacity:1}.group-users-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999999;background:#0009;justify-content:center;align-items:center;margin:0;padding:0;animation:.2s groupUsersFadeIn;display:flex;position:fixed;inset:0}@keyframes groupUsersFadeIn{0%{opacity:0}to{opacity:1}}.group-users-modal{background:#fff;border-radius:24px;flex-direction:column;width:90%;max-width:550px;max-height:85vh;animation:.3s groupUsersSlideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes groupUsersSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.group-users-modal-header{background:#fff;border-bottom:1px solid #051f3a14;flex-shrink:0;align-items:center;gap:12px;padding:20px 24px;display:flex}.group-users-modal-icon{color:#4fb8b2;background:#4fb8b21a;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.group-users-modal-header h3{color:#1e293b;flex:1;margin:0;font-size:1.1rem;font-weight:700}.group-users-modal-close{cursor:pointer;color:#64748b;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.group-users-modal-close:hover{background:#0000001a;transform:scale(1.05)}.group-users-modal-body{flex:1;padding:20px 24px;overflow-y:auto}.group-users-modal-body::-webkit-scrollbar{width:6px}.group-users-modal-body::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.group-users-modal-body::-webkit-scrollbar-thumb{background:#4fb8b24d;border-radius:10px}.group-users-info{text-align:center;border-bottom:1px solid #051f3a14;margin-bottom:20px;padding-bottom:16px}.group-users-name{color:#1e293b;margin:0;font-size:1rem;font-weight:700}.group-users-name-en{color:#64748b;direction:ltr;margin:4px 0 0;font-size:.75rem}.group-users-search{margin-bottom:16px;position:relative}.group-users-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.group-users-search-input{background:#fff;border:1px solid #051f3a1f;border-radius:12px;width:100%;padding:10px 36px 10px 12px;font-family:inherit;font-size:.85rem;transition:all .2s}.group-users-search-input:focus{border-color:#4fb8b2;outline:none;box-shadow:0 0 0 3px #4fb8b21a}.group-users-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:2px 4px;font-size:12px;transition:all .2s;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.group-users-search-clear:hover{color:#ef4444;background:#ef44441a}.group-users-actions{border-bottom:1px solid #051f3a14;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.group-users-select-all,.group-users-deselect-all{cursor:pointer;background:0 0;border:1px solid #051f3a1f;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:.75rem;transition:all .2s;display:flex}.group-users-select-all{color:#22c55e;border-color:#22c55e4d}.group-users-select-all:hover{background:#22c55e1a}.group-users-deselect-all{color:#ef4444;border-color:#ef44444d}.group-users-deselect-all:hover{background:#ef44441a}.group-users-list{max-height:350px;overflow:hidden auto}.group-users-list::-webkit-scrollbar{width:6px}.group-users-list::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.group-users-list::-webkit-scrollbar-thumb{background:#4fb8b24d;border-radius:10px}.group-user-item:hover{background:#4fb8b20d}.group-user-avatar{color:#4fb8b2;background:#4fb8b21a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.75rem;font-weight:600;display:flex}.group-user-info{flex:1}.group-user-name{color:#1e293b;font-size:.85rem;font-weight:500}.group-user-email{color:#64748b;direction:ltr;margin-top:2px;font-size:.7rem}.group-user-add{color:#22c55e;flex-shrink:0}.group-user-remove{color:#ef4444;flex-shrink:0}.group-users-empty{text-align:center;color:#94a3b8;padding:40px 20px}.group-users-empty svg{opacity:.5;margin-bottom:12px}.group-users-empty p{margin:0;font-size:.85rem}.group-users-modal-footer{background:#fff;border-top:1px solid #051f3a14;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.group-users-selected-count{color:#4fb8b2;background:#4fb8b21a;border-radius:20px;padding:6px 12px;font-size:.75rem}.group-users-buttons{gap:12px;display:flex}.group-users-cancel{color:#475569;cursor:pointer;background:#0000000d;border:none;border-radius:12px;padding:8px 20px;font-family:inherit;font-size:.8rem;font-weight:500;transition:all .2s}.group-users-cancel:hover{background:#0000001a;transform:translateY(-1px)}.group-users-save{color:#1e293b;cursor:pointer;background:linear-gradient(135deg,#fdbf4d,#fdab2a);border:none;border-radius:12px;padding:8px 20px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s}.group-users-save:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fdbf4d4d}.group-users-save:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}@media (width<=640px){.group-users-modal{width:95%;max-height:90vh}.group-users-modal-header{padding:16px}.group-users-modal-icon{width:40px;height:40px}.group-users-modal-header h3{font-size:1rem}.group-users-modal-body{padding:16px}.group-users-actions{justify-content:center}.group-users-modal-footer{flex-direction:column}.group-users-buttons{width:100%}.group-users-cancel,.group-users-save{text-align:center;flex:1}}@media (width<=480px){.group-user-item{padding:10px}.group-user-avatar{width:32px;height:32px;font-size:.7rem}.group-user-name{font-size:.8rem}.group-user-email{font-size:.65rem}}@media (prefers-reduced-motion:reduce){.group-users-modal-overlay,.group-users-modal{animation:none}.group-user-item,.group-users-cancel,.group-users-save{transition:none}}.group-users-count{color:#64748b;background:#0000000d;border-radius:20px;margin-right:auto;padding:4px 10px;font-size:.7rem}.group-user-item.blocked{opacity:.6;cursor:not-allowed;background:#ef444405}.group-user-item.blocked:hover{background:#ef44440d}.group-user-blocked-badge{color:#ef4444;background:#ef44441a;border-radius:12px;align-items:center;gap:4px;margin-right:8px;padding:2px 6px;font-size:.6rem;font-weight:500;display:inline-flex}.group-user-blocked-icon{color:#ef4444;flex-shrink:0}.group-user-selected-icon{color:#22c55e;flex-shrink:0}.group-user-add-icon{color:#4fb8b2;flex-shrink:0}.group-user-avatar{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.group-user-item:hover .group-user-avatar{transform:scale(1.05)}.group-user-name{color:#1e293b;flex-wrap:wrap;align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:flex}.group-user-email{color:#64748b;word-break:break-all;direction:ltr;margin-top:2px;font-size:.65rem}.group-users-selected-count{color:#22c55e;background:#22c55e1a;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;display:flex}.group-users-actions{border-bottom:1px solid #051f3a14;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.group-user-item{cursor:pointer;border-bottom:1px solid #051f3a0d;border-radius:12px;align-items:center;gap:14px;padding:12px;transition:all .2s;display:flex}.group-user-item:hover{background:#4fb8b20d;transform:translate(-4px)}.group-user-item.selected{background:#22c55e0d}.group-user-info{flex:1;min-width:0}@media (width<=640px){.group-user-avatar{width:36px;height:36px;font-size:.7rem}.group-user-name{font-size:.8rem}.group-user-email{font-size:.6rem}.group-users-actions{justify-content:center}.group-users-count{text-align:center;width:100%;margin-right:0}}@media (width<=480px){.group-user-item{gap:10px;padding:10px}.group-user-avatar{width:32px;height:32px;font-size:.65rem}.group-user-name{flex-direction:column;align-items:flex-start;gap:4px;font-size:.75rem}.group-user-blocked-badge{margin-right:0}}:root{--sidebar-collapsed:146px;--sidebar-expanded:280px;--topbar-h:64px;--bottombar-h:64px;--bg:#f6fbff;--card:#fff;--text:#0b2b40;--card-bg:#144d73;--muted:#5b7a8f;--brand:#29c5f4;--brand2:#0590d0;--brand3:#ffcf70;--brand4:#fad384;--success:#27ae60;--error:#e74c3c;--loading:#f39c12;--color-green:#4caf50;--color-blue:#2196f3;--color-yellow:#fdbf4b;--color-orange:#ff9800;--color-red:#f44336;--border:#0b2b401a;--shadow:0 12px 35px #00000050;--shadow-deep:0 12px 35px #0000001f;--shadow2:0 10px 25px #00000026;--radius:16px}@font-face{font-family:MyPersianFont;src:url(/woya-prod-Far_Casablanca-DUXy752J.ttf)format("truetype");font-weight:400;font-style:normal}@keyframes onlineGlow{0%{box-shadow:0 0 4px #22c55e40}50%{box-shadow:0 0 10px #22c55e99}to{box-shadow:0 0 4px #22c55e40}}@keyframes offlineBlink{0%,to{opacity:1}50%{opacity:.35}}@keyframes onlinePulse{0%{box-shadow:0 0 #4caf5066}70%{box-shadow:0 0 0 6px #4caf5000}to{box-shadow:0 0 #4caf5000}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modalPop{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fillFromRight{0%{width:0%;right:0}to{width:100%;right:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeleton-shine{to{background-position-x:-200%}}@keyframes pulse{0%{box-shadow:0 0 #22c55e99}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.loader-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;background:#ffffffd9;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.loader-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius);box-shadow:var(--shadow-deep);background:#ffffffe6;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-width:200px;padding:32px;display:flex}.loader-container p{color:var(--brand2);margin:0;font-size:.95rem;font-weight:500}.loader{width:60px;height:60px;animation:6.4s linear infinite all-loader;position:relative}.plus{background:var(--brand2);border-radius:6px;width:20px;height:20px;animation-duration:1.6s;animation-timing-function:cubic-bezier(.34,1.56,.64,1);animation-iteration-count:infinite;position:absolute;transform:translate(0)}.c-arm{animation-name:center;top:20px;left:20px}.t-arm{animation-name:top;top:0;left:20px}.r-arm{animation-name:right;top:20px;left:40px}.b-arm{animation-name:bottom;top:40px;left:20px}.l-arm{animation-name:left;top:20px;left:0}@keyframes all-loader{0%{transform:rotate(0)}12.5%,25%{transform:rotate(90deg)}37.5%,50%{transform:rotate(180deg)}62.5%,75%{transform:rotate(270deg)}87.5%,to{transform:rotate(360deg)}}@keyframes center{0%,to{background-color:var(--brand2);border-radius:0;transform:scale(1)}50%{background-color:var(--card-bg);border-radius:50%;transform:scale(.9)}}@keyframes top{0%,99%{background-color:var(--brand2);border-radius:6px 6px 0 0;transform:translateY(0)}50%{background-color:var(--brand3);border-radius:50%;transform:translateY(-14px)}}@keyframes right{0%,to{background-color:var(--brand2);border-radius:0 6px 6px 0;transform:translate(0)}50%{background-color:var(--brand);border-radius:50%;transform:translate(14px)}}@keyframes bottom{0%,to{background-color:var(--brand2);border-radius:0 0 6px 6px;transform:translateY(0)}50%{background-color:var(--brand);border-radius:50%;transform:translateY(14px)}}@keyframes left{0%,to{background-color:var(--brand2);border-radius:6px 0 0 6px;transform:translate(0)}50%{background-color:var(--brand);border-radius:50%;transform:translate(-14px)}}.loader-small{width:32px;height:32px;animation:4s linear infinite all-loader-small;position:relative}.loader-small .plus{background:var(--brand2);border-radius:3px;width:10px;height:10px;animation-duration:1s;animation-iteration-count:infinite;position:absolute}.loader-small .c-arm{animation-name:center-small;top:11px;left:11px}.loader-small .t-arm{animation-name:top-small;top:0;left:11px}.loader-small .r-arm{animation-name:right-small;top:11px;left:22px}.loader-small .b-arm{animation-name:bottom-small;top:22px;left:11px}.loader-small .l-arm{animation-name:left-small;top:11px;left:0}@keyframes all-loader-small{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(360deg)}}@keyframes center-small{0%,to{border-radius:0;transform:scale(1)}50%{border-radius:50%;transform:scale(.7)}}@keyframes top-small{0%,to{transform:translateY(0)}50%{border-radius:50%;transform:translateY(-8px)}}@keyframes right-small{0%,to{transform:translate(0)}50%{border-radius:50%;transform:translate(8px)}}@keyframes bottom-small{0%,to{transform:translateY(0)}50%{border-radius:50%;transform:translateY(8px)}}@keyframes left-small{0%,to{transform:translate(0)}50%{border-radius:50%;transform:translate(-8px)}}.skeleton{background:linear-gradient(90deg,#0000000f 25%,#0000001a 50%,#0000000f 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s ease-in-out infinite skeleton-wave}@keyframes skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;margin:.5em 0}.skeleton-title{width:60%;height:1.5em;margin-bottom:.75em}.skeleton-avatar{border-radius:50%;width:48px;height:48px}.skeleton-card{border-radius:var(--radius);height:180px}.skeleton-table-row{height:48px;margin:8px 0}.btn-loading{pointer-events:none;opacity:.7;position:relative}.btn-loading:after{content:"";border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-top:-8px;margin-left:-8px;animation:.6s linear infinite button-spin;position:absolute;top:50%;left:50%}@keyframes button-spin{to{transform:rotate(360deg)}}.spinner-sm{border-width:2px;width:16px;height:16px}.spinner-lg{border-width:4px;width:48px;height:48px}.progress-loader{background:#0590d033;border-radius:2px;width:100%;height:4px;position:relative;overflow:hidden}.progress-loader-bar{background:linear-gradient(90deg, var(--brand2), var(--brand));border-radius:2px;width:30%;height:100%;animation:1.5s ease-in-out infinite progress-shimmer;position:absolute}@keyframes progress-shimmer{0%{left:-30%}to{left:100%}}.pulse-loader{align-items:center;gap:4px;display:flex}.pulse-dot{background:var(--brand2);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse-dot}.pulse-dot:nth-child(2){animation-delay:.2s}.pulse-dot:nth-child(3){animation-delay:.4s}@keyframes pulse-dot{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.loader,.loader-small,.skeleton,.spinner,.progress-loader-bar,.pulse-dot{animation:none}.skeleton{background:#0000000f}.spinner{border-top-color:#0000;border-right-color:var(--brand2)}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:var(--text-primary);background:linear-gradient(90deg,#fff,#26c6da,#4dd0e1f7,#00acc1) 0 0/400% 400%;flex-direction:column;min-height:100vh;font-family:MyPersianFont,Tahoma,sans-serif;animation:8s ease-in-out infinite waterMove;display:flex}button{cursor:pointer}a{color:var(--lagoon);text-decoration:none;transition:all .2s ease-in-out}a:hover{color:var(--accent-warm)}main{flex-direction:column;flex:1;display:flex}.app{flex-direction:row;width:100%;min-height:100vh;display:flex}.app__main{flex-direction:column;flex:1;min-width:0;padding:16px 24px 80px 16px;transition:all .28s cubic-bezier(.25,1,.5,1);display:flex}.topbar-wrap{z-index:50;padding-bottom:14px;position:sticky;top:0}.topbar{height:var(--topbar-h);-webkit-backdrop-filter:blur(12px)saturate(150%);backdrop-filter:blur(12px)saturate(150%);border:1px solid var(--line);box-shadow:var(--shadow);background:#051f3ad9;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.topbar-logo{width:3rem;max-height:100%}.topbar__title{color:var(--accent-warm);white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.topbar__spacer{flex:1}#refresh_token{color:#fff;background-color:#0590d0;border:none;border-radius:14px;padding:12px;transition:all .2s}#refresh_token svg{color:#fff;transition:all .2s}#refresh_token:hover{background-color:#42c3ff;transform:translateY(-3px);box-shadow:0 6px 8px #00608d5e}.footer{border-top:1px solid var(--line);color:var(--text-muted);margin-top:40px;padding:16px 20px;font-size:14px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-links{flex-wrap:wrap;gap:16px;display:flex}.footer-links a{color:var(--text-muted);text-decoration:none;transition:all .2s ease-in-out}.footer-links a:hover{color:var(--accent-warm)}#router{flex-direction:column;width:100%;display:flex;position:relative}.content{flex-direction:column;gap:18px;width:100%;max-width:1400px;margin:0 auto;display:flex}.hero{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#051f3ab3;flex-direction:column;gap:6px;margin-bottom:15px;padding:18px;display:flex}.hero h1{color:var(--accent-warm);font-size:1.4rem}.hero p{color:var(--text-secondary);align-items:center;gap:6px;line-height:1.9;display:flex}.logout{color:#fff;cursor:pointer;white-space:nowrap;background-color:#ef4444;border:none;border-radius:14px;align-items:center;gap:8px;padding:12px 16px;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.logout:hover{background-color:#dc2626;transform:translateY(-3px);box-shadow:0 6px 8px #ef44445e}.logout-ico{justify-content:center;align-items:center;display:inline-flex}@media (width<=768px){.app{flex-direction:column!important}.app__main{padding:12px 16px 120px!important}.app__main>:last-child{margin-bottom:30px!important}.content{gap:12px!important}.hero h1{font-size:1.2rem!important}.footer{margin-top:30px!important;margin-bottom:0!important;padding:16px 20px 40px!important}.footer-inner{text-align:center!important;flex-direction:column!important}.footer-links{justify-content:center!important}.hero,.content>div,section,.footer{scroll-margin-bottom:100px!important}}@media (width<=480px){.app__main{padding:8px 12px 120px!important}.hero{padding:12px!important}.app__main>:last-child{margin-bottom:40px!important}}@supports (padding-bottom:env(safe-area-inset-bottom)){@media (width<=768px){.app__main{padding-bottom:calc(120px + env(safe-area-inset-bottom))!important}.footer{padding-bottom:calc(40px + env(safe-area-inset-bottom))!important}}}.long-content-page .app__main,.page-with-long-content .app__main{padding-bottom:160px!important}@media (width<=768px){.long-content-page .app__main,.page-with-long-content .app__main{padding-bottom:180px!important}}.grid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.card{border-radius:var(--radius);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#0a2a4a,#051f3a);border:1px solid #4fb8b226;flex-direction:column;grid-column:span 6;height:100%;min-height:280px;padding:20px;transition:all .25s ease-in-out;display:flex}.card:hover{border-color:var(--lagoon);transform:translateY(-4px);box-shadow:0 10px 25px #0000004d}.card-content{flex-direction:column;flex:1;gap:12px;display:flex}.card h3{color:var(--text-light);text-align:center;margin:0;font-size:1.25rem;font-weight:700}.card p{color:var(--text-secondary);text-align:center;margin:0;font-size:.9rem;line-height:1.6}.card-avatar-bg{background:#f0f4f8;border-radius:50%;justify-content:center;align-items:center;width:5rem;height:5rem;margin:0 auto;padding:12px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000001a}.card:hover .card-avatar-bg{background:#fff;transform:scale(1.05);box-shadow:0 4px 12px #00000026}.card-avatar-bg img{object-fit:contain;width:100%;height:100%}.card-button-container{margin-top:auto;padding-top:16px}.progress-container{width:100%;margin-top:8px;padding:0 8px}.progress-header{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.progress-title{color:var(--text-secondary);letter-spacing:.3px;font-size:.7rem;font-weight:600}.progress-percentage{color:var(--accent-warm);background:#fdbf4d26;border-radius:20px;padding:2px 8px;font-size:.7rem;font-weight:700}.progress-bar{background:#ffffff1a;border-radius:10px;height:8px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent-warm), var(--accent-warm-hover));border-radius:10px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.card:hover .progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:1.5s ease-in-out infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-stats{justify-content:space-between;margin-top:8px;font-size:.7rem;display:flex}.progress-value{color:var(--accent-warm);font-weight:700}.progress-max{color:var(--text-muted)}.card-button{background:linear-gradient(135deg, var(--accent-warm), #fdab2a);color:#051f3a;text-align:center;cursor:pointer;border:none;border-radius:24px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 20px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.card-button:hover{color:#051f3a;background:linear-gradient(135deg,#fdab2a,#fd9a0a);transform:translateY(-2px);box-shadow:0 4px 12px #fdbf4d66}.card-button:active{transform:translateY(0)}.btn{background:linear-gradient(135deg, var(--accent-warm), #fdab2a);color:#051f3a;cursor:pointer;border:0;border-radius:24px;width:fit-content;min-width:80%;margin:auto;padding:10px 20px;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #fdbf4d4d}.btn:hover{background:linear-gradient(135deg,#fdab2a,#fd9a0a);transform:translateY(-2px);box-shadow:0 6px 16px #fdbf4d66}.btn--ghost{color:var(--accent-warm);box-shadow:none;border:1px solid var(--accent-warm);background:0 0}.btn--ghost:hover{color:var(--accent-warm);box-shadow:none;background:#fdbf4d1a;transform:translateY(-2px)}.pill{color:var(--accent-warm);background:#051f3acc;border:1px solid #fdbf4d4d;border-radius:40px;align-items:center;gap:8px;width:fit-content;padding:6px 12px;font-size:.75rem;font-weight:700;display:inline-flex}@media (width<=1024px){.card{grid-column:span 6}}@media (width<=768px){.grid{gap:12px}.card{grid-column:span 12;min-height:260px}.card h3{font-size:1.1rem}.card p{font-size:.85rem}.card-avatar-bg{width:4rem;height:4rem}}@media (width<=480px){.card{min-height:240px;padding:16px}.progress-title,.progress-percentage{font-size:.65rem}.card-button{padding:8px 16px;font-size:.8rem}}:root{--sidebar-expanded:260px;--sidebar-collapsed:72px;--bottom-nav-height:65px}@media (width>=769px){.sidebar{height:calc(100vh - 32px);width:var(--sidebar-expanded);-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%);z-index:100;background:linear-gradient(135deg,#fffffff2,#ffffffd9);border:1px solid #051f3a14;border-radius:20px;flex-direction:column;flex-shrink:0;gap:12px;margin-top:16px;margin-bottom:16px;margin-right:16px;padding:16px 12px;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:16px;box-shadow:0 8px 32px #0000000f}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:#00000008;border-radius:4px}.sidebar::-webkit-scrollbar-thumb{background:#0590d040;border-radius:4px}.app.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed)}.side-head{border-bottom:1px solid #051f3a14;flex-shrink:0;align-items:center;gap:12px;padding:8px 8px 16px;display:flex}.avatar{background:linear-gradient(135deg,#4fb8b233,#0590d026);border:1.5px solid #4fb8b24d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;overflow:hidden}.user-meta{flex-direction:column;flex:1;gap:4px;min-width:0;transition:opacity .2s,visibility .2s;display:flex}.user-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.user-sub{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.side-toggle{cursor:pointer;color:#4fb8b2;background:#fff;border:none;border-radius:30px;flex-shrink:0;justify-content:center;align-items:center;margin-left:-25px;margin-right:5px;padding:8px;transition:all .3s;display:inline-flex;box-shadow:0 2px 8px #0000000f}.side-toggle:hover{color:#0590d0;background:#f0f9ff}.app.sidebar-expanded .side-toggle{margin-left:-25px;transform:rotate(180deg)}.app.sidebar-collapsed .user-meta,.app.sidebar-collapsed .nav-text,.app.sidebar-collapsed .nav-divider,.app.sidebar-collapsed .logout-text{opacity:0;visibility:hidden;display:none}.app.sidebar-collapsed .nav-item,.app.sidebar-collapsed .side-foot .logout{justify-content:center;width:48px;height:48px;margin:0 auto;padding:12px}.app.sidebar-collapsed .side-head{justify-content:center;gap:0;padding:8px 0 16px}.app.sidebar-collapsed .avatar{margin:0 auto}.side-nav{flex-direction:column;flex:1;gap:6px;display:flex}.nav-item{color:#475569;white-space:nowrap;cursor:pointer;background:#ffffffb3;border-radius:14px;align-items:center;gap:12px;min-height:44px;padding:10px 12px;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:#0590d0;background:#4fb8b21f}.nav-item.active{color:#0590d0;background:linear-gradient(135deg,#4fb8b226,#0590d01a);border-right:3px solid #4fb8b2}.nav-ico{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.nav-text{font-size:.85rem;font-weight:600}.nav-divider{color:#94a3b8;border-top:1px solid #051f3a0f;margin-top:8px;padding:12px 12px 4px;font-size:.65rem;font-weight:600}.side-foot{border-top:1px solid #051f3a14;flex-shrink:0;margin-top:auto;padding-top:12px}.side-foot .logout{color:#ef4444;cursor:pointer;background-color:#ef444414;border:none;border-radius:14px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.side-foot .logout:hover{background-color:#ef444426}}@media (width<=768px){.sidebar{display:none!important}.mobile-bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;padding:8px 12px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));background:#fffffff5;border-top:1px solid #051f3a1a;justify-content:space-around;align-items:center;gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000000d}.mobile-nav-item{color:#64748b;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:.7rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.mobile-nav-item svg{width:20px;height:20px}.mobile-nav-item span{font-size:.65rem}.mobile-nav-item.active{color:#0590d0;background:#0590d014}.mobile-nav-item:hover{color:#4fb8b2;background:#4fb8b214}.mobile-logout-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:.7rem;font-weight:500;transition:all .2s;display:flex}.mobile-logout-btn svg{width:20px;height:20px}.mobile-logout-btn:hover{background:#ef444414}.side-toggle{display:none}}.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#00000059;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal.hidden{opacity:0;pointer-events:none}.modal:not(.hidden){opacity:1;pointer-events:auto;animation:.25s modalPop}.modal-box{background:var(--card);border-radius:var(--radius);text-align:center;width:90%;max-width:360px;box-shadow:var(--shadow);border:1px solid var(--border);flex-direction:column;gap:16px;padding:24px;display:flex}.modal-box h3{color:var(--text);margin:0;font-size:1.3rem}.modal-box p{color:var(--muted);line-height:1.6}.modal-actions{justify-content:center;gap:12px;margin-top:8px;display:flex}.modal-content{border-radius:var(--radius);width:700px;max-width:90%;padding:0;animation:.25s modalPop;overflow:hidden;-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important;background:#ffffffb3!important}.modal-content .modal-header{border-bottom:1px solid var(--border);background:#ffffffb3;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-content .modal-header h3{color:var(--brand2);margin:0;font-size:1.2rem}.modal-close{cursor:pointer;color:var(--muted);background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;transition:all .2s;display:flex}.modal-close:hover{color:var(--text);background:#0000001a}.modal-content .modal-body{max-height:60vh;padding:24px;overflow-y:auto}.modal-content .modal-footer{border-top:1px solid var(--border);background:#ffffff80;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .25s;display:none;position:fixed;top:0;left:0}.modal-overlay.open{opacity:1;display:flex}.modal-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius);box-shadow:var(--shadow-deep);background:#ffffffd9;border:1px solid #fff3;flex-direction:column;width:90%;max-width:500px;max-height:85vh;margin:20px;animation:.3s ease-out modalSlideIn;display:flex;overflow:hidden}.modal-card .modal-header{border-bottom:1px solid var(--border);background:#ffffffb3;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-card .modal-header h3{color:var(--text);margin:0;font-size:1.3rem;font-weight:600}.close-modal{cursor:pointer;color:var(--muted);background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;line-height:1;transition:all .2s;display:flex}.close-modal:hover{color:var(--text);background:#0000001a}.modal-meta{border-bottom:1px solid var(--border);color:var(--muted);background:#f5f5f5b3;justify-content:space-between;padding:14px 24px;font-size:.9rem;display:flex}.modal-card .modal-body{color:var(--text);background:#fff6;flex:1;min-height:120px;padding:24px;line-height:1.7;overflow-y:auto}.modal-card .modal-footer{border-top:1px solid var(--border);background:#ffffffb3;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}#addUserModal{z-index:1200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000059;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}#addUserModal.hidden{opacity:0;pointer-events:none}#addUserModal:not(.hidden){animation:.25s modalPop}.add-user-modal{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:var(--radius);width:750px;max-width:95%;max-height:80vh;box-shadow:var(--shadow);background:#ffffffd9;overflow:hidden}.user-select-table{border-collapse:collapse;width:100%;font-size:14px}.user-select-table th,.user-select-table td{border-bottom:1px solid var(--border);padding:12px}.user-select-table th{text-align:right;color:var(--brand2);opacity:1;background:0 0;font-weight:600}.user-select-table td{color:var(--text)}.user-select-table tr:hover{background:#0000000a}.user-checkbox{cursor:pointer;width:18px;height:18px;accent-color:var(--brand2)}.logout-ico-popup{background:var(--error);border-radius:100%;justify-content:center;width:fit-content;margin:0 auto;padding:12px;display:flex}.logout-icon-popup{width:28px;height:28px;color:var(--bg);fill:var(--bg)}.error-btn{background-color:var(--error);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;padding:8px 16px;font-family:MyPersianFont,Tahoma,sans-serif;font-size:1rem;transition:all .2s}.error-btn--ghost{color:var(--error);border:1px solid var(--error);background-color:#0000}.error-btn:hover{box-shadow:var(--shadow-deep);transform:translateY(-2px)}.error-btn:active{transform:translateY(0)}@media (width<=768px){.modal-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;width:95%;max-width:95%;max-height:90vh;margin:15px}.modal-card .modal-header{padding:16px 20px}.modal-card .modal-body{min-height:100px;padding:20px}.modal-meta{flex-direction:column;gap:6px;padding:12px 20px}.modal-card .modal-footer{padding:14px 20px}.modal-content{width:95%}}@media (width<=480px){.modal-card{border-radius:12px;width:calc(100% - 30px);max-width:calc(100% - 30px);margin:15px}.modal-card .modal-header{padding:14px 16px}.modal-card .modal-body{padding:18px 16px}.modal-card .modal-footer{padding:12px 16px}.modal-box{max-width:320px;padding:20px}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;width:auto;min-width:280px;max-width:400px;display:flex;position:fixed;bottom:24px;right:24px}@media (width<=768px){.toast-container{width:auto;max-width:none;bottom:16px;left:16px;right:16px}}.toast{background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;cursor:pointer;opacity:0;border:1px solid var(--border);border-radius:12px;padding:0;transition:all .2s;animation:.2s forwards toast-enter;position:relative;overflow:hidden;transform:translate(12px);box-shadow:0 4px 12px #00000014,0 1px 2px #0000000d}@keyframes toast-enter{to{opacity:1;transform:translate(0)}}@keyframes toast-exit{to{opacity:0;transform:translate(12px)}}.toast.toast-exiting{animation:.15s forwards toast-exit}.toast:hover{transform:translateY(-1px);box-shadow:0 8px 24px #0000001f}.toast:before{content:"";background:currentColor;width:3px;position:absolute;top:0;bottom:0;left:0}.toast-inner{gap:12px;padding:14px 16px;display:flex}.toast-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;display:flex}.toast-icon svg{stroke-width:1.75px;width:18px;height:18px}.toast-title{color:var(--text);margin-bottom:4px;font-size:.85rem;font-weight:600;line-height:1.4}.toast-message{color:var(--muted);word-wrap:break-word;white-space:normal;font-size:.75rem;line-height:1.5}.toast-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.toast-close{cursor:pointer;width:24px;height:24px;color:var(--muted);opacity:.6;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.toast-close:hover{color:var(--text);opacity:1;background:#0000000d}.toast-close svg{width:14px;height:14px}.toast-success{--toast-accent:#2b7e3a}.toast-success:before{background:var(--toast-accent)}.toast-success .toast-icon{color:#2b7e3a}.toast-error{--toast-accent:#b91c1c}.toast-error:before{background:var(--toast-accent)}.toast-error .toast-icon{color:#b91c1c}.toast-warning{--toast-accent:#b45309}.toast-warning:before{background:var(--toast-accent)}.toast-warning .toast-icon{color:#b45309}.toast-info{--toast-accent:#1e6f9f}.toast-info:before{background:var(--toast-accent)}.toast-info .toast-icon{color:#1e6f9f}.toast-disconnected{--toast-accent:#4b5563}.toast-disconnected:before{background:var(--toast-accent)}.toast-disconnected .toast-icon{color:#4b5563}.toast-pending{--toast-accent:#475569}.toast-pending:before{background:var(--toast-accent)}.toast-pending .toast-icon{color:#475569}.toast-pending{cursor:default}.toast-pending .toast-close{display:none}.toast-notification{--toast-accent:#0e7a9e}.toast-notification:before{background:var(--toast-accent)}.toast-notification .toast-icon{color:#0e7a9e}.toast-progress{background:#0000000d;height:2px;position:absolute;bottom:0;left:0;right:0}.toast-progress-bar{background:var(--toast-accent);opacity:.5;width:100%;height:100%;animation:linear forwards toast-progress-shrink}@keyframes toast-progress-shrink{0%{width:100%}to{width:0%}}.toast-message-multiline{border-top:1px solid var(--border);margin-top:6px;padding-top:6px;display:block}.toast-message ul,.toast-message ol{margin:6px 0;padding-right:18px}.toast-message li{margin:3px 0;font-size:.75rem;line-height:1.4}.toast-message code{color:var(--text);background:#0000000a;border-radius:4px;padding:2px 5px;font-family:monospace;font-size:.7rem}.toast-message a{color:var(--brand2);text-decoration:none}.toast-message a:hover{text-decoration:underline}.toast-action-buttons{border-top:1px solid var(--border);gap:8px;margin-top:10px;padding-top:8px;display:flex}.toast-action-btn{border:1px solid var(--border);cursor:pointer;color:var(--muted);background:0 0;border-radius:6px;padding:5px 12px;font-family:inherit;font-size:.7rem;font-weight:500;transition:all .15s}.toast-action-btn:hover{color:var(--text);background:#0000000a}.toast-action-btn-primary{background:var(--brand2);border-color:var(--brand2);color:#fff}.toast-action-btn-primary:hover{background:var(--brand);transform:none}.toast-stack+.toast-stack{opacity:.9;margin-top:-6px}.toast-pending-loader{flex-shrink:0;width:18px;height:18px}@media (width<=768px){.toast-inner{gap:10px;padding:12px 14px}.toast-icon svg{width:16px;height:16px}.toast-title{font-size:.8rem}.toast-message{font-size:.7rem}.toast-action-btn{padding:4px 10px;font-size:.65rem}}@media (prefers-reduced-motion:reduce){.toast,.toast-progress-bar,.toast.toast-exiting{animation:none}.toast{opacity:1;transform:none}.toast-progress-bar{width:0%}}.toaster-container{z-index:10000;flex-direction:column;gap:12px;width:100%;max-width:420px;display:flex;position:fixed;bottom:24px;left:auto;right:24px}@media (width<=768px){.toaster-container{max-width:calc(100% - 32px);bottom:16px;left:16px;right:16px}}.toast-item{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;border-right:4px solid;border-radius:12px;align-items:flex-start;gap:12px;padding:14px 16px;transition:all .3s;animation:.3s forwards toastSlideIn;display:flex;box-shadow:0 4px 12px #0000001a}.toast-item.exiting{animation:.3s forwards toastSlideOut}@keyframes toastSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.toast-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.toast-icon{flex-shrink:0}.toast-content{flex:1;min-width:0}.toast-title{color:var(--text);margin-bottom:4px;font-size:.9rem;font-weight:600}.toast-message{color:var(--muted);word-break:break-word;font-size:.8rem;line-height:1.4}.toast-close{cursor:pointer;color:var(--muted);background:0 0;border:none;flex-shrink:0;margin:-4px;padding:4px;transition:color .2s}.toast-close:hover{color:var(--text)}.global-loader-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#ffffffd9;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.global-loader-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius);box-shadow:var(--shadow);background:#ffffffe6;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-width:200px;padding:32px;display:flex}.loader-message{color:var(--brand2);text-align:center;font-size:.9rem;font-weight:500}.inline-loader{justify-content:center;align-items:center;display:inline-flex}.inline-loader-spinner{display:inline-block;position:relative}.spinner{border:2px solid var(--line);border-top-color:currentColor;border-radius:50%;width:100%;height:100%;animation:.6s linear infinite spin}@media (prefers-reduced-motion:reduce){.toast-item,.global-loader-overlay,.spinner{animation:none}.toast-item.exiting{display:none}}.pwa-install{z-index:2000;justify-content:center;animation:.3s fadeIn;display:none;position:fixed;bottom:90px;left:20px;right:20px}.pwa-install.show{display:flex}.pwa-box{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-deep);text-align:center;border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;width:100%;max-width:420px;padding:20px 24px}.pwa-box h3{color:var(--brand2);margin-bottom:8px;font-size:1.25rem;font-weight:700}.pwa-box p{color:var(--muted);margin-bottom:20px;font-size:.9rem;line-height:1.5}.pwa-buttons-box{justify-content:center;gap:12px;width:100%;display:flex}.pwa-btn{background:linear-gradient(90deg, var(--brand3), var(--brand4));cursor:pointer;width:100%;color:var(--text);border:none;border-radius:14px;padding:10px 16px;font-family:MyPersianFont,Tahoma,sans-serif;font-size:.95rem;font-weight:600;transition:all .2s}.pwa-btn--ghost{border:2px solid var(--brand3);color:var(--text);background:0 0}.pwa-btn--ghost:hover{background:#ffcf701a}.pwa-btn:hover{opacity:.95;box-shadow:var(--shadow2);transform:translateY(-2px)}.pwa-btn:active{transform:translateY(0)}@media (width<=768px){.pwa-install{bottom:80px;left:16px;right:16px}.pwa-box{padding:16px 20px}.pwa-box h3{font-size:1.1rem}.pwa-buttons-box{gap:10px}.pwa-btn{padding:8px 12px;font-size:.85rem}}@media (width<=480px){.pwa-install{bottom:70px}.pwa-box{padding:14px 16px}}@media (width<=768px) and (orientation:landscape){.pwa-install{bottom:10px}.pwa-box{padding:12px 20px}.pwa-box h3{margin-bottom:4px;font-size:1rem}.pwa-box p{margin-bottom:12px;font-size:.8rem}}.page-content{width:100%}.status-panel{background:#fff;border-radius:12px;margin-top:40px;padding:20px;animation:.6s fadeIn;box-shadow:0 4px 14px #0000000d}.status-header{margin-bottom:15px;font-weight:600}.status-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.status-item{background:#f7f8fa;border-radius:8px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;transition:all .25s;display:flex}.status-item:hover{transform:translateY(-2px);box-shadow:0 6px 14px #00000014}.status-dot{border-radius:50%;width:10px;height:10px;position:relative}.status-item.online .status-dot{background:#22c55e;animation:2s infinite pulse}.status-item.offline .status-dot{background:#ef4444}.status-item.warning .status-dot{background:#f59e0b}.status-name{font-weight:500}.cluster-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-top:15px;display:grid}.stat-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff73;border-radius:10px;padding:16px}.stat-card span{opacity:.7;font-size:13px}.stat-card strong{margin:4px 0;font-size:24px;display:block}.stat-card small{opacity:.7;font-size:12px}.profile-field{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.field-info{flex-direction:column;display:flex}.field-info label{opacity:.7;font-size:13px}.field-info span{font-size:16px}.edit-input{border:1px solid #00000026;border-radius:6px;padding:6px;display:none}.btn-edit{cursor:pointer;color:#333;background:#ffcf70;border:none;border-radius:8px;padding:6px 14px;transition:all .2s;box-shadow:0 3px 6px #00000026}.btn-edit:hover{transform:translateY(-1px);box-shadow:0 6px 14px #00000026}.role-btn svg{display:none}@media (width<=520px){.role-btn svg{display:block}.role-btn p{display:none}.role-btn{padding:5px!important}}.group-box{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff73;border-radius:12px;min-width:0;padding:18px;transition:transform .2s,box-shadow .2s}.group-box:hover{box-shadow:var(--shadow2);transform:translateY(-2px)}.group-title-wrapper{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.group-title{color:var(--brand2);align-items:baseline;gap:8px;margin:0;font-size:1.25rem;font-weight:700;display:inline-flex}.group-title-en{color:var(--muted);direction:ltr;font-size:.8rem;font-weight:400;display:inline-block}.group-description{background:#ffffff59;border-radius:10px;margin:12px 0;padding:12px}.description-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.description-list li{color:var(--text);background:#ffffff8c;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:.85rem;display:inline-flex}.group-apps{background:#ffffff40;border-radius:10px;margin:12px 0;padding:10px 12px}.apps-label{color:var(--muted);margin-bottom:8px;font-size:.8rem;font-weight:500}.apps-icons{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.app-icon{object-fit:contain;cursor:pointer;background:#ffffff80;border-radius:8px;width:32px;height:32px;padding:4px;transition:transform .2s,filter .2s}.app-icon:hover{filter:drop-shadow(0 2px 4px #0003);transform:scale(1.1)}.group-table{border-collapse:collapse;width:100%;margin-top:10px}.group-table th{text-align:right;opacity:.7;padding:10px;font-size:14px}.group-table td{border-top:1px solid #00000014;padding:10px}.group-table tbody tr:hover{cursor:pointer;background:#0000000f}.group-table td.email{direction:ltr;font-family:monospace;font-size:.85rem}.group-table td.last-col{text-align:left}.user-table{border-collapse:collapse;width:100%;margin-top:10px}.user-table th{text-align:right;opacity:.7;white-space:nowrap;padding:10px;font-size:14px}.user-table td{border-top:1px solid #00000014;padding:10px}.user-table tr:hover{background:#0000000a}.switch{width:42px;height:22px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background:#c3c3c3;border-radius:22px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;top:2px;left:2px}.switch input:checked+.slider{background:#4cd137}.switch input:checked+.slider:before{transform:translate(20px)}.field-actions{gap:8px;display:flex}.btn-save,.btn-cancel{cursor:pointer;border:none;border-radius:8px;padding:6px 14px;font-size:.8rem;transition:all .2s}.btn-save{background:var(--success);color:#fff}.btn-save:hover{background:#219653}.btn-cancel{background:var(--error);color:#fff}.btn-cancel:hover{background:#c0392b}.edit-input{border:2px solid var(--brand);background:#fff;border-radius:8px;width:100%;max-width:250px;padding:8px 12px}.groups-list{flex-direction:column;gap:16px;display:flex}.group-box{background:var(--surface);border-radius:12px;padding:16px;transition:all .2s}.group-box:hover{background:var(--surface-strong)}.group-header{cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.group-title-wrapper{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.group-title{color:var(--brand2);font-size:1.1rem;font-weight:700}.group-title-en{color:var(--muted);margin-right:8px;font-size:.8rem}.group-users-count{color:var(--muted);align-items:center;gap:4px;font-size:.8rem;display:flex}.manage-users-btn{border:1px solid var(--brand2);color:var(--brand2);cursor:pointer;background:0 0;border-radius:20px;padding:6px 14px;font-size:.8rem;transition:all .2s}.manage-users-btn:hover{background:var(--brand2);color:#fff}.group-details{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.group-description{color:var(--muted);margin-bottom:12px;font-size:.9rem}.app-badge{background:var(--brand2);color:#fff;border-radius:20px;padding:4px 10px;font-size:.75rem}.users-grid{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.user-chip{background:var(--surface);border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;display:flex}.user-chip .user-name{font-weight:500}.modal-search{margin-bottom:20px}.search-input{border:2px solid var(--line);border-radius:8px;width:100%;margin-bottom:12px;padding:10px 14px}.selection-actions{gap:10px;display:flex}.select-all-btn,.deselect-all-btn{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-size:.8rem}.role-badge{background:var(--surface);border-radius:12px;margin:2px;padding:2px 8px;font-size:.7rem;display:inline-block}.user-status-badge{align-items:center;gap:6px;display:inline-flex}.user-status-badge .status-dot{border-radius:50%;width:8px;height:8px}.user-status-badge.online .status-dot{background:var(--success);animation:1.5s infinite pulse}.user-status-badge.offline .status-dot{background:var(--error)}.user-status-badge .status-text{font-size:.75rem}.user-search{margin-bottom:20px}.user-roles{flex-wrap:wrap;gap:4px;display:flex}.cluster-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.stat-card{background:var(--surface);border-radius:12px;padding:16px}.stat-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.stat-icon{font-size:1.2rem}.stat-label{color:var(--muted);font-weight:500}.stat-value{margin-bottom:8px;font-size:1.8rem;font-weight:700}.progress-bar.small{height:4px}@media (width<=768px){.group-header{flex-direction:column;align-items:flex-start}.stat-value{font-size:1.4rem}.cluster-stats{grid-template-columns:1fr 1fr}.edit-input{max-width:100%}.field-actions{flex-direction:column;gap:6px}}.notif-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #051f3a14;border-radius:20px;margin-top:20px;padding:20px}.notif-empty{text-align:center;padding:48px 20px}.notif-empty-icon{color:#94a3b8;opacity:.5;margin-bottom:16px}.notif-empty h3{color:#1e293b;margin:0 0 8px;font-size:1rem;font-weight:600}.notif-empty p{color:#64748b;margin:0;font-size:.8rem}.notif-filters{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #051f3a14;border-radius:16px;margin-bottom:20px;padding:16px}.notif-filters-row{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}.notif-filters-row:last-child{margin-bottom:0}.notif-search{flex:2;min-width:200px;position:relative}.notif-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.notif-search-input{color:#1e293b;background:#fff;border:1px solid #051f3a1f;border-radius:12px;width:100%;padding:10px 36px 10px 12px;font-family:inherit;font-size:.85rem;transition:all .2s}.notif-search-input:focus{border-color:#4fb8b2;outline:none;box-shadow:0 0 0 3px #4fb8b21a}.notif-search-input::placeholder{color:#94a3b8}.notif-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;transition:all .2s;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.notif-search-clear:hover{color:#ef4444;background:#ef44441a}.notif-connection{white-space:nowrap;border-radius:30px;align-items:center;gap:6px;padding:8px 16px;font-size:.75rem;font-weight:500;display:flex}.notif-connection.connected{color:#22c55e;background:#22c55e1a}.notif-connection.disconnected{color:#ef4444;background:#ef44441a}.notif-filter-buttons{flex-wrap:wrap;flex:2;gap:8px;display:flex}.notif-filter-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #051f3a1f;border-radius:30px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.notif-filter-btn:hover{color:#4fb8b2;border-color:#4fb8b2;transform:translateY(-1px)}.notif-filter-btn.active{color:#fff;background:#4fb8b2;border-color:#4fb8b2}.notif-sort{background:#fff;border:1px solid #051f3a1f;border-radius:30px;align-items:center;gap:4px;padding:4px;display:flex}.notif-sort-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:24px;padding:6px 14px;font-family:inherit;font-size:.75rem;font-weight:500;transition:all .2s}.notif-sort-btn.active{color:#fff;background:#4fb8b2}.notif-sort-order{cursor:pointer;color:#475569;background:0 0;border:none;border-radius:24px;align-items:center;gap:4px;padding:6px 10px;transition:all .2s;display:flex}.notif-sort-order:hover{background:#0000000d}.notif-sort-indicator{font-size:.7rem;font-weight:700}.notif-stats{align-items:center;gap:12px;margin-right:auto;display:flex}.notif-total{color:#64748b;background:#00000008;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;display:flex}.notif-mark-all{color:#4fb8b2;cursor:pointer;background:#4fb8b21a;border:none;border-radius:30px;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.notif-mark-all:hover{background:#4fb8b233;transform:translateY(-1px)}.notif-list{flex-direction:column;gap:12px;display:flex}.notif-item{cursor:pointer;background:#fff9;border:1px solid #0000;border-radius:16px;gap:16px;padding:16px;transition:all .2s;display:flex}.notif-item:hover{background:#ffffffe6;border-color:#4fb8b233;transform:translate(-4px);box-shadow:0 2px 8px #0000000d}.notif-item-unread{background:linear-gradient(135deg,#4fb8b20d,#0590d008);border-right:3px solid #4fb8b2}.notif-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.notif-icon-info{color:#0590d0;background:#0590d01a}.notif-icon-success{color:#22c55e;background:#22c55e1a}.notif-icon-warning{color:#f59e0b;background:#f59e0b1a}.notif-icon-error{color:#ef4444;background:#ef44441a}.notif-content{flex:1;min-width:0}.notif-title{color:#1e293b;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;font-size:.95rem;font-weight:700;display:flex}.notif-unread-dot{background:#4fb8b2;border-radius:50%;width:8px;height:8px;animation:2s infinite notifPulse;display:inline-block}@keyframes notifPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.notif-message{color:#64748b;margin-bottom:8px;font-size:.8rem;line-height:1.5}.notif-meta{color:#94a3b8;align-items:center;gap:16px;font-size:.65rem;display:flex}.notif-time,.notif-from{align-items:center;gap:4px;display:flex}.notif-pagination{border-top:1px solid #051f3a14;justify-content:center;align-items:center;gap:12px;margin-top:24px;padding-top:20px;display:flex}.notif-pagination-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #051f3a1f;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.notif-pagination-btn:hover:not(:disabled){color:#4fb8b2;border-color:#4fb8b2}.notif-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.notif-pagination-pages{gap:6px;display:flex}.notif-pagination-page{color:#475569;cursor:pointer;background:#fff;border:1px solid #051f3a1f;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-family:inherit;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.notif-pagination-page:hover{color:#4fb8b2;border-color:#4fb8b2}.notif-pagination-page.active{color:#fff;background:#4fb8b2;border-color:#4fb8b2}.notif-total-count{text-align:center;color:#94a3b8;margin-top:16px;padding-top:12px;font-size:.7rem}.notif-skeleton{flex-direction:column;gap:12px;display:flex}.notif-skeleton-item{background:#fff6;border-radius:16px;gap:16px;padding:16px;display:flex}.notif-skeleton-icon{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:14px;width:44px;height:44px;animation:1.5s infinite notifShimmer}.notif-skeleton-content{flex:1}.notif-skeleton-title{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:8px;width:200px;height:16px;margin-bottom:8px;animation:1.5s infinite notifShimmer}.notif-skeleton-text{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:6px;width:100%;height:12px;margin-bottom:8px;animation:1.5s infinite notifShimmer}.notif-skeleton-meta{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:4px;width:150px;height:10px;animation:1.5s infinite notifShimmer}@keyframes notifShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.notif-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s notifFadeIn;display:flex;position:fixed;inset:0}@keyframes notifFadeIn{0%{opacity:0}to{opacity:1}}.notif-modal{background:#fff;border-radius:24px;width:90%;max-width:550px;animation:.3s notifSlideUp;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes notifSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.notif-modal-header{border-bottom:1px solid #00000014;align-items:center;gap:16px;padding:20px 24px;display:flex}.notif-modal-icon{border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.notif-modal-icon-info{color:#0590d0;background:#0590d01a}.notif-modal-icon-success{color:#22c55e;background:#22c55e1a}.notif-modal-icon-warning{color:#f59e0b;background:#f59e0b1a}.notif-modal-icon-error{color:#ef4444;background:#ef44441a}.notif-modal-title{flex:1}.notif-modal-title h2{color:#1e293b;margin:0 0 4px;font-size:1.1rem;font-weight:700}.notif-modal-time{color:#64748b;flex-wrap:wrap;align-items:center;gap:6px;font-size:.7rem;display:flex}.notif-modal-separator{margin:0 4px}.notif-modal-close{cursor:pointer;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.notif-modal-close:hover{background:#0000001a;transform:scale(1.05)}.notif-modal-body{color:#1e293b;padding:24px;font-size:.9rem;line-height:1.7}.notif-modal-body p{white-space:pre-wrap;word-break:break-word;margin:0}.notif-modal-metadata{border-top:1px solid #0000000d;margin-top:16px;padding-top:12px}.notif-modal-metadata small{color:#64748b;font-size:.7rem}.notif-modal-metadata pre{white-space:pre-wrap;word-break:break-word;color:#475569;background:#00000008;border-radius:8px;margin-top:8px;padding:12px;font-family:monospace;font-size:11px;overflow-x:auto}.notif-modal-footer{border-top:1px solid #00000014;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.notif-modal-mark-read{color:#1e293b;cursor:pointer;background:linear-gradient(135deg,#fdbf4d,#fdab2a);border:none;border-radius:14px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.notif-modal-mark-read:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fdbf4d4d}.notif-modal-close-btn{color:#475569;cursor:pointer;background:#0000000d;border:none;border-radius:14px;padding:10px 20px;font-family:inherit;font-size:.8rem;font-weight:500;transition:all .2s}.notif-modal-close-btn:hover{background:#0000001a}@media (width<=768px){.notif-container{padding:16px}.notif-filters{padding:12px}.notif-filters-row{flex-direction:column}.notif-filter-buttons,.notif-sort{justify-content:center}.notif-stats{justify-content:space-between;width:100%;margin-right:0}.notif-item{padding:12px}.notif-icon{width:36px;height:36px}.notif-title{font-size:.85rem}.notif-message{font-size:.75rem}.notif-meta{gap:12px}.notif-pagination{flex-wrap:wrap}.notif-pagination-pages{order:3;justify-content:center;width:100%}.notif-modal{width:95%}.notif-modal-header{padding:16px}.notif-modal-icon{width:40px;height:40px}.notif-modal-title h2{font-size:1rem}.notif-modal-body{padding:16px}.notif-modal-footer{padding:12px 16px}}@media (width<=480px){.notif-container{padding:12px}.notif-filters{padding:10px}.notif-filter-btn{padding:6px 10px;font-size:.7rem}.notif-filter-btn span{display:none}.notif-filter-btn svg{margin:0}.notif-sort-btn{padding:6px 10px;font-size:.7rem}.notif-item{flex-direction:column;gap:12px}.notif-icon{align-self:flex-start}.notif-meta{flex-direction:column;align-items:flex-start;gap:4px}.notif-pagination-btn{padding:6px 12px}.notif-pagination-page{width:32px;height:32px;font-size:.75rem}.notif-modal-footer{flex-direction:column-reverse}.notif-modal-mark-read,.notif-modal-close-btn{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.notif-item,.notif-filter-btn,.notif-mark-all,.notif-pagination-btn,.notif-pagination-page,.notif-modal-close,.notif-modal-mark-read,.notif-modal-close-btn{transition:none!important;animation:none!important}.notif-unread-dot{animation:none!important}.notif-skeleton-icon,.notif-skeleton-title,.notif-skeleton-text,.notif-skeleton-meta{background:#e2e8f0;animation:none!important}}.notif-filter-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.notif-filter-label{color:#64748b;min-width:50px;font-size:.75rem;font-weight:600}.notif-service-filters{flex-wrap:wrap}.notif-service-btn{white-space:nowrap}.notif-service-btn.active{color:#fff;background:#4fb8b2;border-color:#4fb8b2}.notif-service{color:#4fb8b2;white-space:nowrap;background:#4fb8b21a;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.7rem;font-weight:500;display:inline-flex}.service-icon{align-items:center;display:inline-flex}@media (width<=768px){.notif-filter-group{flex-direction:column;align-items:flex-start;gap:8px;width:100%}.notif-filter-label{min-width:auto}.notif-service-filters{width:100%}.notif-service-btn{flex:1;justify-content:center}}@media (width<=480px){.notif-service-btn span{display:inline}}.notif-service-badge{color:#4fb8b2;background:#4fb8b21a;border-radius:12px;align-items:center;width:fit-content;margin-bottom:6px;padding:2px 8px;font-size:.65rem;font-weight:500;display:inline-flex}.notif-modal-content{color:#1e293b;font-size:.9rem;line-height:1.8}.notif-modal-content h1,.notif-modal-content h2,.notif-modal-content h3,.notif-modal-content h4{color:#1e293b;margin-top:1em;margin-bottom:.5em}.notif-modal-content h1{font-size:1.5rem}.notif-modal-content h2{font-size:1.3rem}.notif-modal-content h3{font-size:1.1rem}.notif-modal-content h4{font-size:1rem}.notif-modal-content p{margin-bottom:1em;line-height:1.7}.notif-modal-content br{margin:4px 0;display:block}.notif-modal-content b,.notif-modal-content strong{color:#0f172a;font-weight:700}.notif-modal-content ul,.notif-modal-content ol{margin:.5em 0;padding-right:1.5em}.notif-modal-content li{margin:.25em 0;line-height:1.6}.notif-modal-content a{color:#4fb8b2;text-decoration:none}.notif-modal-content a:hover{text-decoration:underline}.notif-modal-content code{color:#e11d48;background:#f1f5f9;border-radius:6px;padding:2px 6px;font-family:monospace;font-size:.85em}.notif-modal-content pre{background:#f1f5f9;border-radius:8px;margin:1em 0;padding:12px;font-family:monospace;font-size:.8rem;overflow-x:auto}.notif-modal-content li{align-items:center;gap:4px;display:flex}.notif-modal-content b+br{margin-top:8px}.notif-modal-content{max-height:60vh;padding-left:4px;font-family:inherit;overflow-y:auto}.notif-modal-content::-webkit-scrollbar{width:6px}.notif-modal-content::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.notif-modal-content::-webkit-scrollbar-thumb{background:#4fb8b24d;border-radius:10px}.notif-modal-content::-webkit-scrollbar-thumb:hover{background:#4fb8b280}.notif-modal-content ul{padding-right:0;list-style:none}.notif-modal-content ul li{margin-bottom:8px;padding-right:20px;position:relative}.notif-modal-content li b{color:#4fb8b2}.notif-modal-content b{color:#1e293b;font-weight:700}.notif-modal-content{white-space:normal;word-wrap:break-word}@media (width<=768px){.notif-modal-content{max-height:50vh;font-size:.85rem}.notif-modal-content ul,.notif-modal-content ol{padding-right:1em}.notif-modal-content li{padding-right:0}}@media (width<=480px){.notif-modal-content{font-size:.8rem}.notif-modal-content h1{font-size:1.3rem}.notif-modal-content h2{font-size:1.1rem}.notif-modal-content h3{font-size:1rem}}.ticket-header{border-bottom:1px solid #051f3a14;margin-bottom:20px;padding-bottom:12px}.ticket-title{color:#1e293b;margin:0 0 4px;font-size:1.1rem;font-weight:700}.ticket-subtitle{color:#64748b;margin:0;font-size:.75rem}.ticket-form{flex-direction:column;gap:20px;display:flex}.ticket-form-group{flex-direction:column;gap:8px;display:flex}.ticket-form-label{color:#1e293b;font-size:.85rem;font-weight:600}.ticket-recipient-buttons{gap:12px;display:flex}.ticket-type-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #051f3a1f;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.ticket-type-btn svg{color:#94a3b8;transition:all .2s}.ticket-type-btn:hover{color:#4fb8b2;border-color:#4fb8b2;transform:translateY(-1px)}.ticket-type-btn:hover svg{color:#4fb8b2}.ticket-type-btn.active{color:#fff;background:#4fb8b2;border-color:#4fb8b2}.ticket-type-btn.active svg{color:#fff}.ticket-form-input,.ticket-form-textarea{color:#1e293b;background:#fff;border:1px solid #051f3a1f;border-radius:12px;width:100%;padding:12px 16px;font-family:inherit;font-size:.9rem;transition:all .2s}.ticket-form-input:focus,.ticket-form-textarea:focus{border-color:#4fb8b2;outline:none;box-shadow:0 0 0 3px #4fb8b21a}.ticket-form-input.error,.ticket-form-textarea.error{border-color:#ef4444}.ticket-form-input:disabled,.ticket-form-textarea:disabled{cursor:not-allowed;background:#f1f5f9}.ticket-form-textarea{resize:vertical;min-height:120px}.ticket-input-hint{color:#94a3b8;justify-content:flex-end;font-size:.65rem;display:flex}.ticket-select{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #051f3a1f;border-radius:12px;width:100%;padding:12px 16px;font-family:inherit;font-size:.9rem;transition:all .2s}.ticket-select:focus{border-color:#4fb8b2;outline:none;box-shadow:0 0 0 3px #4fb8b21a}.ticket-select:disabled{cursor:not-allowed;background:#f1f5f9}.ticket-form-errors{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.ticket-error-item{color:#dc2626;align-items:center;gap:8px;font-size:.75rem;display:flex}.ticket-error-item svg{color:#ef4444;flex-shrink:0}.ticket-submit-btn{color:#1e293b;cursor:pointer;background:linear-gradient(135deg,#fdbf4d,#fdab2a);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.ticket-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #fdbf4d4d}.ticket-submit-btn:disabled{opacity:.6;cursor:not-allowed}.ticket-success{text-align:center;padding:40px 20px}.ticket-success-icon{background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;animation:.5s ease-out ticketSuccessScale;display:flex}@keyframes ticketSuccessScale{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.ticket-success-icon svg{color:#fff}.ticket-success h3{color:#1e293b;margin:0 0 8px;font-size:1.2rem;font-weight:700}.ticket-success p{color:#64748b;margin:0 0 24px;font-size:.85rem}.ticket-success-btn{color:#fff;cursor:pointer;background:#4fb8b2;border:none;border-radius:12px;padding:10px 24px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s}.ticket-success-btn:hover{background:#328f97;transform:translateY(-1px)}.ticket-history{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #051f3a14;border-radius:20px;padding:24px}.ticket-history-header{border-bottom:1px solid #051f3a14;margin-bottom:20px;padding-bottom:12px}.ticket-history-header h3{color:#1e293b;margin:0;font-size:1rem;font-weight:700}.ticket-list{flex-direction:column;gap:12px;display:flex}.ticket-item{background:#fff9;border:1px solid #051f3a14;border-radius:16px;transition:all .2s;overflow:hidden}.ticket-item:hover{border-color:#4fb8b24d}.ticket-summary{cursor:pointer;justify-content:space-between;align-items:center;padding:16px;transition:background .2s;display:flex}.ticket-summary:hover{background:#4fb8b20d}.ticket-info{flex:1}.ticket-item-title{color:#1e293b;margin-bottom:8px;font-size:.9rem;font-weight:700}.ticket-meta{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.ticket-date{color:#64748b;align-items:center;gap:4px;font-size:.7rem;display:flex}.ticket-status{border-radius:20px;padding:2px 8px;font-size:.7rem;font-weight:600}.ticket-status.open{color:#0590d0;background:#0590d01a}.ticket-status.in_progress{color:#f59e0b;background:#f59e0b1a}.ticket-status.closed{color:#22c55e;background:#22c55e1a}.ticket-status.rejected{color:#ef4444;background:#ef44441a}.ticket-priority{border-radius:20px;padding:2px 8px;font-size:.7rem;font-weight:600}.ticket-priority.low{color:#64748b;background:#64748b1a}.ticket-priority.medium{color:#0590d0;background:#0590d01a}.ticket-priority.high{color:#f59e0b;background:#f59e0b1a}.ticket-priority.urgent{color:#ef4444;background:#ef44441a}.ticket-expand-icon{color:#94a3b8;flex-shrink:0;transition:transform .3s}.ticket-expand-icon.rotated{transform:rotate(180deg)}.ticket-details{background:#fff6;border-top:1px solid #051f3a14;padding:16px;animation:.3s ease-out ticketSlideDown}@keyframes ticketSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ticket-message{color:#475569;white-space:pre-wrap;margin:0 0 16px;font-size:.85rem;line-height:1.6}.ticket-response{background:#4fb8b20d;border-radius:12px;padding:12px}.ticket-response-header{color:#4fb8b2;margin-bottom:8px;font-size:.7rem;font-weight:600}.ticket-response p{color:#64748b;margin:0;font-size:.8rem}.ticket-empty{text-align:center;padding:40px 20px}.ticket-empty svg{color:#94a3b8;opacity:.5;margin-bottom:12px}.ticket-empty p{color:#64748b;margin:0;font-size:.85rem}.ticket-skeleton{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #051f3a14;border-radius:20px;padding:24px}.ticket-skeleton-header{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:12px;height:60px;margin-bottom:16px;animation:1.5s infinite ticketShimmer}.ticket-skeleton-field{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:12px;height:50px;margin-bottom:12px;animation:1.5s infinite ticketShimmer}.ticket-skeleton-textarea{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:12px;height:120px;margin-bottom:12px;animation:1.5s infinite ticketShimmer}.ticket-skeleton-button{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:14px;height:48px;animation:1.5s infinite ticketShimmer}@keyframes ticketShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ticket-loader-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite ticketSpin;display:inline-block}@keyframes ticketSpin{to{transform:rotate(360deg)}}@media (width<=768px){.ticket-container,.ticket-history{padding:16px}.ticket-recipient-buttons{flex-direction:column}.ticket-type-btn{justify-content:center}.ticket-meta{gap:8px}.ticket-summary{flex-direction:column;align-items:flex-start;gap:12px}.ticket-expand-icon{align-self:flex-end}}@media (width<=480px){.ticket-container,.ticket-history{padding:12px}.ticket-title{font-size:1rem}.ticket-form-label{font-size:.75rem}.ticket-form-input,.ticket-form-textarea,.ticket-select{padding:10px 12px;font-size:.8rem}.ticket-meta{flex-direction:column;align-items:flex-start;gap:6px}}.ticket-select-container{flex-direction:column;gap:12px;display:flex}.ticket-select-loading{color:#64748b;justify-content:center;align-items:center;gap:12px;padding:32px;font-size:.85rem;display:flex}.ticket-select-loading .spin{animation:.6s linear infinite ticketSpin}.ticket-select-empty{color:#64748b;background:#00000005;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:32px;font-size:.85rem;display:flex}.ticket-select-search{position:relative}.ticket-select-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.ticket-select-search-input{color:#1e293b;background:#fff;border:1px solid #051f3a1f;border-radius:12px;width:100%;padding:10px 36px 10px 12px;font-family:inherit;font-size:.85rem;transition:all .2s}.ticket-select-search-input:focus{border-color:#4fb8b2;outline:none;box-shadow:0 0 0 3px #4fb8b21a}.ticket-select-search-input:disabled{cursor:not-allowed;background:#f1f5f9}.ticket-select-list{background:#fff;border:1px solid #051f3a14;border-radius:12px;max-height:280px;overflow-y:auto}.ticket-select-list::-webkit-scrollbar{width:6px}.ticket-select-list::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.ticket-select-list::-webkit-scrollbar-thumb{background:#4fb8b24d;border-radius:10px}.ticket-select-option{cursor:pointer;text-align:right;background:#fff;border:none;border-bottom:1px solid #051f3a0f;align-items:center;gap:12px;width:100%;padding:12px 16px;font-family:inherit;transition:all .2s;display:flex}.ticket-select-option:last-child{border-bottom:none}.ticket-select-option:hover{background:#4fb8b20d}.ticket-select-option.active{background:#4fb8b21a;border-right:3px solid #4fb8b2}.ticket-select-option-icon{color:#4fb8b2;background:#4fb8b21a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.ticket-select-option-content{text-align:right;flex:1}.ticket-select-option-name{color:#1e293b;margin-bottom:2px;font-size:.85rem;font-weight:600}.ticket-select-option-email,.ticket-select-option-description{color:#64748b;font-size:.7rem}.ticket-select-option-check{color:#fff;background:#4fb8b2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex}.ticket-select-no-results{text-align:center;color:#64748b;padding:32px;font-size:.8rem}@media (width<=480px){.ticket-select-option{padding:10px 12px}.ticket-select-option-icon{width:28px;height:28px}.ticket-select-option-name{font-size:.8rem}.ticket-select-option-email,.ticket-select-option-description{font-size:.65rem}}.ticket-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #051f3a14;border-radius:20px;margin-bottom:24px;padding:24px}@media (width<=768px){.ticket-container{padding:16px}}@media (width<=480px){.ticket-container{padding:12px}}.doc-hero{text-align:center;margin-bottom:2rem;padding:3rem 2rem}.doc-hero-content{max-width:1200px;margin:0 auto}.doc-title{color:var(--text);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.doc-subtitle{color:var(--muted);margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.doc-search-container{flex-direction:row;align-items:center;gap:1rem;max-width:800px;margin:0 auto;display:flex}.doc-search{border-radius:var(--radius);box-shadow:var(--shadow);background:#fffffff2;border:2px solid #0000;flex-direction:row;width:100%;max-width:600px;padding:.5rem 1rem;transition:all .3s;display:flex;align-items:center!important;min-height:0!important}.doc-search:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #29c5f41a, var(--shadow);transform:translateY(-1px)}.search-icon{color:var(--muted);flex-shrink:0;margin-left:.5rem}.doc-search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.5rem;font-family:inherit;font-size:.95rem}.doc-search-input::placeholder{color:var(--muted);opacity:.7}.doc-search-btn{background:var(--brand);color:#fff;border-radius:calc(var(--radius) - 4px);cursor:pointer;white-space:nowrap;border:none;margin-right:.25rem;padding:.5rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s}.doc-search-btn:hover{background:var(--brand2);transform:translateY(-1px);box-shadow:0 4px 12px #0590d033}.doc-search-results,.doc-search-suggestions{border-radius:var(--radius);box-shadow:var(--shadow);z-index:1000;background:#fff;border:1px solid #0000001a;width:100%;max-height:400px;margin-top:.25rem;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.doc-search-results.active,.doc-search-suggestions.active{animation:.2s ease-out fadeIn;display:block}.doc-search-result-item,.doc-search-suggestion-item{cursor:pointer;border-bottom:1px solid #0000000d;padding:1rem;transition:all .2s}.doc-search-result-item:hover,.doc-search-suggestion-item:hover{background:#29c5f40d}.doc-search-result-title,.doc-search-suggestion-title{color:var(--text);margin-bottom:.25rem;font-size:.95rem;font-weight:600}.doc-search-result-category,.doc-search-suggestion-category{color:var(--muted);background:#0000000d;border-radius:12px;margin-top:.25rem;padding:.25rem .5rem;font-size:.8rem;display:inline-block}.doc-container{grid-template-columns:300px 1fr;gap:2rem;margin-top:2rem;display:grid}.doc-sidebar{max-height:calc(100vh - 120px);position:sticky;top:100px;overflow-y:auto}.doc-sidebar-header{border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.doc-sidebar-title{color:var(--text);margin:0;font-size:1.25rem;font-weight:600}.doc-categories{flex-direction:column;gap:.5rem;display:flex}.doc-category{border-radius:calc(var(--radius) - 4px);border:1px solid #0000000d;transition:all .3s;overflow:hidden}.doc-category.active{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.doc-category-header{cursor:pointer;background:#ffffffb3;align-items:center;gap:.75rem;padding:1rem;transition:all .2s;display:flex}.doc-category-header:hover{background:#29c5f40d}.doc-category-name{color:var(--text);flex:1;font-size:.95rem;font-weight:600}.doc-category-arrow{color:var(--muted);transition:transform .3s}.doc-category.active .doc-category-arrow{color:var(--brand);transform:rotate(180deg)}.doc-category-content{background:#ffffff80;max-height:0;transition:max-height .3s;overflow:hidden}.doc-category.active .doc-category-content{max-height:500px}.doc-subcategory{color:var(--text);border-right:3px solid #0000;padding:.75rem 1rem .75rem 3rem;font-size:.9rem;text-decoration:none;transition:all .2s;display:block}.doc-subcategory:hover{color:var(--brand2);border-right-color:var(--brand);background:#29c5f40d}.doc-subcategory.active{color:var(--brand2);border-right-color:var(--brand);background:#29c5f41a;font-weight:600}.doc-swagger-link{color:var(--success)}.doc-article{border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;margin-bottom:2rem;padding:2rem}.doc-article-title{color:var(--text);margin-bottom:1rem;font-size:1.75rem;font-weight:700}.doc-article-meta{color:var(--muted);gap:1.5rem;font-size:.9rem;display:flex}.doc-section{margin-bottom:2.5rem}.doc-section-title{color:var(--text);border-bottom:2px solid #29c5f433;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.25rem;font-weight:600}.doc-steps{flex-direction:column;gap:1.5rem;margin:1.5rem 0;display:flex}.doc-step{border-radius:calc(var(--radius) - 4px);background:#ffffffb3;border:1px solid #0000000d;align-items:flex-start;gap:1rem;padding:1.5rem;transition:all .3s;display:flex}.doc-step:hover{border-color:var(--brand);box-shadow:var(--shadow-deep);transform:translate(5px)}.doc-step-number{background:var(--brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.1rem;font-weight:700;display:flex}.doc-code-block{border-radius:calc(var(--radius) - 4px);background:#1e1e1e;margin:1rem 0;overflow:hidden}.doc-code-header{color:#ccc;background:#252525;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-family:monospace;font-size:.9rem;display:flex}.doc-copy-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:4px;padding:.25rem .75rem;font-size:.8rem}.doc-code{color:#d4d4d4;margin:0;padding:1rem;font-family:Courier New,monospace;font-size:.9rem;line-height:1.5;overflow-x:auto}.doc-tips{flex-direction:column;gap:1rem;margin:1.5rem 0;display:flex}.doc-tip{border-radius:calc(var(--radius) - 4px);background:#ffcf701a;border:1px solid #ffcf7033;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.doc-tip-icon{flex-shrink:0;font-size:1.25rem}.doc-article-footer{border-top:1px solid #0000001a;margin-top:2rem;padding-top:1.5rem}.doc-article-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.doc-tag{color:var(--brand2);background:#29c5f41a;border:1px solid #29c5f433;border-radius:20px;padding:.25rem .75rem;font-size:.85rem;font-weight:500}.doc-article-actions{gap:1rem;display:flex}.doc-action-btn{border-radius:calc(var(--radius) - 4px);color:var(--text);cursor:pointer;background:#fff;border:1px solid #0000001a;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.doc-related{margin-top:2rem}.doc-related-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.doc-related-card{border-radius:var(--radius);color:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;padding:1.5rem;text-decoration:none;transition:all .3s}.doc-related-card:hover{box-shadow:var(--shadow);border-color:var(--brand);transform:translateY(-5px)}@media (width<=1024px){.doc-container{grid-template-columns:1fr}.doc-sidebar{max-height:none;position:static}}.hero-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.add-category-btn,.add-doc-btn{background:var(--brand2);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;transition:all .2s;display:flex}.add-category-btn:hover,.add-doc-btn:hover{background:var(--brand);transform:translateY(-1px)}.category-expand{cursor:pointer;color:var(--muted);background:0 0;border:none;align-items:center;display:flex}.doc-count{color:var(--muted);margin-right:auto;font-size:.75rem}.category-actions{border-top:1px solid var(--line);gap:8px;padding:8px 12px;display:flex}.edit-cat-btn,.delete-cat-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:.7rem;display:flex}.edit-cat-btn{color:var(--brand2);background:#0590d01a}.delete-cat-btn{color:var(--error);background:#e74c3c1a}.search-results-container{margin-bottom:24px}.search-results-container h3{margin-bottom:16px;font-size:1.1rem}.search-results-list{flex-direction:column;gap:12px;display:flex}.search-result-card{cursor:pointer;padding:16px;transition:all .2s}.search-result-card:hover{border-color:var(--brand);transform:translateY(-2px)}.search-result-card h4{color:var(--brand2);margin-bottom:8px}.search-result-meta{gap:16px;margin-bottom:8px;font-size:.75rem;display:flex}.search-result-meta .category{color:var(--muted)}.search-result-meta .similarity{color:var(--success)}.search-result-card p{color:var(--muted);font-size:.85rem;line-height:1.5}.documents-list-container{background:var(--surface);border-radius:12px;margin-bottom:24px;padding:16px}.documents-list-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.documents-list-header h3{margin:0;font-size:1rem}.documents-list{flex-direction:column;gap:8px;display:flex}.document-list-item{cursor:pointer;background:var(--surface-strong);border-radius:10px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.document-list-item:hover{background:#0590d00d;transform:translate(-3px)}.document-list-item.active{border-right:3px solid var(--brand2);background:#0590d01a}.doc-item-icon{font-size:1.2rem}.doc-item-content{flex:1}.doc-item-title{margin-bottom:4px;font-weight:500}.doc-item-meta{flex-wrap:wrap;gap:8px;display:flex}.doc-item-tag{color:var(--brand2);cursor:pointer;background:#0590d01a;border-radius:10px;padding:2px 6px;font-size:.7rem}.doc-item-tag:hover{background:#0590d033}.empty-documents,.empty-state{text-align:center;color:var(--muted);padding:40px}.modal-large{width:90%;max-width:800px}.document-editor-form{flex-direction:column;gap:16px;display:flex}.xml-editor{color:#d4d4d4;background:#1e1e1e;font-family:monospace;font-size:.85rem}.xml-editor.error{border-color:var(--error)}.tag-filter{background:var(--surface);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:12px;display:flex}.tag-filter-label{color:var(--muted);font-size:.85rem}.tag-filter-buttons{flex-wrap:wrap;gap:8px;display:flex}.tag-filter-btn{border:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:20px;padding:4px 12px;font-size:.8rem;transition:all .2s}.tag-filter-btn.active{background:var(--brand2);border-color:var(--brand2);color:#fff}.tag-filter-btn:hover:not(.active){border-color:var(--brand);background:#0590d00d}.search-spinner{border:2px solid var(--line);border-top-color:var(--brand2);border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}.similarity-badge{color:#fff;border-radius:12px;padding:2px 8px;font-size:.7rem}.doc-content-wrapper{line-height:1.8}.doc-content-wrapper.collapsed{max-height:400px;position:relative;overflow:hidden}.doc-content-wrapper.collapsed:after{content:"";background:linear-gradient(transparent, var(--surface-strong));height:60px;position:absolute;bottom:0;left:0;right:0}.expand-btn{background:var(--brand2);color:#fff;cursor:pointer;border:none;border-radius:20px;margin:16px auto 0;padding:8px 24px;font-size:.85rem;display:block}.faq-list{flex-direction:column;gap:12px;display:flex}.faq-item{border:1px solid var(--line);border-radius:12px;overflow:hidden}.faq-question{cursor:pointer;background:var(--surface);align-items:center;gap:12px;padding:16px;transition:background .2s;display:flex}.faq-question:hover{background:var(--surface-strong)}.faq-icon{font-size:1.2rem}.faq-title{flex:1;font-weight:500}.faq-arrow{transition:transform .2s}.faq-arrow.rotated{transform:rotate(180deg)}.faq-answer{border-top:1px solid var(--line);background:var(--surface-strong);padding:16px}.faq-meta{border-top:1px solid var(--line);color:var(--muted);gap:16px;margin-top:12px;padding-top:12px;font-size:.75rem;display:flex}.convert-ticket-btn{background:var(--brand3);color:var(--text);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:16px;padding:10px 16px;display:flex}@media (width<=768px){.hero-header,.tag-filter{flex-direction:column;align-items:flex-start}.documents-list-header{flex-direction:column;align-items:flex-start;gap:10px}.modal-large{width:95%;max-width:95%}}.upload-container{max-width:900px;margin:0 auto;padding:20px}.upload-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #051f3a14;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:16px 24px;animation:.5s ease-out uploadFadeInDown;display:flex}.upload-back-btn{color:#4fb8b2;background:#4fb8b21a;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.upload-back-btn:hover{background:#4fb8b233;gap:11px;transform:translate(-4px)}.upload-title{color:#1e293b;align-items:center;gap:10px;margin:0;font-size:1.3rem;font-weight:700;display:flex}.upload-title svg{color:#4fb8b2}.upload-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #051f3a14;border-radius:20px;padding:24px;animation:.5s ease-out uploadFadeInUp}.upload-form-row{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.upload-form-group{flex-direction:column;gap:8px;display:flex}.upload-form-group-full{grid-column:span 2}.upload-form-group label{color:#1e293b;align-items:center;gap:6px;margin-bottom:8px;font-size:.85rem;font-weight:600;display:flex}.upload-form-group label svg{color:#4fb8b2}.upload-input{color:#1e293b;background:#fff;border:1px solid #051f3a1f;border-radius:12px;width:100%;padding:10px 14px;font-family:inherit;font-size:.85rem;transition:all .2s}.upload-input:focus{border-color:#4fb8b2;outline:none;box-shadow:0 0 0 3px #4fb8b21a}.upload-input:disabled{cursor:not-allowed;opacity:.7;background:#f1f5f9}.upload-hint{color:#64748b;margin-top:4px;font-size:.7rem}.upload-dropdown{width:100%;position:relative}.upload-dropdown-label{color:#1e293b;align-items:center;gap:6px;margin-bottom:8px;font-size:.85rem;font-weight:600;display:flex}.upload-dropdown-label svg{color:#4fb8b2}.upload-dropdown-button{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #051f3a1f;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;font-family:inherit;font-size:.85rem;transition:all .2s;display:flex}.upload-dropdown-button:hover:not(.disabled){border-color:#4fb8b2}.upload-dropdown-button.disabled{cursor:not-allowed;opacity:.7;background:#f1f5f9}.upload-dropdown-button .placeholder{color:#94a3b8}.upload-dropdown-arrow{color:#94a3b8;transition:transform .2s}.upload-dropdown-arrow.open{transform:rotate(180deg)}.upload-dropdown-menu{z-index:100;background:#fff;border:1px solid #051f3a1f;border-radius:12px;max-height:280px;animation:.2s ease-out uploadDropdownSlideIn;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px -5px #0000001a}@keyframes uploadDropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.upload-dropdown-menu::-webkit-scrollbar{width:6px}.upload-dropdown-menu::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.upload-dropdown-menu::-webkit-scrollbar-thumb{background:#4fb8b24d;border-radius:10px}.upload-dropdown-item{cursor:pointer;border-bottom:1px solid #051f3a0d;align-items:center;gap:12px;padding:10px 14px;transition:background .2s;display:flex}.upload-dropdown-item:last-child{border-bottom:none}.upload-dropdown-item:hover{background:#4fb8b20d}.upload-dropdown-item.selected{background:#4fb8b21a}.upload-dropdown-item-icon{color:#4fb8b2;background:#4fb8b21a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.upload-dropdown-item-content{flex:1}.upload-dropdown-item-label{color:#1e293b;font-size:.85rem;font-weight:500}.upload-dropdown-item-description{color:#64748b;margin-top:2px;font-size:.65rem}.upload-dropdown-item-check{color:#22c55e;flex-shrink:0}.upload-dropzone{cursor:pointer;background:#4fb8b20d;border:2px dashed #4fb8b24d;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin:20px 0;padding:48px;transition:all .2s;animation:.3s ease-out uploadFadeIn;display:flex}.upload-dropzone:hover{background:#4fb8b214;border-color:#4fb8b2}.upload-dropzone-drag{background:#4fb8b226;border-color:#4fb8b2;transform:scale(.98)}.upload-dropzone svg{color:#4fb8b2;opacity:.6;transition:transform .2s}.upload-dropzone:hover svg{transform:translateY(-4px)}.upload-dropzone p{color:#1e293b;margin:0;font-size:.9rem}.upload-dropzone-hint{color:#64748b;font-size:.7rem}.upload-dropzone-has-file{background:#22c55e0d;border-color:#22c55e4d}.upload-file-card{background:#22c55e0d;border:1px solid #22c55e33;border-radius:16px;align-items:center;gap:16px;margin:20px 0;padding:16px;animation:.3s ease-out uploadSlideInRight;display:flex}@keyframes uploadSlideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.upload-file-icon{color:#22c55e;background:#22c55e1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:.8rem;font-weight:700;display:flex}.upload-file-info{flex:1}.upload-file-name{color:#1e293b;margin-bottom:4px;font-size:.9rem;font-weight:600}.upload-file-meta{color:#64748b;align-items:center;gap:16px;font-size:.7rem;display:flex}.upload-file-meta svg{width:12px;height:12px}.upload-file-hint{color:#4fb8b2;border-top:1px dashed #051f3a14;margin-top:8px;padding-top:8px;font-size:.7rem}.upload-file-hint code{direction:ltr;background:#f0f9ff;border-radius:6px;padding:2px 6px;font-family:monospace}.upload-file-remove{cursor:pointer;color:#ef4444;background:#ef44441a;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.upload-file-remove:hover:not(:disabled){background:#ef444433;transform:scale(1.05)}.upload-file-remove:disabled{opacity:.5;cursor:not-allowed}.upload-progress-container{margin:20px 0;animation:.3s ease-out uploadFadeIn}@keyframes uploadFadeIn{0%{opacity:0}to{opacity:1}}.upload-progress-card{background:#fff9;border-radius:16px;padding:20px;animation:.3s ease-out uploadScaleIn}@keyframes uploadScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.upload-progress-card.complete{background:#22c55e0d;border:1px solid #22c55e33;animation:.5s ease-out uploadSuccessPulse}@keyframes uploadSuccessPulse{0%{border-color:#22c55e;transform:scale(.98)}50%{transform:scale(1.01)}to{transform:scale(1)}}.upload-progress-card.error{background:#ef44440d;border:1px solid #ef444433;animation:.4s ease-out uploadErrorShake}@keyframes uploadErrorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.upload-progress-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.upload-progress-title{color:#1e293b;align-items:center;gap:8px;font-weight:600;display:flex}.upload-progress-status{border-radius:20px;padding:4px 12px;font-size:.7rem;font-weight:600;animation:1s ease-in-out infinite uploadStatusPulse}@keyframes uploadStatusPulse{0%,to{opacity:1}50%{opacity:.7}}.status-progress{color:#0590d0;background:#0590d01a}.status-complete{color:#22c55e;background:#22c55e1a;animation:none}.status-error{color:#ef4444;background:#ef44441a;animation:none}.status-warning{color:#f59e0b;background:#f59e0b1a}.upload-progress-storage{color:#4fb8b2;background:#4fb8b214;border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 12px;font-size:.75rem;display:flex}.upload-progress-storage code{direction:ltr;background:#fff;border-radius:6px;padding:2px 8px;font-family:monospace}.upload-progress-bar-container{background:#0000001a;border-radius:10px;height:8px;margin-bottom:12px;overflow:hidden}.upload-progress-bar-fill{background:linear-gradient(90deg,#4fb8b2,#328f97);border-radius:10px;height:100%;transition:width .3s;position:relative;overflow:hidden}.upload-progress-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:1.5s infinite uploadShimmer;position:absolute;inset:0}@keyframes uploadShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.upload-progress-card.complete .upload-progress-bar-fill{background:linear-gradient(90deg,#22c55e,#16a34a)}.upload-progress-card.complete .upload-progress-bar-fill:after{animation:none}.upload-progress-card.error .upload-progress-bar-fill{background:linear-gradient(90deg,#ef4444,#dc2626)}.upload-progress-stats{color:#64748b;justify-content:space-between;margin-bottom:16px;font-size:.7rem;display:flex}.upload-progress-percentage{color:#4fb8b2;font-weight:600}.upload-progress-bytes{font-family:monospace}.upload-progress-warning,.upload-progress-error,.upload-progress-complete{border-radius:10px;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;font-size:.75rem;animation:.3s ease-out uploadSlideInUp;display:flex}@keyframes uploadSlideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.upload-progress-warning{color:#f59e0b;background:#f59e0b1a}.upload-progress-error{color:#ef4444;background:#ef44441a}.upload-progress-complete{color:#22c55e;background:#22c55e1a}.upload-submit-btn{color:#1e293b;cursor:pointer;background:linear-gradient(135deg,#fdbf4d,#fdab2a);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:20px;padding:14px;font-size:.95rem;font-weight:700;transition:all .2s;display:flex}.upload-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #fdbf4d4d}.upload-submit-btn:disabled{opacity:.5;cursor:not-allowed}.upload-info{background:#4fb8b20d;border-right:3px solid #4fb8b2;border-radius:16px;margin-top:24px;padding:16px}.upload-info-item{color:#475569;cursor:default;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:12px;padding:10px 12px;font-size:.8rem;line-height:1.5;transition:all .3s;display:flex}.upload-info-item:last-child{margin-bottom:0}.upload-info-item:hover{background:#4fb8b214;transform:translate(-4px)}.upload-info-icon{color:#4fb8b2;flex-shrink:0;transition:transform .3s}.upload-info-item:hover .upload-info-icon{transform:scale(1.1)}.upload-info-item p{margin:0;transition:color .3s}.upload-info-item:hover p{color:#1e293b}.upload-loader{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #051f3a14;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:60px;animation:.3s ease-out uploadFadeIn;display:flex}.upload-loader-spinner{border:3px solid #4fb8b233;border-top-color:#4fb8b2;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite uploadSpin}@keyframes uploadSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes uploadFadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes uploadFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.upload-container{padding:16px}.upload-header{text-align:center;flex-direction:column;gap:16px}.upload-form-row{grid-template-columns:1fr;gap:16px}.upload-form-group-full{grid-column:span 1}.upload-title{font-size:1.1rem}.upload-dropzone{padding:32px}.upload-file-card{flex-wrap:wrap}.upload-file-remove{align-self:center}.upload-dropdown-menu{max-height:50vh;position:fixed;top:auto;left:16px;right:16px}.upload-progress-header{flex-direction:column;align-items:flex-start}}@media (width<=480px){.upload-container{padding:12px}.upload-header{padding:12px 16px}.upload-form{padding:16px}.upload-dropzone{padding:24px}.upload-dropzone svg{width:32px;height:32px}.upload-dropzone p{font-size:.8rem}.upload-file-meta{flex-wrap:wrap;gap:8px}.upload-dropdown-item-icon{width:28px;height:28px}.upload-dropdown-item-label{font-size:.8rem}}@media (width<=768px){.app{flex-direction:column}.nav-divider{display:none}.app.sidebar-expanded .sidebar,.sidebar,.app:not(.sidebar-expanded) .sidebar{width:100%}.sidebar{width:min-content;height:var(--bottombar-h);border-left:0;border-top:1px solid var(--border);z-index:1000;border-radius:0;flex-direction:row;justify-content:space-around;align-items:center;gap:4px;margin:0;padding:6px 8px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 20px #0000001f}.side-head,.side-foot{display:none}.side-nav{background:0 0;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-right:auto;padding:0;position:fixed;bottom:8px;left:0;right:0;overflow:hidden}.nav-item{border-radius:14px;flex:1 1 0;justify-content:center;margin:0 4px;padding:10px 8px}.nav-ico{width:36px;height:36px}.nav-ico img{width:24px;height:24px}.nav-text{display:none!important}footer{display:none}.app__main{padding:14px;padding-bottom:calc(var(--bottombar-h) + 20px);order:1}.topbar{padding:10px}.topbar .logout{justify-items:center;width:fit-content;font-size:.7rem;display:flex}.grid .card{grid-column:span 12}.app:not(.sidebar-expanded) .nav-ico{width:28px;height:28px}.app:not(.sidebar-expanded) .nav-ico img{width:22px;height:22px}.app__main{padding-bottom:18px}.sidebar{height:var(--bottombar-h)}.nav-item{padding:12px 4px}.doc-container{grid-template-columns:1fr}.doc-sidebar{max-height:none;position:static}.doc-hero{padding:2rem 1rem}.doc-title{font-size:1.8rem}.doc-subtitle{font-size:1rem}.doc-search{flex-direction:row;gap:.5rem;padding:.5rem}.doc-search-input{text-align:center;width:100%}.doc-search-btn{width:fit-content;margin-right:0}.doc-article{padding:1.5rem}.doc-related-grid{grid-template-columns:1fr}.doc-article-meta{flex-direction:column;gap:.5rem}}@media (width>=769px) and (width<=1024px){.grid .card{grid-column:span 6}.content{max-width:100%;padding:0 16px}.hero h1{font-size:1.3rem}}@media (width>=769px){.grid .card{grid-column:span 6}}@media (width<=520px){.content{padding:0 4px}.grid{gap:12px}.nav-ico{width:30px;height:30px}.hero{padding:12px}.hero h1{font-size:1.2rem}.hero p{font-size:.85rem}.topbar button .logout-texty{display:none}.group-table tbody tr td{font-size:12px}.user-table th,.user-table td{padding:8px 6px;font-size:11px}.notif-table th,.notif-table td{padding:10px 6px;font-size:12px}}@media (width<=380px){.topbar{gap:6px;padding:8px 10px}.topbar__title{max-width:120px;font-size:.8rem}.btn{border-radius:10px;padding:8px 10px;font-size:.8rem}.hero h1{font-size:1.1rem}.hero p{font-size:.8rem}.card h3{font-size:1.1rem}.card p{font-size:.8rem}.grid .card{grid-column:span 12}.glass-card{padding:16px}.modal-box{max-width:280px;padding:16px}}@media (width<=520px) and (width>=381px){.grid{gap:12px}.nav-ico{width:30px;height:30px}.hero{padding:12px}}@media (width<=768px) and (orientation:landscape){.sidebar{height:56px}.nav-item{padding:6px 4px}.app__main{padding-bottom:72px}.hero{margin-bottom:8px}.glass-card{min-height:auto;margin-bottom:12px}}@media (width>=1200px){.content{max-width:1400px}.grid{gap:24px}.hero h1{font-size:1.8rem}.card{padding:24px}.card h3{font-size:1.6rem}}@media print{.sidebar,.topbar,.footer,.pwa-install,.modal-overlay{display:none!important}.app__main{margin:0;padding:0}.glass-card{box-shadow:none;break-inside:avoid;border:1px solid #ccc}body{color:#000;background:#fff}}:root{--primary-dark:#051f3a;--primary-deep:#0a2a4a;--accent-warm:#fdbf4d;--accent-warm-hover:#fdab2a;--sea-ink:#173a40;--sea-ink-soft:#416166;--lagoon:#4fb8b2;--lagoon-deep:#328f97;--palm:#2f6a4a;--sand:#e7f0e8;--foam:#f3faf5;--surface:#ffffffbd;--surface-strong:#ffffffe6;--bg-base:#051f3a;--header-bg:#051f3ad6;--text-primary:#f0f4f8;--text-secondary:#c8d4e0;--text-muted:#9aabb8;--text-light:#fff;--line:#4fb8b224;--chip-line:#2f6a4a2e;--inset-glint:#ffffff0d;--kicker:#fdbf4de6;--chip-bg:#051f3acc;--link-bg-hover:#051f3ae6;--hero-a:#4fb8b25c;--hero-b:#fdbf4d33;--toast-success:#2b7e3a;--toast-success-bg:#2b7e3a14;--toast-error:#b91c1c;--toast-error-bg:#b91c1c0f;--toast-warning:#fdbf4d;--toast-warning-bg:#fdbf4d14;--toast-info:#4fb8b2;--toast-info-bg:#4fb8b20f;--toast-disconnected:#4b5563;--toast-disconnected-bg:#4b55630f;--toast-pending:#475569;--toast-pending-bg:#4755690f;--toast-notification:#0e7a9e;--toast-notification-bg:#0e7a9e14;--radius:16px;--topbar-h:64px;--sidebar-expanded:260px;--sidebar-collapsed:72px}html,body{margin:0;padding:0}body{font-family:MyPersianFont,Manrope,Tahoma,system-ui,sans-serif}@font-face{font-family:MyPersianFont;src:url(/woya-prod-Far_Casablanca-DUXy752J.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}.hidden{display:none!important}.flex{display:flex}.text-center{text-align:center}.w-full{width:100%}.h-full{height:100%}.spin{animation:.2s linear spin}.page{opacity:1;transition:all .25s;transform:translate(0)}.page.hidden{display:none}.page-enter{opacity:0;transform:translate(25px)}.page-leave{opacity:0;transform:translate(-25px)}.glass-card{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);min-height:200px;box-shadow:var(--shadow);background:#ffffff8c;border-radius:14px;flex-direction:column;gap:5px;margin-bottom:22px;padding:24px;display:flex;position:relative}.glass-modal-card{-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);min-height:200px;box-shadow:var(--shadow);background:#ffffffd9;border-radius:14px;flex-direction:column;gap:5px;margin-bottom:22px;padding:24px;display:flex;position:relative}.loader-overlay{-webkit-backdrop-filter:blur(120px);backdrop-filter:blur(120px);z-index:9998;background-color:#eef9fe66;flex-direction:column;justify-content:center;align-items:center;gap:25px;width:100%;height:100%;margin:0 auto;display:flex;position:fixed;inset:0}.loader-overlay *{margin:0 auto}.loader-overlay p{width:fit-content}#loader-card{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);width:100%;max-width:1200px;height:100%;min-height:15rem;box-shadow:var(--shadow);background:#ffffff8c;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:26px;margin:0 auto;font-size:1.1rem;display:flex}.fade-in{opacity:0;transition:opacity .5s}.fade-in.show{opacity:1}.skeleton-cell{background:linear-gradient(90deg,#e0e0e0 25%,#f6f6f6 60%,#e0e0e0 100%) 0 0/200% 100%;border-radius:4px;height:20px;animation:1.2s linear infinite skeleton-shine}.button-loading{pointer-events:none;opacity:.7;position:relative}.button-loading:after{content:"";vertical-align:middle;border:2px solid #ccc;border-right-color:#0000;border-radius:50%;width:12px;height:12px;margin-right:4px;animation:.65s linear infinite spin;display:inline-block}.progress-bar-container{margin-bottom:20px}.progress-bar-bg{background:#ffffff40;border-radius:10px;width:100%;height:12px;position:relative;overflow:hidden}.progress-bar-fill{border-radius:10px;width:0%;height:100%;transition:width .6s ease-in-out;position:absolute;top:0;right:0}.progress-bar-fill.green{background-color:var(--color-green);width:20%}.progress-bar-fill.blue{background-color:var(--color-blue);width:40%}.progress-bar-fill.yellow{background-color:var(--color-yellow);width:60%}.progress-bar-fill.orange{background-color:var(--color-orange);width:80%}.progress-bar-fill.red{background-color:var(--color-red);width:100%}.progress-bar-fill.animated{animation:8s ease-in-out infinite fillFromRight}.progress-container{width:100%;margin-top:10px}.progress-title{color:#fffc;margin-bottom:4px;font-size:.8rem}.progress-bar{background:#fff3;border-radius:10px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--color-yellow), var(--loading));border-radius:10px;height:100%;transition:width .3s}.progress-stats{color:#ffffffb3;text-align:center;margin-top:4px;font-size:.75rem}.token-usage-container{width:90%;margin:15px auto 0}.token-label{color:#e9f8ff;justify-content:space-between;margin-bottom:4px;font-size:.75em;display:flex}.btn{background:linear-gradient(90deg, var(--brand3), var(--brand4));color:#0b2b40;cursor:pointer;-webkit-user-select:none;user-select:none;border:0;border-radius:24px;width:fit-content;min-width:80%;margin:auto;padding:10px 12px;font-family:inherit;font-size:1rem;font-weight:700;transition:transform .24s,box-shadow .15s,opacity .15s;box-shadow:0 10px 18px #0590d02e}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 18px #0000001a}.btn:active{transform:translateY(1px)}.btn--ghost{color:var(--text);box-shadow:none;border:1px solid var(--border);background:#0b2b400f;font-weight:700}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06c,#0052a3);border:none;border-radius:8px;padding:10px 20px;font-family:inherit;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #06c3}.btn-primary:hover{background:linear-gradient(135deg,#0052a3,#004080);transform:translateY(-1px);box-shadow:0 4px 12px #0066cc4d}.cookie-popup{-webkit-backdrop-filter:blur(15px)saturate(140%);backdrop-filter:blur(15px)saturate(140%);width:90%;max-width:450px;color:var(--text);border-radius:var(--radius);box-shadow:var(--shadow);z-index:9999;opacity:0;pointer-events:none;background:#ffffffb3;padding:1rem 1.5rem;transition:all .4s;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.cookie-popup.visible{opacity:1;pointer-events:auto}@media (width<=768px){.cookie-popup{border-radius:0 0 var(--radius) var(--radius);top:0;bottom:auto}}.cookie-popup__content p{font-size:.9rem;line-height:1.5}.cookie-popup__actions{justify-content:flex-end;gap:.75rem;margin-top:1rem;display:flex}.cookie-btn{cursor:pointer;border:none;border-radius:12px;padding:.5rem 1rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .2s}.cookie-btn.accept{background:var(--brand3);color:var(--text)}.cookie-btn.accept:hover{background:var(--brand4);transform:translateY(-1px)}.cookie-btn.decline{background:var(--error);color:#fff}.cookie-btn.decline:hover{background:#c0392b;transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.page,.page-enter,.page-leave,.toast,.modal,.cookie-popup,.progress-bar-fill{transition:none!important;animation:none!important}.page.hidden,.page-enter,.page-leave{opacity:1;transform:none}}