*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;background-color:#fafafa}body{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}p{line-height:1.6;color:#555}a{color:#007bff;text-decoration:none;transition:color .2s ease}a:hover{color:#0056b3}button{font-family:inherit;cursor:pointer}input,textarea,select{width:100%;max-width:100%;box-sizing:border-box;font-family:inherit;font-size:14px}.table-responsive{width:100%;overflow-x:auto}.user-table{width:100%;border-collapse:collapse;min-width:600px}.user-table th,.user-table td{padding:12px 10px;border:1px solid #e2e8f0;text-align:left;vertical-align:middle}@media (max-width: 768px){.user-table{min-width:unset}.user-table,.user-table thead,.user-table tbody,.user-table th,.user-table td,.user-table tr{display:block}.user-table thead tr{display:none}.user-table tr{margin-bottom:16px;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.user-table td{display:flex;justify-content:space-between;padding:12px 10px}.user-table td:before{content:attr(data-label);font-weight:700;color:#475569;margin-right:10px;flex:1}.user-table td:last-child{flex-direction:column;align-items:flex-start;gap:8px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.container{max-width:1200px;margin:0 auto;padding:0 20px}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.grid{display:grid}.text-center{text-align:center}.text-muted{color:#999}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}