.paginated-table{margin:20px;font-family:Arial,sans-serif}.table{width:100%;border-collapse:collapse;margin-bottom:20px}.table-content{overflow-x:scroll}.table th,.table td{border:1px solid #ddd;padding:8px;text-align:left}.table th{background-color:#f2f2f2;position:sticky;top:0}.pagination{display:flex;justify-content:center;gap:5px;margin-bottom:10px}.pagination button{padding:5px 10px;border:1px solid #ddd;background-color:#fff;cursor:pointer}.pagination button:hover:not(:disabled){background-color:#f2f2f2}.pagination button:disabled{color:#aaa;cursor:not-allowed}.pagination button.active{background-color:#4caf50;color:#fff;border-color:#4caf50}.page-info{text-align:center;color:#666;font-size:.9em}.tabs-container{margin:0 auto}.tabs-header{display:flex;border-bottom:1px solid #ddd;overflow-x:auto;scrollbar-width:none}.tabs-header::-webkit-scrollbar{display:none}.tab-button{padding:12px 20px;background:none;border:none;cursor:pointer;font-size:16px;transition:all .3s ease;position:relative;white-space:nowrap;flex-shrink:0;outline:none}.tab-button:hover{background-color:#f5f5f5}.tab-button.active{color:#646cff;font-weight:700}.tab-indicator{position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:#646cff;transform-origin:left;animation:scaleIn .3s ease}.tabs-content{padding:20px;background-color:#fff;border-radius:0 0 4px 4px;min-height:200px}.tab-panel{animation:fadeIn .3s ease}@media (max-width: 768px){.tabs-container.mobile{position:relative;overflow:hidden}.tabs-header{justify-content:flex-start}.tab-button{padding:12px 16px;font-size:14px}.tabs-content{padding:15px;min-height:150px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tabs-header.custom-header{background-color:#f8f8f8;border-radius:8px 8px 0 0}.tab-button.custom-button{border-radius:8px 8px 0 0;margin-right:4px}.tab-button.active.custom-active{background-color:#646cff;color:#fff}.tabs-content.custom-content{background-color:#f8f8f8;border-radius:0 0 8px 8px}.card-grid-container{display:flex;flex-direction:column;align-items:center;padding:2rem;font-family:Arial,sans-serif}h1{color:#333;margin-bottom:1rem;text-align:center}.subtitle{font-size:.8em;color:#666;display:block;margin-top:.5rem}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative;margin-top:2rem;width:fit-content}.card{width:120px;height:120px;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.center-card{background:#4a6bff;color:#fff}.card-content{display:flex;align-items:center;padding:15px;width:100%}.card-icon{font-size:2rem;margin-right:10px}.card-text{display:flex;flex-direction:column}.card-title{font-size:.9rem;font-weight:700;margin-bottom:5px}.card-value{font-size:1.1rem}.arrow-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.loading{font-size:1.2rem;color:#666;margin-top:2rem}.legend{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:20px;font-size:.9rem;max-width:400px}.legend>div{display:flex;align-items:center}.legend-color,.legend-arrow{display:inline-block;width:16px;height:16px;border-radius:3px;margin-right:8px}.legend-color.to-center{background-color:#4a6bff}.legend-color.from-center{background-color:#4aff6b}.legend-color.bidirectional{background-color:#ff6b4a}.legend-arrow{position:relative;background-color:#f0f0f0}.legend-arrow.anim-to-center:after{content:"→";position:absolute;left:0;color:#4a6bff}.legend-arrow.anim-from-center:after{content:"←";position:absolute;left:0;color:#4aff6b}.user-forms-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.user-forms-container h1{text-align:center;color:#333;margin-bottom:30px}.forms-wrapper{display:flex;gap:30px;flex-wrap:wrap}.form-section{flex:1;min-width:300px;background:#f9f9f9;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.form-section h2{margin-top:0;color:#444;border-bottom:1px solid #ddd;padding-bottom:10px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#555}.form-group input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.form-group input.error{border-color:#e74c3c}.error-message{color:#e74c3c;font-size:.85em;margin-top:5px}.success-message{color:#2ecc71;font-size:.9em;margin-bottom:15px;font-weight:700}.submit-btn{background-color:#3498db;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;font-size:1em;transition:background-color .3s}.submit-btn:hover{background-color:#2980b9}.hr.rounded{border-top:8px solid #bbb;border-radius:5px}:root{font-family:Segoe UI,Roboto;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}