body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.modal-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;transition:color .3s ease}.modal-header{align-items:center;border-bottom:2px solid var(--border-divider);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.modal-backdrop{align-items:center;animation:fadeIn .25s ease;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1020}.modal-backdrop[style*="background: transparent"]{align-items:flex-start;background:#0000;display:flex;inset:auto;justify-content:flex-start;pointer-events:none;position:fixed;z-index:1020}.modal-backdrop[style*="background: transparent"] .modal-content{pointer-events:auto}.modal-content{animation:scaleIn .25s ease;background:#fff;background:var(--card-bg,#fff);border:1px solid var(--border-divider);border-radius:12px;box-shadow:0 10px 25px #00000040;box-shadow:var(--shadow,0 10px 25px #00000040);color:#111;color:var(--text-primary,#111);display:flex;flex-direction:column;max-height:85vh;max-width:90%;overflow-y:auto;padding:1.5rem;position:relative;transition:background .3s ease,color .3s ease,border .3s ease}.modal-close{background:#0000;border:none;border-radius:6px;color:#666;color:var(--text-secondary,#666);cursor:pointer;font-size:1.4rem;padding:.25rem;position:absolute;right:.8rem;top:.6rem;transition:background .2s ease,color .2s ease}.modal-close:hover{background:#fff3;color:#fff;color:var(--hover-text,#fff)}.modal-body{margin-top:1rem}@keyframes modalIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width:600px){.modal-content{padding:1rem;width:92%}}.modal-footer{border-top:1px solid var(--border-divider);display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.btn-primary,.btn-secondary{border:1px solid #0000;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-secondary{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-secondary)}.btn-secondary:hover{background:var(--bg-hover);color:var(--hover-text)}.btn-primary{background:var(--accent);border:none;color:var(--btn-text-color)}.btn-primary:hover{background:var(--accent-hover)}.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.form-group label{color:#0e7490;display:block;font-weight:500;margin-bottom:.5rem}.form-input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.95rem;padding:8px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-textarea{font-family:inherit;line-height:1.6;min-height:100px;resize:vertical}.required{color:#ef4444}.form-control{background:#fff;border:1px solid #0e749033;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.9rem;padding:.75rem;width:100%}.form-control:focus{border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d41a;outline:none}textarea.form-control{min-height:120px;resize:vertical}select.form-control{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:20px;padding-right:2.5rem}select.form-control::-ms-expand{display:none}select.form-control option{background-color:#fff;border-radius:4px;color:#1e293b;padding:.75rem 1rem}select.form-control option:hover{background-color:#ecfeff}select.form-control option:checked{background:linear-gradient(135deg,#ecfeff,#cffafe);color:#0e7490;font-weight:500}.modal-view{gap:20px}.modal-view,.view-section{display:flex;flex-direction:column}.view-section{gap:16px}.view-section .section-title{border-bottom:2px solid var(--border-color);color:var(--accent);font-size:1.1rem;font-weight:600;margin-bottom:8px;padding-bottom:8px}.view-grid-3col{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.view-grid-3col .view-row{display:flex;flex-direction:column;gap:8px}.view-grid-3col .view-row label{color:var(--text-primary);font-size:.9rem;font-weight:600}.view-grid-3col .view-row .view-value{align-items:center;background:var(--bg-secondary);border-radius:6px;color:var(--text-primary);display:flex;min-height:40px;padding:8px 12px}.view-row{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:120px 1fr}.view-row.full-width{grid-template-columns:120px 1fr}.view-row label{color:var(--text-primary);font-weight:600;padding-top:4px}.view-value{color:var(--text-primary);padding:4px 0}.view-value.description{line-height:1.6;white-space:pre-wrap}.issue-images-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:8px}.issue-image-item{aspect-ratio:1;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;position:relative}.issue-image-item img{cursor:pointer;height:100%;object-fit:cover;transition:transform .2s;width:100%}.issue-image-item img:hover{transform:scale(1.05)}.submit-reply-btn{background:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:16px;padding:12px;transition:background .3s;width:100%}.submit-reply-btn:hover{background:var(--accent-hover)}.modal-body{color:var(--text-primary);margin-bottom:1.5rem}.lang-section{background:#fff;border:2px solid var(--border-divider);border-radius:8px;margin-bottom:24px;padding:16px}.lang-tabs{background:#fff;border-bottom:2px solid var(--border-divider);display:flex;gap:8px;margin:-16px -16px 20px;padding:0 16px}.lang-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:500;margin-bottom:-2px;padding:10px 20px;transition:all .3s ease}.lang-tab:hover{background:#0000000d;background:var(--hover-bg,#0000000d);color:var(--text-primary)}.lang-tab.active{background:#fff;border-bottom-color:var(--accent);color:var(--accent);font-weight:600}.lang-content{background:#fff;margin-bottom:0}.form-divider{background:var(--border-divider);height:1px;margin:24px 0}.form-group label.section-label{font-size:1.05rem;font-weight:600}.form-group .checkbox-group.indented,.form-group .radio-group.indented,.form-group.indented{padding-left:16px}.checkbox-label,.radio-label{align-items:center;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.95rem;gap:10px;line-height:1.5;margin-bottom:8px;margin-right:20px;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox],.radio-label input[type=radio]{accent-color:var(--accent);cursor:pointer;flex-shrink:0;height:18px;margin:0;transform:translateY(3px);width:18px}.checkbox-group,.radio-group{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}.btn-upload{background:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;margin-top:8px;padding:10px 20px;transition:all .3s ease}.btn-upload:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.btn-upload:disabled{background:var(--border-divider);cursor:not-allowed;opacity:.6}.image-preview-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:12px}.image-preview-item{aspect-ratio:1;background:#f5f5f5;background:var(--hover-bg,#f5f5f5);border:2px solid var(--border-divider)}.image-preview-item img{height:100%;object-fit:cover;width:100%}.remove-image-btn{background:#000000b3;font-size:18px;height:24px;line-height:1;right:4px;top:4px;transition:all .2s ease;width:24px}.remove-image-btn:hover{background:#dc2626e6}.section-header{border-bottom:2px solid var(--border-divider);color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:12px;margin-top:20px;padding-bottom:8px}.section-header:first-child{margin-top:0}.modal-table-wrapper{margin-top:12px;overflow-x:auto}.modal-table{border-collapse:collapse;font-size:.9rem;width:100%}.modal-table thead{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa)}.modal-table thead th{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-weight:600;padding:10px 12px;text-align:left;white-space:nowrap}.modal-table tbody td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:10px 12px}.modal-table tbody tr:last-child td{border-bottom:none}.modal-table tbody tr:hover{background:#f8f9fa;background:var(--hover-bg,#f8f9fa)}.modal-table .text-center{color:var(--text-secondary);text-align:center}.view-value.highlight{font-weight:600}.link-primary,.view-value.highlight{color:#4a90e2;color:var(--primary,#4a90e2)}.link-primary{text-decoration:none;transition:color .2s}.link-primary:hover{color:#357abd;color:var(--primary-hover,#357abd);text-decoration:underline}.info-section{margin-bottom:20px}.info-section h3{border-bottom:2px solid #e8e8e8;color:#4a90e2;font-size:1.1rem;font-weight:700;line-height:1.4;margin-bottom:12px;padding-bottom:8px}.info-section label{color:#0e7490;display:block;font-size:.95rem;font-weight:600;line-height:1.4;margin-bottom:6px}.info-grid{grid-gap:12px;grid-row-gap:14px;gap:12px;grid-template-columns:repeat(2,1fr);row-gap:14px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item-horizontal{grid-gap:30px;align-items:center;display:grid;gap:30px;grid-template-columns:120px 1fr}.info-item-horizontal label{color:#0e7490;font-size:.9rem;font-weight:600;line-height:1.4;margin-bottom:0;margin-top:0;white-space:nowrap}.info-item-horizontal span{color:#333;font-size:.95rem;line-height:1.4;margin-bottom:0;margin-top:0}.info-item label{color:#0e7490;font-size:.9rem;font-weight:600;line-height:1.4}.info-item span{color:#333;font-size:.95rem;line-height:1.4;padding-left:0}@media (max-width:768px){.info-grid{grid-template-columns:1fr}}.action-btn{border:none;border-radius:6px;font-size:.85rem;font-weight:500;padding:6px 16px;transition:all .2s ease}.action-btn.danger{background-color:#fee;border:1px solid #fca5a5;color:#dc2626}.action-btn.danger:hover{background-color:#dc2626;border-color:#dc2626;color:#fff}.action-btn.warning{background-color:#fef3c7;border:1px solid #fde68a;color:#f59e0b}.action-btn.warning:hover{background-color:#f59e0b;border-color:#f59e0b;color:#fff}.alert{border:1px solid #0000;border-radius:8px;font-size:.9rem;line-height:1.5;margin-bottom:16px;margin-top:16px}.alert strong{font-weight:600;margin-right:4px}.alert-warning{background-color:#fff7e6;border-color:#ffd591;color:#d46b08}.alert-info{background-color:#e6f7ff;border-color:#91d5ff;color:#0958d9}.alert-danger{background-color:#fff1f0;border-color:#ffccc7;color:#cf1322}.text-danger{color:#ff4d4f!important;font-weight:600}.text-success{color:#52c41a!important;font-weight:600}.text-warning{color:#faad14!important;font-weight:600}.btn-danger{background-color:#ff4d4f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-danger:hover{background-color:#cf1322}.reply-list{display:flex;flex-direction:column;gap:16px}.reply-item{background:var(--bg-secondary);border-left:3px solid var(--accent);border-radius:8px;padding:16px}.reply-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.reply-author{color:var(--text-primary);font-weight:600}.reply-type{border-radius:12px;font-size:12px;font-weight:500;padding:4px 10px}.reply-type.admin{background-color:#d1ecf1;color:#0c5460}.reply-type.user{background-color:#d4edda;color:#155724}.reply-type.system{background-color:#f8d7da;color:#721c24}.reply-time{color:var(--text-secondary);font-size:.9rem;margin-left:auto}.reply-content{color:var(--text-primary);line-height:1.6;margin-bottom:8px;white-space:pre-wrap}.reply-images{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:12px}.reply-image-item{aspect-ratio:1;border:1px solid var(--border-color);border-radius:6px;overflow:hidden;position:relative}.reply-image-item img{cursor:pointer;height:100%;object-fit:cover;width:100%}.no-replies{color:var(--text-secondary);font-style:italic;padding:24px;text-align:center}.reply-input-section{background:var(--bg-secondary);border-radius:8px;margin-top:20px;padding:20px}.reply-input-section .form-group{margin-bottom:16px}.reply-input-section .form-control{background:var(--control-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.95rem;padding:10px 12px;resize:vertical;width:100%}.reply-input-section .form-control:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a;outline:none}.upload-area-small{background:var(--control-bg);border:2px dashed var(--border-color);border-radius:8px;cursor:pointer;padding:20px;text-align:center;transition:all .3s}.upload-area-small:hover{background:var(--bg-hover);border-color:var(--accent)}.upload-area-small .upload-icon{font-size:2rem;margin-bottom:8px}.upload-area-small p{color:var(--text-secondary);font-size:.9rem;margin:4px 0}.badge{border-radius:4px;display:inline-block;font-size:.85rem;font-weight:500;padding:4px 12px;white-space:nowrap}.badge.status-active,.badge.status-completed,.badge.status-joined,.badge.status-sent,.badge.status-success{background-color:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}.badge.status-cancelled,.badge.status-error,.badge.status-terminated{background-color:#fff1f0;border:1px solid #ffccc7;color:#f5222d}.badge.status-invited,.badge.status-pending,.badge.status-scheduled,.badge.status-settlement,.badge.status-warning{background-color:#fffbe6;border:1px solid #ffe58f;color:#faad14}.badge.status-closed,.badge.status-default,.badge.status-disabled,.badge.status-draft,.badge.status-inactive{background-color:#f5f5f5;border:1px solid #d9d9d9;color:#8c8c8c}.badge.status-processing{background-color:#f1f6ff;border:1px solid #d6e4ff;color:#8db3f0}.badge.tag-management{background-color:#bda2fc;color:#fff}.badge.tag-agent{background-color:#6cc9da;color:#fff}.badge.tag-team{background-color:#7ec795;color:#fff}.badge-tag{background-color:#17a2b8}.badge-option,.badge-tag{border-radius:4px;color:#fff;font-size:.85rem;font-weight:500;padding:4px 12px}.badge-option{background-color:#6c757d}.badge-option+.badge-option{margin-left:8px}.primary-badge{background:#dbeafe;border-radius:12px;color:#1e40af;display:inline-block;font-size:12px;font-weight:600;margin-top:8px;padding:4px 12px}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.upload-area{background:#f0fdff;border:2px dashed #0e74904d;border-radius:8px;cursor:pointer;padding:2rem;text-align:center;transition:border-color .25s ease,background .25s ease}.upload-area:hover{background:#e0f7fa;border-color:#06b6d4}.upload-area input[type=file]{display:none}.upload-icon{color:#06b6d4;font-size:3rem;margin-bottom:1rem}.image-preview-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-top:1rem}.image-preview-item{background:#f8fafc;border:2px solid #e0f2fe;border-radius:8px;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.image-preview-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.preview-image{display:block;height:140px;object-fit:cover;width:100%}.remove-image-btn{align-items:center;background:#ef4444f2;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;height:26px;justify-content:center;position:absolute;right:6px;top:6px;transition:background .2s ease,transform .2s ease;width:26px;z-index:10}.remove-image-btn:hover{background:#dc2626;transform:scale(1.1)}.image-name{background:#fff;color:#64748b;font-size:.75rem;overflow:hidden;padding:.5rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.preview-item{border:2px solid #e0f2fe;border-radius:8px;height:120px;overflow:hidden;position:relative;width:120px}.preview-item img{height:100%;object-fit:cover;width:100%}.remove-image{background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1rem;position:absolute;right:5px;top:5px}.menu-icon,.remove-image{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.dot{color:#6c7b88;color:var(--sidebar-dot,#6c7b88);display:inline-block;flex:0 0 10px;margin-left:-15px;margin-right:10px;vertical-align:middle}.searchable-select{position:relative}.searchable-select input[type=text]{border:1px solid #0e749033;border-radius:6px;cursor:pointer;font-size:.9rem;height:38px;padding:0 2.5rem 0 .8rem;width:100%}.searchable-select input[type=text]:focus{border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d41a;outline:none}.searchable-select .arrow,.searchable-select .dropdown-icon{align-items:center;cursor:pointer;display:flex;justify-content:center;pointer-events:auto}.searchable-select .arrow,.searchable-select .dropdown-icon{color:#64748b;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:transform .3s ease}.searchable-select .dropdown-icon{pointer-events:none}.searchable-select.open .arrow,.searchable-select.open .dropdown-icon{transform:translateY(-50%) rotate(180deg)}.options-list{background:#fff;border:1px solid #0e749033;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-top:.5rem;max-height:250px;overflow-y:auto}.option-item{align-items:center;background:#fff;cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1rem;transition:background .2s ease}.option-item:hover{background:#f0f9ff}.option-item.selected{background:#e0f2fe;color:#0e7490;font-weight:500}.option-item.selected:hover{background:#bae6fd}.team-badge{background:#e0f2fe;border-radius:4px;color:#0e7490;font-size:.75rem;margin-left:auto;padding:.25rem .5rem}.no-results{color:#94a3b8;font-size:.9rem;padding:1rem;text-align:center}.user-mgmt-view .user-profile-card{align-items:center;background:var(--accent-light);border-radius:12px;color:#fff;display:flex;gap:24px;margin-bottom:24px;padding:24px}.user-mgmt-view .user-avatar-wrapper{flex-shrink:0}.user-mgmt-view .user-avatar-large{border:3px solid #ffffff4d;border-radius:50%;height:80px;object-fit:cover;width:80px}.user-mgmt-view .user-avatar-placeholder{align-items:center;background-color:#fff3;border:3px solid #ffffff4d;border-radius:50%;color:#fff;display:flex;font-size:32px;font-weight:600;height:80px;justify-content:center;text-transform:uppercase;width:80px}.user-mgmt-view .user-info{flex:1 1}.user-mgmt-view .user-name{color:#fff;font-size:24px;font-weight:600;margin:0 0 8px}.user-mgmt-view .user-email{color:#ffffffe6;font-size:14px;font-weight:400;margin:0 0 8px}.user-mgmt-view .user-uid{color:#ffffffb3;font-family:Courier New,monospace;font-size:13px}.user-mgmt-view .user-avatar{border-radius:50%;height:50px;width:50px}.user-mgmt-view .view-section-two-columns{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr 1fr}.user-mgmt-view .view-section-two-columns .section-title{grid-column:1/-1}.user-mgmt-view .view-section-two-columns .view-row{grid-column:span 1}.user-mgmt-view .security-list{display:flex;flex-direction:column;gap:8px}.user-mgmt-view .security-item{align-items:center;background:var(--bg-secondary);border-radius:6px;display:flex;gap:10px;padding:8px 12px}.user-mgmt-view .security-item .method-name{font-weight:500;min-width:150px}.user-mgmt-view .ip-whitelist{display:flex;flex-direction:column;gap:12px}.user-mgmt-view .ip-status{align-items:center;display:flex;font-weight:500;gap:10px}.user-mgmt-view .ip-list{background:var(--bg-secondary);border-radius:6px;padding:12px}.user-mgmt-view .ip-list ul{margin:8px 0 0;padding-left:20px}.user-mgmt-view .ip-list li{color:var(--text-primary);font-family:Courier New,monospace;padding:4px 0}.search-container{display:inline-block;height:38px;position:relative}.search-input{box-sizing:border-box;height:38px}.filter-search-container,.header-actions-container{align-items:center;display:flex;gap:12px}.filter-search-container{flex-wrap:wrap;margin-bottom:16px}.date-range-filter{align-items:center;display:flex;gap:12px}.date-input{background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;box-sizing:border-box;color:#333;font-size:14px;height:38px;line-height:1.5;padding:4px 8px;transition:border-color .3s}.date-input:hover{border-color:#40a9ff}.date-input:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.date-separator{color:#999}.date-search-btn,.date-separator{font-size:14px;white-space:nowrap}.date-search-btn{background-color:#1890ff;border:1px solid #1890ff;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s}.date-search-btn:hover{background-color:#40a9ff;border-color:#40a9ff;box-shadow:0 2px 4px #0000001a}.date-search-btn:active{background-color:#1890ff;border-color:#1890ff}.clear-all-btn{background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s;white-space:nowrap}.clear-all-btn:hover{border-color:#40a9ff;box-shadow:0 2px 4px #0000001a;color:#40a9ff}.clear-all-btn:active{border-color:#1890ff;color:#1890ff}.add-btn{background-color:#52c41a;border:1px solid #52c41a;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s;white-space:nowrap}.add-btn:hover{background-color:#73d13d;border-color:#73d13d;box-shadow:0 2px 4px #0000001a}.add-btn:active{background-color:#52c41a;border-color:#52c41a}.add-btn:disabled{background-color:#f5f5f5;border-color:#d9d9d9;color:#bfbfbf;cursor:not-allowed}.notice-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:20px;overflow:hidden}.notice-header{border-bottom:1px solid #e5e7eb;padding:20px 24px}.notice-header h2{color:#1f2937;font-size:20px;font-weight:600;margin:0}.notice-tabs{background:#f9fafb;border-bottom:2px solid #e5e7eb;display:flex}.notice-tab{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:500;gap:8px;justify-content:center;padding:16px 24px;position:relative;transition:all .3s ease}.notice-tab:hover{background:#f3f4f6;color:#374151}.notice-tab.active{background:#fff;color:#2563eb}.notice-tab.active:after{background:#2563eb;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.notice-tab .badge{align-items:center;background:#ef4444;border-radius:10px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.notice-list{min-height:550px}.notice-empty,.notice-list{display:flex;flex-direction:column}.notice-empty{align-items:center;color:#9ca3af;justify-content:center;padding:80px 20px}.notice-empty svg{margin-bottom:16px;opacity:.5}.notice-empty p{font-size:16px;margin:0}.notice-item{align-items:flex-start;background:#fff;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:16px;padding:20px 24px;position:relative;transition:background .2s ease}.notice-item:hover{background:#f9fafb}.notice-item.unread{background:#eff6ff}.notice-item.unread:hover{background:#dbeafe}.notice-icon{align-items:center;background:#f3f4f6;border-radius:50%;color:#6b7280;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.notice-item.unread .notice-icon{background:#dbeafe;color:#2563eb}.notice-content{flex:1 1;min-width:0}.notice-header-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.notice-type{color:#374151;font-size:14px;font-weight:600}.notice-item.unread .notice-type{color:#1e40af}.notice-date{color:#9ca3af;font-size:12px;white-space:nowrap}.notice-text{word-wrap:break-word;color:#6b7280;font-size:14px;line-height:1.6}.unread-dot{background:#ef4444;border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.notice-item-empty{border-bottom:1px solid #f3f4f6;flex-shrink:0;height:120px}.notice-action-bar{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:12px 24px}.mark-all-read-btn{background:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .2s ease}.mark-all-read-btn:hover{background:#1d4ed8}.notice-pagination{align-items:center;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:16px;justify-content:center;padding:12px 24px}.pagination-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#6b7280;font-weight:500}@media (max-width:768px){.notice-container{margin:12px}.notice-header{padding:16px}.notice-header h2{font-size:18px}.notice-tab{font-size:14px;padding:12px 16px}.notice-item{gap:12px;padding:16px}.notice-icon{height:36px;width:36px}.notice-icon svg{height:20px;width:20px}.notice-header-row{align-items:flex-start;flex-direction:column;gap:4px}.notice-date{align-self:flex-start}}.notice-list::-webkit-scrollbar{width:6px}.notice-list::-webkit-scrollbar-track{background:#f3f4f6}.notice-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.notice-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Main{flex-direction:column}.Main,.layout-container{display:flex;min-height:100vh}.layout-container{width:100%}.page-container{flex-grow:1;margin-left:250px;overflow-y:auto;padding:20px}:root{--bg-page:#f1f5f2;--bg-header:linear-gradient(135deg,#5ba08a,#7cc5b1);--bg-dropdown:#fff;--bg-secondary:#fff;--bg-active:#5ba08a33;--bg-hover:#5ba08a1a;--text-primary:#334368;--text-secondary:#718096;--hover-bg:#f3f4f6;--hover-text:#111827;--accent:linear-gradient(135deg,#5ba08a,#7cc5b1);--accent-light:linear-gradient(135deg,#9dd1c2,#a3d3c6);--shadow:0 1px 3px #00000014;--card-bg:#fff;--logo-text:#1e40af;--control-border:#00000014;--control-bg:#fffffffa;--control-shadow:none;--control-hover:#0000000a;--control-text:#111;--chart-height:300px;--max-width:1280px;--border-color:#e5e7eb;--border-divider:#e9ecf0;--border-secondary:#d4e0d9;--border-focus:#5ba08a;--border-primary:#5ba08a47;--border-hover:#c1d4ca;--btn-text-color:#fff;--accent-primary:#5ba08a;--accent-secondary:#7cc5b1;--accent-hover:linear-gradient(135deg,#4a8a75,#6ab39f);--sidebar-bg:#fff;--sidebar-menu:linear-gradient(135deg,#5ba08a,#47776a);--sidebar-brand-text:#fff;--success:#6b9d85;--warning:#d4a574;--danger:#c37b7b;--info:#7b9fc3;--bg-input:#f7faf8;--bg-disabled:#e5ebe7;--text-muted:#6e808a;--text-white:#fff;--shadow-card:0 4px 16px #5ba08a1f;--transition:all 0.3s ease}.dark{--bg-page:#0f172a;--bg-header:#1e293b;--bg-dropdown:#1e293b;--bg-secondary:#2d3748;--bg-hover:#2c2c2c;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border-color:#2d3748;--hover-bg:#94a3b8;--hover-text:#fff;--accent:#3b82f6;--shadow:0 1px 4px #0000004d;--card-bg:#1f2937;--logo-text:#60a5fa;--control-border:#ffffff0f;--control-bg:#ffffff05;--control-shadow:none;--control-hover:#94a3b8;--control-text:#fff;--border-divider:#4c4d50;--submenu-hover:#9dbaf6;--accent-hover:#60a5fa;--btn-text-color:#fff}.divider-border{background:#e9ecf0;background:var(--border-divider);border:0;height:2px;margin:24px 0}.divider-primary{background:#5ba08a;background:var(--accent-primary);border:0;margin:24px 0}.divider-secondary{background:#7cc5b1;background:var(--accent-secondary);border:0;height:2px;margin:24px 0}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column}.right-controls{width:100%}.right-controls input{flex:1 1}}.banner-slider{align-items:center;display:flex;flex-direction:column;margin:0 auto;padding:24px 0}.banner-card,.banner-slider{position:relative;width:100%}.banner-card{aspect-ratio:21/9;background:var(--bg-page);border-radius:16px;box-shadow:0 12px 32px #0000002e;max-width:1200px;max-width:var(--max-width,1200px);overflow:hidden;transition:transform .8s ease,opacity .8s ease}.banner-img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.banner-buttons{bottom:24px;display:flex;gap:12px;left:24px;position:absolute}.banner-btn{background:#ffffffd9;border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 18px;transition:.2s}.banner-btn:hover{background:#fff}.banner-arrow{align-items:center;background:#fffc;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;font-size:24px;height:42px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s;width:42px;z-index:10}.banner-arrow:hover{background:#fff}.banner-arrow.left{left:8px}.banner-arrow.right{right:8px}.banner-dots{bottom:30px;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%)}.banner-dot{background:#ddd;border:2px solid #fff;border-radius:50%;box-sizing:border-box;cursor:pointer;height:10px;transition:.25s;width:10px}.banner-dot:hover{transform:scale(1.3)}.banner-dot.active{background:#666;border:2px solid #fff;border-radius:8px;width:26px}.slide-next{animation:slideNext .8s ease forwards}@keyframes slideNext{0%{opacity:.7;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.slide-prev{animation:slidePrev .8s ease forwards}@keyframes slidePrev{0%{opacity:.7;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.page{background:var(--bg-page);box-sizing:border-box;color:var(--text-primary);display:flex;flex:1 1;flex-direction:column;gap:30px;margin:0 auto;max-width:var(--max-width);min-height:100vh;overflow-x:hidden;padding:2rem 3rem}.home-section-image,.page{width:100%}.section-img{display:block;height:auto;width:100%}.announcements-section{margin-bottom:32px}.section-header{margin-bottom:24px}.section-title{color:var(--text-primary);font-size:24px;font-weight:700}.view-all-btn{align-items:center;background:#0000;border:1px solid var(--border-secondary);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:var(--transition)}.view-all-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.view-all-btn svg{stroke:currentColor;height:16px;width:16px}.search-box-compact{align-items:center;box-sizing:border-box;display:flex;gap:8px;position:relative;width:300px}.search-icon-compact{stroke:var(--text-muted);height:18px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:18px}.search-input-compact{background:var(--bg-input);border:1px solid var(--border-secondary);border-radius:10px;color:var(--text-primary);flex:1 1 auto;font-size:14px;min-width:0;padding:10px 16px 10px 44px;transition:var(--transition);width:100%}.search-input-compact:focus{background:var(--bg-secondary);border-color:var(--border-focus);box-shadow:0 0 0 3px #5ba08a1a;outline:none}.search-input-compact::placeholder{color:var(--text-muted)}.announcements-table-container{background:var(--card-bg);border:1px solid var(--border-secondary);border-radius:16px;box-shadow:var(--shadow-card);overflow:hidden}.announcements-table{border-collapse:collapse;width:100%}.announcements-table thead{background:var(--bg-input);border-bottom:2px solid var(--border-secondary)}.announcements-table th{color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;padding:18px 24px;text-align:left;text-transform:uppercase}.announcements-table tbody tr{border-bottom:1px solid var(--border-secondary);cursor:pointer;transition:var(--transition)}.announcements-table tbody tr:last-child{border-bottom:none}.announcements-table tbody tr:hover{background:var(--bg-hover)}.announcements-table td{padding:20px 24px;vertical-align:middle}.announcement-thumbnail{background:var(--bg-input);border-radius:8px;box-shadow:0 2px 8px #0000001a;height:60px;object-fit:cover;width:80px}.announcement-type{align-items:center;background:var(--bg-active);border-radius:8px;color:var(--accent-primary);display:inline-flex;font-size:13px;font-weight:600;padding:6px 14px;white-space:nowrap}.announcement-type.system{background:#7b9fc333;color:var(--info)}.announcement-type.maintenance{background:#d4a57433;color:var(--warning)}.announcement-title-cell{max-width:350px}.announcement-table-title{color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.4;margin-bottom:8px}.announcement-table-excerpt{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:14px;line-height:1.5;overflow:hidden}.announcement-date-cell{color:var(--text-muted);font-size:14px;white-space:nowrap}.date-icon{stroke:currentColor;height:16px;margin-right:6px;vertical-align:middle;width:16px}.announcement-action{display:flex;gap:8px}.action-btn{align-items:center;background:#0000;border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:6px;justify-content:center;min-width:80px;padding:8px 16px;transition:var(--transition);white-space:nowrap}.action-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.action-btn svg{stroke:currentColor;flex-shrink:0;height:16px;width:16px}.empty-state{background:var(--card-bg);border:1px solid var(--border-secondary);border-radius:16px;padding:60px 20px;text-align:center}.empty-icon{align-items:center;background:var(--bg-input);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.empty-icon svg{stroke:var(--text-muted);height:40px;width:40px}.empty-title{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:8px}.empty-text{color:var(--text-muted);font-size:14px}.pagination-container{align-items:center;background:var(--card-bg);border:1px solid var(--border-secondary);border-radius:0 0 16px 16px;border-top:none;display:flex;justify-content:space-between;margin-top:-1px;padding:20px 24px}.pagination-info{color:var(--text-muted);font-size:14px}.pagination-info span{color:var(--text-primary);font-weight:600}.pagination-controls{gap:8px}.page-btn,.pagination-controls{align-items:center;display:flex}.page-btn{background:var(--bg-input);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;justify-content:center;min-width:40px;padding:8px 14px;transition:var(--transition)}.page-btn:hover:not(:disabled):not(.active){background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.page-btn.active,.page-btn.active:hover{background:var(--accent);border-color:var(--accent-primary);box-shadow:0 4px 12px #5ba08a4d;color:var(--text-white);font-weight:600}.page-btn:disabled{opacity:.4}.page-btn svg{stroke:currentColor}:root{--sidebar-width:290px}@media (max-width:1024px){.sidebar{width:270px}}@keyframes swing{0%{transform:rotate(0deg)}10%{transform:rotate(10deg)}30%{transform:rotate(0deg)}40%{transform:rotate(-10deg)}50%{transform:rotate(0deg)}60%{transform:rotate(5deg)}70%{transform:rotate(0deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}@keyframes sonar{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(2)}}body{font-size:.9rem}#close-sidebar,#show-sidebar,.page-wrapper .page-content,.page-wrapper .sidebar-wrapper,.sidebar-wrapper .sidebar-brand>a,.sidebar-wrapper .sidebar-dropdown>a:after,.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,.sidebar-wrapper .sidebar-menu ul li a,.sidebar-wrapper .sidebar-search .input-group-text,.sidebar-wrapper .sidebar-search input.search-menu,.sidebar-wrapper ul li a i{transition:all .3s ease}.page-wrapper{height:100vh}.page-wrapper .theme{border-radius:4px;display:inline-block;height:40px;margin:2px;width:40px}.page-wrapper .theme.chiller-theme{background:#000}.page-wrapper.toggled .sidebar-wrapper{left:0}@media screen and (min-width:768px){.page-wrapper.toggled .page-content{padding-left:200px}}#show-sidebar{align-items:center;background:var(--sidebar-menu);border:none;border-radius:4px 4px 4px 4px;color:#fff;cursor:pointer;display:flex;height:35px;justify-content:center;left:0;position:fixed;top:40px;width:35px;z-index:1005}.page-wrapper.toggled #show-sidebar{left:230px;left:calc(var(--sidebar-width) - 60px)}.sidebar-wrapper{background:var(--sidebar-bg);display:flex;flex-direction:column;height:100%;height:100vh;left:-290px;left:calc(var(--sidebar-width)*-1);overflow:hidden;padding:0;position:fixed;top:0;transition:left .3s ease;width:290px;width:var(--sidebar-width);z-index:1000}.sidebar-wrapper ul{list-style-type:none;margin:0;padding:0}.sidebar-wrapper a{text-decoration:none}.sidebar-content{height:calc(100% - 30px);max-height:calc(100% - 30px);overflow-x:hidden;overflow-y:auto}.sidebar-content.desktop{overflow-y:hidden}.sidebar-brand{background:var(--bg-header);justify-content:space-between}.brand-link,.sidebar-brand{align-items:center;display:flex}.brand-link{color:inherit;text-decoration:none}.brand-text{display:flex;flex-direction:column;margin-left:15px}.main-title{font-size:1.3rem;font-weight:700;margin-bottom:3px}.main-title,.sub-title{color:var(--sidebar-brand-text)}.sub-title{font-size:.75rem}.sidebar-wrapper .sidebar-brand{align-items:center;display:flex;padding:32px 20px}.sidebar-wrapper .sidebar-brand>a{flex-grow:1;font-weight:700}.sidebar-wrapper .sidebar-brand #close-sidebar{cursor:pointer;font-size:20px}.sidebar-header{padding:10px 15px}.sidebar-wrapper .sidebar-header{cursor:default}.sidebar-wrapper .sidebar-header .sidebar-header-clickable,.sidebar-wrapper .sidebar-header .sidebar-header-clickable *{cursor:pointer}.sidebar-header-clickable{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:12px;justify-content:space-between;outline:none;padding:8px;transition:background .16s ease,transform .12s ease,box-shadow .16s ease;width:100%}.sidebar-header-clickable:focus,.sidebar-header-clickable:hover{background:#0000000a;box-shadow:0 4px 10px #0000000f;transform:translateY(-1px)}.sidebar-header-left{flex:1 1}.sidebar-header-icons{justify-content:center;min-width:36px}.circle-avatar{align-items:center;background:var(--bg-header);border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:45px;justify-content:center;margin-right:12px;overflow:hidden;padding:0;width:45px}.sidebar-wrapper .sidebar-header{overflow:hidden;padding:20px}.brand-pic{align-items:center;background:linear-gradient(145deg,#fff,#f0f7f4);border-radius:13px;box-shadow:0 4px 12px #5ba08a4d;color:#5ba08a;display:flex;font-size:30px;height:52px;justify-content:center;margin-left:6px;width:52px}.brand-pic img{height:100%;object-fit:cover;width:100%}.sidebar-wrapper .sidebar-header .user-pic{border-radius:12px;float:left;margin-right:15px;overflow:hidden;width:60px}.sidebar-wrapper .sidebar-header .user-pic img{height:100%;object-fit:cover;width:100%}.sidebar-wrapper .sidebar-header .user-info{float:left}.sidebar-wrapper .sidebar-header .user-info>span{display:block}.sidebar-wrapper .sidebar-header .user-info .user-role{font-size:12px}.sidebar-wrapper .sidebar-header .user-info .user-status{font-size:11px;margin-top:4px}.sidebar-wrapper .sidebar-header .user-info .user-status i{color:#5cb85c;font-size:8px;margin-right:4px}.sidebar-wrapper .sidebar-search>div{padding:10px 20px}.sidebar-wrapper .sidebar-menu{padding-bottom:10px}.sidebar-wrapper .sidebar-menu .header-menu span{display:inline-block;font-size:14px;font-weight:700;padding:15px 20px 5px}.sidebar-wrapper .sidebar-menu ul li a{display:inline-block;padding:8px 20px;position:relative;text-decoration:none;width:100%}.sidebar-wrapper .sidebar-menu ul li a i{border-radius:4px;font-size:12px;height:30px;line-height:30px;margin-right:10px;text-align:center;width:30px}.sidebar-wrapper .sidebar-menu ul li a:hover>i:before{animation:swing .5s ease-in-out 1 alternate;display:inline-block}.sidebar-wrapper .sidebar-dropdown>a{padding-right:40px;position:relative}.sidebar-wrapper .sidebar-menu .sidebar-dropdown>a{align-items:center;display:flex;justify-content:space-between;padding-right:16px;position:relative}.sidebar-wrapper .sidebar-menu .sidebar-dropdown>a:after{align-items:center;content:"";display:inline-flex;font-family:Font Awesome\ 5 Free;font-weight:900;margin-left:auto;margin-right:60px;transition:transform .3s ease}.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul{padding:5px 0}.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li{font-size:13px;padding-left:50px}.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";display:inline-block;font-family:Font Awesome\ 5 Free;font-size:8px;font-style:normal;font-weight:400;margin-right:10px;text-align:center;text-decoration:none}.sidebar-dropdown{position:relative}.sidebar-dropdown>a,.sidebar-dropdown>a>i,.sidebar-dropdown>a>span{display:inline-block}.sidebar-dropdown .arrow{position:absolute;right:5rem;top:50%;transform:translateY(-50%) rotate(0deg);transform-origin:center;transition:transform .3s ease}.sidebar-dropdown>a{align-items:center;display:flex}.arrow{margin-left:auto;transition:transform .3s ease}.sidebar-dropdown.active .arrow{transform:rotate(90deg)}.sidebar-dropdown>a,.sidebar-submenu li>a{align-items:center;border-radius:8px;box-sizing:border-box;color:var(--text-primary);display:flex;padding:.5rem 1rem;text-decoration:none;transition:background .2s;width:100%}.sidebar-dropdown>a:hover,.sidebar-submenu li>a.selected:hover,.sidebar-submenu li>a:hover{background:var( --bg-hover)}.sidebar-dropdown.selected>a,.sidebar-submenu li>a.selected{background:var(--bg-active)}.sidebar-wrapper .sidebar-menu ul li a span.badge,.sidebar-wrapper .sidebar-menu ul li a span.label{float:right;margin-left:5px;margin-top:8px}.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge,.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label{float:right;margin-top:0}.sidebar-wrapper .sidebar-menu .sidebar-submenu{display:none}.sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a:after{right:17px;transform:rotate(90deg)}.badge-sonar{background:#980303;border-radius:50%;display:inline-block;height:8px;position:absolute;top:0;width:8px}.badge-sonar:after{animation:sonar 1.5s infinite;border:2px solid #980303;border-radius:50%;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.page-content{background-color:#f0f2f5;min-height:100vh;overflow-x:hidden;padding-left:0;position:relative;transition:padding-left .3s ease;width:100%}.page-wrapper .page-content{display:inline-block;padding-left:0;padding-top:20px;width:100%}.page-wrapper .page-content>div{padding:20px 40px}.page-wrapper .page-content{overflow-x:hidden}::-webkit-scrollbar{height:7px;width:5px}::-webkit-scrollbar-button{height:0;width:0}::-webkit-scrollbar-thumb{background:#525965;border:0 #fff;border-radius:0}::-webkit-scrollbar-thumb:active,::-webkit-scrollbar-thumb:hover{background:#525965}::-webkit-scrollbar-track{background:#0000;border:0 #fff;border-radius:50px}::-webkit-scrollbar-track:active,::-webkit-scrollbar-track:hover{background:#0000}::-webkit-scrollbar-corner{background:#0000}.sidebar.reserve-scrollbar{box-sizing:border-box;padding-right:16px;padding-right:var(--scrollbar-w,16px)}.chiller-theme .sidebar-wrapper{background:var(--sidebar-bg)}.chiller-theme .sidebar-wrapper .sidebar-header,.chiller-theme .sidebar-wrapper .sidebar-menu,.chiller-theme .sidebar-wrapper .sidebar-search{border-top:1px solid var(--border-divider)}.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text,.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu{border-color:#0000;box-shadow:none}.chiller-theme .sidebar-footer>a,.chiller-theme .sidebar-wrapper .sidebar-brand>a,.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-role,.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-status,.chiller-theme .sidebar-wrapper .sidebar-menu ul li a,.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text,.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu{color:var(--text-primary)}.chiller-theme .sidebar-footer>a:hover i,.chiller-theme .sidebar-wrapper .sidebar-brand>a:hover,.chiller-theme .sidebar-wrapper .sidebar-header .user-info,.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a,.chiller-theme .sidebar-wrapper .sidebar-menu ul li:hover>a{color:var(--text-secondary)}.page-wrapper.chiller-theme.toggled #close-sidebar{color:#bdbdbd}.page-wrapper.chiller-theme.toggled #close-sidebar:hover{color:#fff}.chiller-theme .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before,.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active a i,.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu:focus+span,.chiller-theme .sidebar-wrapper ul li:hover a i{color:#16c7ff;text-shadow:0 0 10px #16c7ff80}.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div,.chiller-theme .sidebar-wrapper .sidebar-menu ul li a i,.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text,.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu{background:var(--bg-dropdown)}.chiller-theme .sidebar-wrapper .sidebar-menu .header-menu span{color:#6c7b88}.chiller-theme .sidebar-footer>a:first-child{border-left:none}.chiller-theme .sidebar-footer>a:last-child{border-right:none}.layout-container.sidebar-open .page-container{margin-left:290px;margin-left:var(--sidebar-width);transition:margin-left .3s ease}.layout-container.sidebar-closed .page-container{margin-left:0;transition:margin-left .3s ease}.sidebar-wrapper.collapsed{width:0!important}.sidebar-wrapper.open{width:290px!important;width:var(--sidebar-width)!important}.sidebar-menu li.active>a{background:var(--bg-active);border-radius:8px;color:var(--text-primary)!important;font-weight:700}.sidebar-submenu li.active>a{background:#1e90ff33;color:#1e90ff!important;font-weight:600}.sidebar-dropdown>a{background:none}.sidebar-dropdown.open>.sidebar-submenu{display:block}.default-dot{display:inline-block;font-size:12px;text-align:center;width:10px}.menu-link{align-items:center;display:flex;gap:15px;padding:.5rem 15px!important;position:relative;text-decoration:none}.menu-link i{text-align:center;width:20px}.menu-link .arrow{align-items:center;display:flex;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%) rotate(0deg);transition:transform .25s ease}.menu-link .arrow.open{transform:translateX(-12%) translateY(-33%) rotate(90deg)}.sidebar .sidebar-dropdown{margin:12px 0}.sidebar .menu-link{align-items:center;display:flex;margin:0 18px;padding:10px 14px;width:calc(100% - 20px)!important}.sidebar-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px}.sidebar-header-left{align-items:center;display:flex;gap:10px}.sidebar-header-icons{align-items:center;display:flex;margin-left:12px}.notification-wrapper{height:28px;position:relative;width:28px}.notification-badge,.notification-wrapper{align-items:center;display:flex;justify-content:center}.notification-badge{background:#e74c3c;border:2px solid #fff;border-radius:11px;box-shadow:0 2px 4px #00000040;color:#fff;font-size:11px;font-weight:700;height:22px;min-width:22px;padding:0 6px;pointer-events:none;position:absolute;right:-7px;top:-7px}.header-modal-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:1200}.header-modal{background:#fff;border-radius:8px;box-shadow:0 12px 30px #00000040;max-width:calc(100% - 32px);padding:16px;position:relative;width:360px}.header-modal-close{background:#0000;border:none;cursor:pointer;font-size:20px;position:absolute;right:8px;top:6px}.header-modal-body{padding-top:8px}.sidebar-header:focus{outline:2px solid #1b86ff40;outline-offset:2px}@media (max-width:640px){.header-modal{width:92%}}.toggle-switch{display:inline-block;height:24px;position:relative;width:46px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#4caf50}input:checked+.slider:before{transform:translateX(22px)}.sidebar-footer{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px;margin-top:auto;padding:16px}.language-section{position:relative;width:100%}.language-selector{border:1px solid #ccc;border-radius:8px;cursor:pointer;justify-content:space-between;padding:12px}.language-selector,.theme-info{align-items:center;display:flex}.theme-info{gap:8px}.language-dropdown{background:#fff;border-radius:8px;margin-top:5px}.language-option{padding:10px 12px}.language-option:hover{background:#f0f0f0}.arrow.open{transform:rotate(90deg);transition:transform .2s ease}.language-dropdown{background:var(--sidebar-bg);border:1px solid #ccc;border-radius:6px;margin-top:6px;overflow:hidden}.language-option{cursor:pointer;padding:10px 14px;transition:background .2s ease}.language-option:hover{background:#0000000d}.language-selector .open{transform:rotate(90deg)}.language-arrow{height:18px;width:18px}.theme-label{color:var(--text-primary);font-size:.9rem;padding:0 6px}.logout-btn{align-items:center;border:1px solid #ccc;border-radius:12px;cursor:pointer;display:flex;gap:10px;justify-content:center;margin:0 5px;padding:12px 0;transition:background .2s ease;width:95%}.logout-btn svg{height:20px;width:20px}.logout-btn span{font-size:.9rem}.language-selector,.theme-toggle{align-items:center;border:1px solid #ccc;border-radius:12px;cursor:pointer;display:flex;height:48px;justify-content:space-between;margin:0 5px;padding:12px;transition:background .2s ease}.language-selector:hover,.logout-btn:hover,.theme-toggle:hover{background:var(--hover-bg)}.lang-popup-container{z-index:9999}.lang-popup{background:#fff;border:1px solid #0000000f;border-radius:6px;box-shadow:0 8px 24px #00000029;font-size:14px;min-width:200px;overflow:hidden}.lang-popup-header{align-items:center;border-bottom:1px solid #eee;display:flex;font-weight:600;justify-content:space-between;padding:8px 12px}.lang-popup-close{background:#0000;border:none;cursor:pointer;font-size:18px}.lang-list{list-style:none;margin:0;padding:6px 0}.lang-item{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px}.lang-item:hover{background:#f7f7f7}.lang-item.active{background:#f0f8ff;font-weight:600}.lang-checked{color:#1b86ff;margin-left:8px}.login-page{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:32px 28px;text-align:center;width:350px}.login-page h2{color:#333;font-size:22px;font-weight:600;margin-bottom:20px}.login-page form{display:flex;flex-direction:column;gap:12px}.login-page input{border:1px solid #d1d5db;border-radius:8px;font-size:15px;outline:none;padding:12px 14px;transition:.2s;width:100%}.login-page input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.login-page button{background:#1e90ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:.2s;width:100%}.login-page button:hover{background:#187ae0}.login-page p{font-size:14px;margin-top:10px}*{box-sizing:border-box;margin:0;padding:0}.login-root{align-items:center;background:#eff6ff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-bg-decoration{height:100%;overflow:hidden;position:absolute;width:100%;z-index:0}.login-decoration-circle{border-radius:50%;opacity:.5;position:absolute}.login-decoration-circle:first-child{animation:float1 15s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#1e40af);height:500px;right:-100px;top:-250px;width:500px}.login-decoration-circle:nth-child(2){animation:float2 18s ease-in-out infinite;background:linear-gradient(135deg,#60a5fa,#2563eb);bottom:-200px;height:400px;left:-150px;width:400px}.login-decoration-circle:nth-child(3){animation:float3 20s ease-in-out infinite;background:linear-gradient(135deg,#93c5fd,#3b82f6);height:300px;left:-150px;top:50%;width:300px}@keyframes float1{0%,to{transform:translate(0) rotate(0deg)}50%{transform:translate(30px,30px) rotate(180deg)}}@keyframes float2{0%,to{transform:translate(0) rotate(0deg)}50%{transform:translate(-40px,-40px) rotate(-180deg)}}@keyframes float3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(50px,-50px) scale(1.1)}}.login-container{max-width:950px;position:relative;width:100%;z-index:1}.login-card-wrapper{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:1fr 1fr}.login-info-card{background:#fff;border-radius:32px;box-shadow:0 20px 60px #3b82f626;overflow:hidden;padding:50px 40px;position:relative}.login-info-card:before{background:linear-gradient(90deg,#3b82f6,#1e40af);content:"";height:6px;left:0;position:absolute;right:0;top:0}.login-info-content{text-align:center}.login-info-logo{align-items:center;animation:pulse 3s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:24px;box-shadow:0 12px 40px #3b82f666;color:#fff;display:flex;font-size:48px;height:90px;justify-content:center;margin:0 auto 32px;width:90px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.login-info-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1e40af);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;margin-bottom:16px}.login-info-description{color:#64748b;font-size:16px;line-height:1.7;margin-bottom:40px}.login-info-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:40px}.login-stat-item{text-align:center}.login-stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1e40af);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;margin-bottom:8px}.login-stat-label{color:#64748b;font-size:13px;font-weight:600}.login-form-card{background:#fff;border-radius:32px;box-shadow:0 20px 60px #3b82f626;padding:50px 40px;position:relative;transition:all .3s ease}.login-form-card:hover{box-shadow:0 30px 80px #3b82f633;transform:translateY(-5px)}.login-form-header{margin-bottom:36px;text-align:center}.login-form-header h2{color:#1f2937;font-size:28px;font-weight:700;margin-bottom:8px}.login-form-header p{color:#64748b;font-size:15px}.login-tabs{background:#f8fafc;border-radius:14px;display:flex;gap:8px;margin-bottom:32px;padding:6px}.login-tab{background:#0000;border:none;border-radius:10px;color:#64748b;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .3s ease}.login-tab.active{background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 4px 12px #3b82f64d;color:#fff}.login-form-section{display:none}.login-form-section.active{animation:fadeInUp .4s ease;display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.login-form-group{margin-bottom:20px}label{display:block;font-size:13px;font-weight:600;letter-spacing:.3px;margin-bottom:8px}input,label{color:#1e293b}input{background:#fafbfc;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;padding:13px 16px;transition:all .3s ease;width:100%}input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f614;outline:none}input::placeholder{color:#94a3b8}.login-password-field{position:relative}.login-password-toggle{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;padding:0;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:color .3s ease;width:24px}.login-password-toggle:hover{color:#3b82f6}.login-checkbox-group{align-items:center;display:flex;gap:8px;margin:18px 0}.login-checkbox-group input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:17px;width:17px}.login-checkbox-group label{color:#475569;cursor:pointer;font-size:13px;font-weight:500;margin:0}.login-forgot-link{margin-bottom:24px;margin-top:-8px;text-align:right}.login-forgot-link a{color:#3b82f6;font-size:13px;font-weight:600;text-decoration:none;transition:color .3s ease}.login-forgot-link a:hover{color:#1e40af}.login-btn{border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;padding:15px;transition:all .3s ease;width:100%}.login-btn-primary{background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 4px 16px #3b82f64d;color:#fff}.login-btn-primary:hover{box-shadow:0 8px 24px #3b82f666;transform:translateY(-2px)}.login-btn-primary:disabled{background:linear-gradient(135deg,#cbd5e1,#94a3b8);color:#64748b;cursor:not-allowed;opacity:.6}.login-btn-primary:disabled,.login-btn-primary:disabled:hover{box-shadow:none;transform:none}.login-footer-text{color:#64748b;font-size:13px;margin-top:24px;text-align:center}.login-footer-text a{color:#3b82f6;font-weight:600;text-decoration:none;transition:color .3s ease}.login-footer-text a:hover{color:#1e40af}.link-button{background:none;border:none;color:#007bff;cursor:pointer;font:inherit;padding:0;text-decoration:underline}@media (max-width:1024px){.card-wrapper{gap:30px;grid-template-columns:1fr}.info-card{order:2}.form-card{order:1}}@media (max-width:640px){.form-card,.info-card{border-radius:24px;padding:36px 28px}.info-stats{gap:16px;grid-template-columns:repeat(3,1fr)}.stat-number{font-size:24px}.stat-label{font-size:11px}}.page-header{background:#0000;border-bottom:1px solid #e6e9ee;border-bottom:1px solid var(--border-divider,#e6e9ee);gap:16px;justify-content:space-between;padding:10px 0}.page-header,.page-header-left{align-items:center;display:flex}.page-header-left{flex-direction:column;justify-content:flex-start}.page-header-icon{align-items:center;border-radius:8px;color:#1e90ff;color:var(--text-primary,#1e90ff);display:inline-flex;font-size:18px;height:40px;justify-content:flex-start;width:40px}.page-header-icon-text{font-size:20px;line-height:1}.page-header-text{display:flex;flex-direction:column}.page-header-title{color:#222;color:var(--page-title-color,#222);font-size:1.15rem}.page-header-subtitle{color:#666;color:var(--page-subtitle-color,#666);font-size:.9rem;margin-top:2px}.page-header-actions{align-items:center;display:flex;flex-wrap:nowrap;white-space:nowrap}.page-header-top{align-items:center;display:flex;justify-content:flex-start;width:100%}.page-header-title{font-size:20px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-header-subtitle{color:var(--text-muted);font-size:14px}.issue-mgmt-btn-primary{background:#0e7490;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 16px}.issue-mgmt-tabs-nav{display:flex;gap:8px}.issue-mgmt-tab-item{background:#e2e8f0;border-radius:8px;cursor:pointer;padding:8px 16px}.issue-mgmt-tab-item.active{background:#0e7490;color:#fff}.issue-mgmt-tab-badge{font-size:12px;margin-left:6px}.issue-mgmt-tickets-table{background:#fff;border-collapse:collapse;width:100%}.issue-mgmt-tickets-table td,.issue-mgmt-tickets-table th{border-bottom:1px solid #e5e7eb;padding:12px}.issue-mgmt-status.pending{color:#92400e}body{background:var(--bg-page)}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);justify-content:center}@media (max-width:1200px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.dashboard-grid{grid-template-columns:1fr}}.card-header{align-items:center;display:flex;justify-content:space-between}.card-title{font-size:1rem;font-weight:600}.card-icon{font-size:1.5rem}.card-value{font-size:1.8rem;font-weight:700;margin-top:.5rem}.card-description{color:var(--text-secondary);font-size:.9rem;margin-top:.3rem}.card-meta{color:var(--text-secondary);font-size:.8rem;margin-top:.2rem;text-align:right}.stat-trend{font-size:.8rem;margin-top:.3rem}.stat-trend.up{color:#10b981}.stat-trend.down{color:#ef4444}.data-table{border-collapse:collapse;width:100%}.data-table td,.data-table th{border-bottom:1px solid var(--border-color);padding:.75rem;text-align:left}.data-table th{color:var(--text-secondary);font-size:.9rem;text-transform:uppercase}.team-section{display:flex;gap:1.5rem;margin-top:1.5rem}.team-section>*{flex:1 1}@media (max-width:1024px){.team-section{flex-direction:column}}.chart-wrapper{align-items:stretch;background:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px #0003;box-sizing:border-box;display:flex;flex-direction:column;height:350px;margin:0 auto;max-width:var(--max-width);padding:16px;width:100%}.chart-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #ddd;border:1px solid var(--border,#ddd);border-radius:10px;padding:20px;position:relative;width:100%}.chart-title{color:var(--text-primary);font-size:18px;font-weight:600;margin:10px 0 -25px 10px;position:relative}.pagination{align-items:center;display:flex;flex-wrap:nowrap;gap:6px;justify-content:center;margin-top:12px;overflow-x:auto;white-space:nowrap}.page-btn{background:#f9f9f9;background:var(--card-bg,#f9f9f9);border:1px solid #ddd;border:1px solid var(--border,#ddd);border-radius:6px;color:#333;color:var(--text-primary,#333);cursor:pointer;padding:4px 10px;transition:.2s}.page-btn:hover:not(:disabled){background:#eee;background:var(--hover,#eee)}.page-btn.active{background:#2563eb;background:var(--primary,#2563eb);border-color:#2563eb;border-color:var(--primary,#2563eb);color:#fff}.page-btn:disabled{cursor:not-allowed;opacity:.5}.ellipsis{color:#666;color:var(--text-secondary,#666);padding:0 6px;-webkit-user-select:none;user-select:none}html.dark .page-btn{background:#1f2937;background:var(--card-bg,#1f2937);border-color:#374151;border-color:var(--border,#374151);color:#f3f4f6;color:var(--text-primary,#f3f4f6)}html.dark .page-btn:hover:not(:disabled){background:#374151;background:var(--hover,#374151)}html.dark .page-btn.active{background:#10b981;background:var(--primary,#10b981);border-color:#10b981;border-color:var(--primary,#10b981);color:#fff}.table-title{font-size:1rem;font-weight:600;margin-bottom:1rem}.table-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.table-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow);padding:1rem}.search-input{background:#fff;background:var(--card-bg,#fff);border:1px solid #ddd;border:1px solid var(--border,#ddd);color:#333;color:var(--text-primary,#333);min-width:180px;padding:6px 10px}.search-input:focus{border-color:var(--primary,#2563eb);outline:none}html.dark .search-input{background:#1f2937;background:var(--card-bg,#1f2937);border-color:#374151;border-color:var(--border,#374151);color:#f3f4f6;color:var(--text-primary,#f3f4f6)}.no-data{color:#777;color:var(--text-secondary,#777);padding:16px 0;text-align:center}.search-container{align-items:center;display:flex;gap:8px}.search-input{border:1px solid #ccc;border:1px solid var(--border-color,#ccc);border-radius:6px;font-size:14px;outline:none;padding:6px 32px 6px 10px;transition:border-color .2s ease;width:200px}.search-input:focus{border-color:#2563eb;border-color:var(--accent,#2563eb)}.search-icon-btn{background:none;border:none;color:#666;color:var(--text-secondary,#666);cursor:pointer;font-size:16px;position:absolute;right:6px;top:50%;transform:translateY(-50%);transition:color .2s}.search-icon-btn:hover{color:#2563eb;color:var(--accent,#2563eb)}.dashboard-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow);padding:1rem;transition:background .3s ease,transform .2s}.dashboard-card:hover{transform:translateY(-4px)}.dashboard-card .card-header{align-items:center;display:flex;justify-content:space-between}.dashboard-card .card-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.dashboard-card .card-icon{font-size:1.5rem}.dashboard-card .card-value{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin-top:.5rem}.dashboard-card .card-value.large{color:#52c41a;font-size:2rem}.dashboard-card .card-description{color:var(--text-secondary);font-size:.9rem;margin-top:.3rem}.dashboard-card .card-meta{color:var(--text-secondary);font-size:.8rem;margin-top:.2rem;text-align:right}.table-section.table-t2{background:var(--card-bg);border-radius:8px;box-shadow:var(--shadow);display:flex;flex-direction:column;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;margin:0}.table-t2 .table-top-bar{align-items:center;background:var(--accent-light);border-radius:6px;display:flex;justify-content:space-between;min-height:56px;padding:12px 16px}.table-t2 .table-title{border-bottom:none!important;color:var(--text-primary);font-size:1.1rem;font-weight:600;line-height:1.2;margin:0;padding-bottom:0!important;text-decoration:none}.table-t2 .shortcut-buttons{display:flex;gap:8px}.table-t2 .shortcut-btn{align-items:center;background:var(--control-bg);border:1px solid var(--control-border);border-radius:6px;color:var(--control-text);cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;padding:6px 12px;transition:background .2s,color .2s,border .2s}.table-t2 .shortcut-btn:hover{background:var(--control-hover)}.table-t2 .shortcut-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.table-t2 .team-table-wrapper{overflow-x:auto;width:100%}.table-t2 .data-table{border-collapse:collapse;width:100%}.table-t2 .data-table td,.table-t2 .data-table th{color:var(--text-primary);padding:10px 14px;text-align:left;white-space:nowrap}.table-t2 .data-table th{background:var(--bg-secondary);font-weight:600}.table-t2 .data-table td,.table-t2 .data-table th{border-bottom:1px solid var(--border-color)}.table-t2 .data-table tr:not(.empty-row):hover td{background:var(--bg-hover)}.table-t2 .no-data{color:var(--text-secondary);padding:20px;text-align:center}.table-t2 .pagination{display:flex;gap:6px;height:44px;margin:12px 0}.table-t2 .page-btn,.table-t2 .pagination{align-items:center;box-sizing:border-box;justify-content:center}.table-t2 .page-btn{background:var(--control-bg);border:1px solid var(--control-border);border-radius:4px;color:var(--control-text);cursor:pointer;display:inline-flex;height:32px;line-height:normal;padding:6px 10px;transition:background .2s,color .2s;vertical-align:middle}.table-t2 .page-btn:hover{background:var(--control-hover);border:1px solid var(--control-border);box-shadow:none!important;transform:none!important}.table-t2 .page-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.table-t2 .page-btn:disabled{cursor:not-allowed;opacity:.5}.table-t2 .ellipsis{align-items:center;color:var(--text-secondary);display:inline-flex;padding:6px}.table-t2 .truncate{display:inline-block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root{--btn-hover-bg:var(--hover-bg);--btn-active-bg:var(--accent);--btn-active-color:#fff}.dark{--btn-hover-bg:var(--control-hover);--btn-active-bg:var(--accent);--btn-active-color:#fff}.action-column{text-align:center;width:60px}.action-cell{overflow:visible;position:relative;text-align:center}.action-menu-btn{background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:1.4rem;line-height:1;padding:4px 8px;transition:background .2s,color .2s}.action-menu-btn:hover{background:var(--bg-hover);color:var(--accent)}.action-menu-dropdown{background:var(--bg-dropdown);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow);display:flex;flex-direction:column;margin-top:4px;min-width:160px;overflow:hidden;position:absolute;right:10px;top:100%;z-index:1000}.action-menu-dropdown .menu-item{color:var(--text-primary);cursor:pointer;font-size:.95rem;padding:10px 16px;transition:background .2s,color .2s;white-space:nowrap}.action-menu-dropdown .menu-item:hover{background:var(--bg-hover);color:var(--accent)}.action-menu-dropdown .menu-item.disabled{color:#ccc;cursor:not-allowed;opacity:.5}.action-menu-dropdown .menu-item.disabled:hover{background:#0000;color:#ccc}.data-table tr{height:48px;overflow:visible}.data-table tr:hover .dropdown-menu{z-index:1000}.data-table .empty-row td{background:#0000;border-bottom:1px solid #0000}.data-table .empty-row{background:#0000;pointer-events:none}.table-t2 .table-filter-bar{background:#fff;border-bottom:1px solid #e8e8e8;padding:16px 20px}.table-t2 .filter-container{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.table-t2 .filter-item{display:flex;flex-direction:column;gap:4px}.table-t2 .filter-label{color:#666;font-size:12px;font-weight:600}.table-section.table-t3{margin:0 0 20px}.table-t3 .table-t3-title-bar{background:#fafafa;border-bottom:1px solid #e8e8e8;padding:16px 20px}.table-t3 .table-t3-title-bar .table-title{color:#1a1a1a;font-size:18px;font-weight:700;margin:0}.table-t3 .table-top-bar.table-t3-full-tabs{border-bottom:none;min-height:auto;padding:0}.table-t3 .tab-buttons{display:flex;gap:0;height:100%;width:100%}.table-t3 .tab-btn{background:#f5f5f5;border:none;border-bottom:2px solid #e8e8e8;border-radius:0;border-right:1px solid var(--control-border);color:var(--control-text);cursor:pointer;flex:1 1;font-size:.95rem;padding:12px 16px;transition:background .2s,color .2s,border-bottom .2s;white-space:nowrap}.table-t3 .tab-btn:first-child{border-top-left-radius:8px}.table-t3 .tab-btn:last-child{border-right:none;border-top-right-radius:8px}.table-t3 .table-filter-bar{background:#fff;border-bottom:1px solid #e8e8e8;padding:16px 20px}.table-t3 .filter-container{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.table-t3 .filter-item{display:flex;flex-direction:column;gap:4px}.table-t3 .filter-label{color:#666;font-size:12px;font-weight:600}.table-t3 .tab-btn:hover{background:var(--control-hover);color:var(--control-text)}.table-t3 .tab-btn.active{background:var(--accent);border-bottom:2px solid var(--accent);box-shadow:inset 0 -2px 0 #0000001a;color:#fff;font-weight:600}@media (max-width:1200px){.table-t3 .tab-buttons{flex-wrap:wrap}}@media (max-width:768px){.table-t3 .tab-btn{flex:1 1 auto;min-width:100px}}.team-tx-balance-info-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:30px;padding:24px}.team-tx-balance-info-section h3{color:#333;font-size:18px;font-weight:600;margin:0 0 20px}.team-tx-balance-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}@media (max-width:1400px){.team-tx-balance-info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.team-tx-balance-info-grid{grid-template-columns:1fr}}.team-tx-balance-info-section .dashboard-card.team-tx-credit-card{background:#f0f7ff;border-color:#d6e4ff}.team-tx-balance-info-section .dashboard-card .team-tx-credit-details{margin-top:12px}.team-tx-balance-info-section .dashboard-card .team-tx-credit-row{align-items:center;color:#333;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.team-tx-balance-info-section .dashboard-card .team-tx-credit-row span:first-child{color:#666}.team-tx-balance-info-section .dashboard-card .team-tx-credit-row span:last-child{color:#1890ff;font-weight:600}.team-tx-balance-info-section .dashboard-card .team-tx-usage-rate{color:#52c41a}.team-tx-record-tabs{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:8px;margin-bottom:16px;padding:16px}.team-tx-tab-btn{background:#fff;border:1px solid #d9d9d9;border-radius:4px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.team-tx-tab-btn:hover{border-color:#1890ff;color:#1890ff}.team-tx-tab-btn.active{background:#1890ff;border-color:#1890ff;color:#fff}@media (max-width:1200px){.team-tx-record-tabs{flex-wrap:wrap}.team-tx-tab-btn{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;min-width:150px}}@media (max-width:768px){.team-tx-tab-btn{flex:1 1 100%;padding:12px}}.userprofile-avatar-section{padding:32px;text-align:center}.userprofile-avatar-wrapper{display:inline-block;position:relative}.userprofile-circle-avatar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:48px;font-weight:700;height:120px;margin:0 auto;width:120px}.userprofile-avatar-edit-icon,.userprofile-circle-avatar{align-items:center;border-radius:50%;display:flex;justify-content:center}.userprofile-avatar-edit-icon{background:#fff;bottom:0;box-shadow:0 2px 8px #00000026;cursor:pointer;height:36px;position:absolute;right:0;width:36px}.userprofile-user-name{color:var(--text-primary);font-size:24px;font-weight:700;margin-top:5px}.userprofile-user-role{color:var(--text-muted);font-size:14px;margin-top:4px}.userprofile-user-info{align-items:center;display:flex;flex-direction:column;margin-top:16px}.info-section{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000000d;margin-bottom:32px;padding:24px 32px}.info-title{color:#333;font-size:20px;font-weight:700;margin-bottom:16px}.divider-primary{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;height:2px;margin-bottom:24px;width:100%}.info-grid{grid-gap:16px 24px;display:grid;gap:16px 24px;grid-template-columns:1fr 1fr}.info-row{display:flex;flex-direction:column}.info-row.full-width{grid-column:span 2}.info-label{color:#777;font-size:14px;margin-bottom:4px}.info-value{color:#333;font-size:16px}.code-badge{background:#eef2ff;border-radius:6px;color:#4f46e5;padding:4px 8px}.badge,.code-badge{font-size:13px;font-weight:600}.badge{border-radius:8px;padding:4px 10px}.badge-info{background:#e0f2fe;color:#0284c7}.badge-success{background:#dcfce7;color:#16a34a}.remark{color:#444;line-height:1.6}.settings-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.setting-card{background:#fff;border-radius:12px;box-shadow:0 4px 14px #0000000f;display:flex;flex-direction:column;justify-content:space-between;padding:24px 20px}.setting-header{gap:12px;margin-bottom:20px}.setting-header,.setting-icon{align-items:center;display:flex}.setting-icon{border-radius:50%;color:#fff;height:40px;justify-content:center;width:40px}.danger-bg{background:#ef4444}.info-bg{background:#3b82f6}.setting-title{color:#222;font-size:18px;font-weight:700}.setting-subtitle{color:#777;font-size:14px}.btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 14px;transition:.2s}.btn-outline{background:#fff;border:1px solid #ccc}.btn-outline:hover{background:#f5f5f5}.security-container{padding:0;width:100%}.security-section{margin-bottom:40px}.security-section h2{color:#1f2937;font-size:20px;font-weight:600;margin-bottom:16px}.section-header{justify-content:space-between;margin-bottom:16px}.section-actions,.section-header{align-items:center;display:flex}.security-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:24px}.security-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:20px 0}.security-item:last-child{border-bottom:none}.security-info{flex:1 1}.security-info h3{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 8px}.security-info p{color:#6b7280;font-size:14px;margin:0}.security-actions{display:flex;gap:12px}.qr-code-container{align-items:center;background:#f9fafb;border-radius:8px;display:flex;flex-direction:column;margin:20px 0;padding:24px}.qr-code-placeholder{border:2px solid #e5e7eb;border-radius:8px;color:#9ca3af;height:200px;justify-content:center;margin-bottom:16px;width:200px}.qr-code-placeholder,.secret-key{align-items:center;background:#fff;display:flex;font-size:14px}.secret-key{border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-family:monospace;gap:12px;padding:12px 16px}.copy-button{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 12px;transition:all .2s ease}.copy-button:hover{background:#e5e7eb}.verification-methods{display:flex;flex-direction:column;gap:12px;margin:20px 0}.verification-method{align-items:center;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;padding:12px 16px;transition:all .2s ease}.verification-method:hover{background:#f0f9ff;border-color:#2563eb}.verification-method.selected{background:#eff6ff;border-color:#2563eb}.verification-method input[type=radio]{flex-shrink:0;height:16px;margin-right:12px;width:16px}.verification-method-info h4{color:#1f2937;font-size:14px;font-weight:600;margin:0 0 4px}.verification-method-info p{color:#6b7280;font-size:13px;margin:0}.alert{align-items:flex-start;border-radius:6px;display:flex;gap:12px;margin:16px 0;padding:12px 16px}.alert-warning{background:#fef3c7;border:1px solid #fbbf24;color:#92400e}.alert-info{background:#dbeafe;border:1px solid #60a5fa;color:#1e40af}.alert-icon{flex-shrink:0;margin-top:2px}@media (max-width:768px){.security-container{padding:0 12px}.security-item{align-items:flex-start;flex-direction:column;gap:16px}.security-actions{justify-content:flex-end;width:100%}.section-header{align-items:flex-start;flex-direction:column;gap:12px}.qr-code-placeholder{height:160px;width:160px}.secret-key{align-items:stretch;flex-direction:column}}
/*# sourceMappingURL=main.6ee0175b.css.map*/