@charset "UTF-8";.user-top-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.user-top-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.user-top-header h1{margin:0;color:#333}.sort-info{color:#666;font-size:14px}.user-top-table{width:100%;border-collapse:collapse;margin-bottom:20px;background-color:#fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1)}.user-top-table td,.user-top-table th{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}.user-top-table th{background-color:#f8f8f8;font-weight:700;color:#333}.user-top-table tr:hover{background-color:#f5f5f5}.sort-link{color:#333;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.sort-link:hover{color:#06c}.sort-link.active{color:#06c}.sort-arrow{margin-left:5px;font-size:12px;opacity:.7}.sort-link.active .sort-arrow{opacity:1}.pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:20px;-ms-flex-wrap:wrap;flex-wrap:wrap}.page-link{padding:8px 12px;margin:0 5px;border:1px solid #ddd;border-radius:3px;color:#333;text-decoration:none;-webkit-transition:all .3s;transition:all .3s}.page-link:hover{background-color:#f5f5f5}.page-link.active{background-color:#06c;color:#fff;border-color:#06c}.page-dots{padding:8px 12px;margin:0 5px}.next,.prev{font-weight:700}@media (max-width:768px){.user-top-table{display:block;overflow-x:auto}.user-top-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.sort-info{margin-top:10px}}.loading-indicator{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.8);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1000}.spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;margin-bottom:15px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.sort-arrow.inactive{opacity:.3}.sort-link.active{font-weight:700;color:#06c}.sort-link.active.asc .sort-arrow{color:#06c}.sort-link.active.desc .sort-arrow{color:#06c}.user-position-info{background:#f8f8f8;padding:12px 15px;margin-bottom:15px;border-radius:4px;font-size:14px}.user-position-info strong{color:#06c}.current-user{background-color:#fffde7!important;font-weight:700;position:relative}.current-user:after{content:"★";color:#ffc107;position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cache-info{font-size:12px;color:#666;margin-top:10px;padding:5px;background:#f5f5f5;border-radius:3px}.user-top-info{margin-bottom:15px}.last-update{background:#f8f8f8;padding:10px 15px;border-radius:4px;font-size:13px;color:#666}.last-update strong{color:#06c;font-weight:400}