.cards-container{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:16px;margin-top:20px}.user-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:18px 20px;min-width:220px;max-width:260px;display:flex;flex-direction:column;justify-content:space-between;transition:box-shadow .2s;border:1px solid #eee}.user-card:hover{box-shadow:0 4px 16px #00000021;border-color:#4caf50}.user-info{margin-bottom:12px}.user-name{font-size:1.1rem;font-weight:700;color:#333;display:block;margin-bottom:4px}.user-mac{font-size:.97rem;color:#666;background:#f1f1f1;padding:2px 8px;border-radius:4px;display:inline-block}.user-actions{display:flex;gap:8px;margin-top:8px}body{font-family:Arial,sans-serif;margin:0 auto;padding:20px;background-color:#f5f5f5}.container{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.search-and-button{display:flex;align-items:center;margin-bottom:20px;gap:10px}.search-input{flex-grow:1;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px;box-sizing:border-box}button#addButton{background-color:#4caf50;color:#fff;border:none;padding:10px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:40px}button#addButton:hover{background-color:#45a049}table{width:100%;border-collapse:collapse;margin-top:20px}th,td{padding:12px;text-align:left;border-bottom:1px solid #ddd}th{background-color:#4caf50;color:#fff;font-weight:700}tr:hover{background-color:#f5f5f5}.empty-message{text-align:center;color:#777;font-style:italic;padding:20px}.modal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080}.modal-content{background-color:#fff;margin:10% auto;padding:25px;border-radius:8px;width:80%;max-width:500px;box-shadow:0 5px 15px #0000004d;position:relative}.close{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer;position:absolute;top:10px;right:15px}.close:hover{color:#000}.modal label{display:block;margin-bottom:8px;font-weight:700;color:#555}.modal input[type=text]{width:100%;padding:10px;margin-bottom:20px;border:1px solid #ddd;border-radius:4px;font-size:16px;box-sizing:border-box}[data-slots]{font-family:monospace}.modal button{background-color:#4caf50;color:#fff;border:none;padding:12px 20px;font-size:16px;border-radius:4px;cursor:pointer;width:100%;margin-top:10px}.modal button:hover{background-color:#45a049}.edit-btn{background-color:#2196f3;color:#fff;border:none;padding:6px 10px;border-radius:3px;cursor:pointer;font-size:14px}.edit-btn:hover{background-color:#0b7dda}.delete-btn{background-color:#f44336;color:#fff;border:none;padding:6px 10px;border-radius:3px;cursor:pointer;font-size:14px;margin-left:5px}.delete-btn:hover{background-color:#d32f2f}