*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{background:#f4f6f9;font-family:Arial,Helvetica,sans-serif}.page-card{background:#fff;border-radius:14px;padding:28px;box-shadow:0 8px 30px #0000000d}.primary-btn{background:linear-gradient(135deg,#4facfe,#00c6ff);color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer;font-weight:600;transition:.2s}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #0000001a}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:14px;background:#f5f7fb;font-weight:600}.table td{padding:14px;border-top:1px solid #eef1f6}.action-btn{border:none;padding:6px 10px;border-radius:6px;cursor:pointer;margin-right:6px}.edit{background:#e3f2fd}.delete{background:#ffebee}.role{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600}.admin{background:#ffe082}.manager{background:#c8e6c9}.user{background:#e1f5fe}